From 673952ca9399edd799365e3efa09671e05c3588f Mon Sep 17 00:00:00 2001
From: msynk <msynk@outlook.com>
Date: Sat, 22 Aug 2026 14:09:01 +0330
Subject: [PATCH 1/2] apply BitPagination improvements #12978

---
 .../Navs/Pagination/BitPagination.razor       | 204 ++--
 .../Navs/Pagination/BitPagination.razor.cs    | 318 +++++--
 .../Navs/Pagination/BitPagination.scss        |  31 +
 .../Pagination/BitPaginationClassStyles.cs    |   5 +
 .../Navs/Pagination/BitPaginationDemo.razor   | 228 +++--
 .../Pagination/BitPaginationDemo.razor.cs     | 102 +-
 .../BitPaginationDemo.razor.samples.cs        | 129 ++-
 .../Navs/Pagination/BitPaginationTests.cs     | 901 +++++++++++++++++-
 8 files changed, 1632 insertions(+), 286 deletions(-)

diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor
index 7197f079edd..cb607472a4f 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor
@@ -1,85 +1,133 @@
 @namespace Bit.BlazorUI
 @inherits BitComponentBase
 
-<div @ref="RootElement" @attributes="HtmlAttributes"
-     id="@_Id"
-     style="@StyleBuilder.Value"
-     class="@ClassBuilder.Value"
-     dir="@Dir?.ToString().ToLower()">
-    @if (ShowFirstButton)
-    {
-        var firstIcon = BitIconInfo.From(FirstButtonIcon, FirstButtonIconName ?? "ChevronRightEnd6 bit-pgn-trs");
-        <button @onclick="@(() => ChangePage(1))"
-                aria-label="First page"
-                disabled="@(SelectedPage == 1 || IsEnabled is false)"
-                style="@Styles?.Button @Styles?.FirstButton"
-                class="bit-pgn-btn @Classes?.Button @Classes?.FirstButton @GetButtonClasses()">
-            <i style="@Styles?.FirstButtonIcon" class="@firstIcon?.GetCssClasses() @Classes?.FirstButtonIcon" />
-        </button>
-    }
+@* The pagination is a navigation landmark wrapping a list of page controls, which is the markup every
+   major design system settles on, so assistive technologies announce it as navigation and enumerate its
+   items instead of reading a bare run of buttons.
+   The list and its items are collapsed with display:contents so the buttons stay the direct flex items of
+   the root and the layout (including any gap coming through Styles.Root) is exactly what it was before the
+   list was introduced. The explicit list roles are there because a box removed by display:contents used to
+   lose its implicit semantics in some browser / screen reader combinations. *@
+@* The aria-label sits before the attribute splatting so that an aria-label passed as a plain attribute
+   still wins over the default name of the landmark, while the id, the style, the class and the dir stay
+   after it and keep the ones the component renders. *@
+@if (HideOnSinglePage is false || _Count > 1)
+{
+    <nav @ref="RootElement"
+         aria-label="@(AriaLabel ?? "Pagination")"
+         @attributes="HtmlAttributes"
+         id="@_Id"
+         style="@StyleBuilder.Value"
+         class="@ClassBuilder.Value"
+         dir="@Dir?.ToString().ToLower()">
+        <ul role="list" class="bit-pgn-lst">
+            @* The summary leads the pagination, where it is read before the controls it describes. It is a
+               status region so that a screen reader reports the new position as the page changes, which is
+               the only cue left once the numeric page buttons are turned off. *@
+            @if (ShowSummary)
+            {
+                <li role="listitem" class="bit-pgn-itm">
+                    <div role="status" style="@Styles?.Summary" class="bit-pgn-sum @Classes?.Summary">@GetSummaryText()</div>
+                </li>
+            }
 
-    @if (ShowPreviousButton)
-    {
-        var previousIcon = BitIconInfo.From(PreviousButtonIcon, PreviousButtonIconName ?? "ChevronRight bit-pgn-trs");
-        <button @onclick="@(() => ChangePage(SelectedPage - 1))"
-                aria-label="Previous page"
-                disabled="@(SelectedPage == 1 || IsEnabled is false)"
-                style="@Styles?.Button @Styles?.PreviousButton"
-                class="bit-pgn-btn @Classes?.Button @Classes?.PreviousButton @GetButtonClasses()">
-            <i style="@Styles?.PreviousButtonIcon" class="@previousIcon?.GetCssClasses() @Classes?.PreviousButtonIcon" />
-        </button>
-    }
+            @if (ShowFirstButton)
+            {
+                var firstIcon = BitIconInfo.From(FirstButtonIcon, FirstButtonIconName ?? "ChevronRightEnd6 bit-pgn-trs");
+                <li role="listitem" class="bit-pgn-itm">
+                    <button @onclick="@(() => ChangePage(1))"
+                            type="button"
+                            title="@FirstButtonAriaLabel"
+                            aria-label="@FirstButtonAriaLabel"
+                            disabled="@(IsEnabled is false || _SelectedPage == 1)"
+                            style="@Styles?.Button @Styles?.FirstButton"
+                            class="bit-pgn-btn @Classes?.Button @Classes?.FirstButton @_VariantClass">
+                        <i aria-hidden="true" style="@Styles?.FirstButtonIcon" class="@firstIcon?.GetCssClasses() @Classes?.FirstButtonIcon" />
+                    </button>
+                </li>
+            }
 
-    @foreach (var page in GeneratePages())
-    {
-        var currentPage = page;
-        if (currentPage == -1)
-        {
-            <div style="@Styles?.Ellipsis" class="bit-pgn-elp @Classes?.Ellipsis" disabled="@(IsEnabled is false)">&bull;&bull;&bull;</div>
-        }
-        else if (currentPage == SelectedPage)
-        {
-            <button disabled="@(IsEnabled is false)"
-                    aria-current="page"
-                    aria-label="@($"Current page {currentPage}")"
-                    style="@Styles?.Button @Styles?.SelectedButton"
-                    class="bit-pgn-btn bit-pgn-sel @Classes?.Button @Classes?.SelectedButton @GetButtonClasses()">
-                @currentPage
-            </button>
-        }
-        else
-        {
-            <button @onclick="@(() => ChangePage(currentPage))"
-                    disabled="@(IsEnabled is false)"
-                    aria-label="@($"Page {currentPage}")"
-                    style="@Styles?.Button"
-                    class="bit-pgn-btn @Classes?.Button @GetButtonClasses()">
-                @currentPage
-            </button>
-        }
-    }
+            @if (ShowPreviousButton)
+            {
+                var previousIcon = BitIconInfo.From(PreviousButtonIcon, PreviousButtonIconName ?? "ChevronRight bit-pgn-trs");
+                <li role="listitem" class="bit-pgn-itm">
+                    <button @onclick="@(() => ChangePage(Loop && _SelectedPage == 1 ? _Count : _SelectedPage - 1))"
+                            type="button"
+                            title="@PreviousButtonAriaLabel"
+                            aria-label="@PreviousButtonAriaLabel"
+                            disabled="@(IsEnabled is false || (Loop is false && _SelectedPage == 1))"
+                            style="@Styles?.Button @Styles?.PreviousButton"
+                            class="bit-pgn-btn @Classes?.Button @Classes?.PreviousButton @_VariantClass">
+                        <i aria-hidden="true" style="@Styles?.PreviousButtonIcon" class="@previousIcon?.GetCssClasses() @Classes?.PreviousButtonIcon" />
+                    </button>
+                </li>
+            }
 
-    @if (ShowNextButton)
-    {
-        var nextIcon = BitIconInfo.From(NextButtonIcon, NextButtonIconName ?? "ChevronRight bit-pgn-tre");
-        <button @onclick="@(() => ChangePage(SelectedPage + 1))"
-                aria-label="Next page"
-                disabled="@(SelectedPage == Count || IsEnabled is false)"
-                style="@Styles?.Button @Styles?.NextButton"
-                class="bit-pgn-btn @Classes?.Button @Classes?.NextButton @GetButtonClasses()">
-            <i style="@Styles?.NextButtonIcon" class="@nextIcon?.GetCssClasses() @Classes?.NextButtonIcon" />
-        </button>
-    }
+            @if (ShowPageButtons)
+            {
+                @* Every page keeps its own key so that moving the selection only flips the attributes of the
+                   already rendered button instead of replacing it, which is what keeps the keyboard focus on
+                   the page the user just activated. *@
+                var pages = GeneratePages();
+                for (var i = 0; i < pages.Length; i++)
+                {
+                    var pageNumber = pages[i];
 
-    @if (ShowLastButton)
-    {
-        var lastIcon = BitIconInfo.From(LastButtonIcon, LastButtonIconName ?? "ChevronRightEnd6 bit-pgn-tre");
-        <button @onclick="@(() => ChangePage(Count))"
-                aria-label="Last page"
-                disabled="@(SelectedPage == Count || IsEnabled is false)"
-                style="@Styles?.Button @Styles?.LastButton"
-                class="bit-pgn-btn @Classes?.Button @Classes?.LastButton @GetButtonClasses()">
-            <i style="@Styles?.LastButtonIcon" class="@lastIcon?.GetCssClasses() @Classes?.LastButtonIcon" />
-        </button>
-    }
-</div>
\ No newline at end of file
+                    if (pageNumber == EllipsisPage)
+                    {
+                        <li @key="@($"ellipsis-{i}")" role="listitem" class="bit-pgn-itm">
+                            <div aria-hidden="true" style="@Styles?.Ellipsis" class="bit-pgn-elp @Classes?.Ellipsis">&bull;&bull;&bull;</div>
+                        </li>
+                    }
+                    else
+                    {
+                        var isSelected = pageNumber == _SelectedPage;
+                        <li @key="@pageNumber" role="listitem" class="bit-pgn-itm">
+                            <button @onclick="@(() => ChangePage(pageNumber))"
+                                    type="button"
+                                    disabled="@(IsEnabled is false)"
+                                    aria-current="@(isSelected ? "page" : null)"
+                                    aria-label="@GetPageLabel(pageNumber, isSelected)"
+                                    style="@Styles?.Button @(isSelected ? Styles?.SelectedButton : null)"
+                                    class="bit-pgn-btn @(isSelected ? "bit-pgn-sel" : null) @Classes?.Button @(isSelected ? Classes?.SelectedButton : null) @_VariantClass">
+                                @pageNumber
+                            </button>
+                        </li>
+                    }
+                }
+            }
+
+            @if (ShowNextButton)
+            {
+                var nextIcon = BitIconInfo.From(NextButtonIcon, NextButtonIconName ?? "ChevronRight bit-pgn-tre");
+                <li role="listitem" class="bit-pgn-itm">
+                    <button @onclick="@(() => ChangePage(Loop && _SelectedPage == _Count ? 1 : _SelectedPage + 1))"
+                            type="button"
+                            title="@NextButtonAriaLabel"
+                            aria-label="@NextButtonAriaLabel"
+                            disabled="@(IsEnabled is false || (Loop is false && _SelectedPage == _Count))"
+                            style="@Styles?.Button @Styles?.NextButton"
+                            class="bit-pgn-btn @Classes?.Button @Classes?.NextButton @_VariantClass">
+                        <i aria-hidden="true" style="@Styles?.NextButtonIcon" class="@nextIcon?.GetCssClasses() @Classes?.NextButtonIcon" />
+                    </button>
+                </li>
+            }
+
+            @if (ShowLastButton)
+            {
+                var lastIcon = BitIconInfo.From(LastButtonIcon, LastButtonIconName ?? "ChevronRightEnd6 bit-pgn-tre");
+                <li role="listitem" class="bit-pgn-itm">
+                    <button @onclick="@(() => ChangePage(_Count))"
+                            type="button"
+                            title="@LastButtonAriaLabel"
+                            aria-label="@LastButtonAriaLabel"
+                            disabled="@(IsEnabled is false || _SelectedPage == _Count)"
+                            style="@Styles?.Button @Styles?.LastButton"
+                            class="bit-pgn-btn @Classes?.Button @Classes?.LastButton @_VariantClass">
+                        <i aria-hidden="true" style="@Styles?.LastButtonIcon" class="@lastIcon?.GetCssClasses() @Classes?.LastButtonIcon" />
+                    </button>
+                </li>
+            }
+        </ul>
+    </nav>
+}
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor.cs
index b11dd4ebab6..2a757e26936 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor.cs
@@ -1,24 +1,40 @@
-using System.Text;
-
 namespace Bit.BlazorUI;
 
 /// <summary>
 /// Pagination component helps users easily navigate through content, allowing swift browsing across multiple pages or sections, commonly used in lists, tables, and content-rich interfaces.
 /// </summary>
+/// <remarks>
+/// The component renders a navigation landmark holding a list of page controls, marks the current page with
+/// aria-current and names every control for assistive technologies, so it can be dropped next to a grid or a
+/// list of results without any extra markup.
+/// <br />
+/// Name the landmark through <see cref="BitComponentBase.AriaLabel"/> whenever more than one pagination is
+/// rendered on the same page, so each of them can be told apart in the landmark list.
+/// </remarks>
 public partial class BitPagination : BitComponentBase
 {
-    private int _count = 1;
-    private int _middleCount = 3;
-    private int _boundaryCount = 2;
+    /// <summary>
+    /// The placeholder a generated page list uses in place of the pages that are collapsed into an ellipsis.
+    /// </summary>
+    private const int EllipsisPage = -1;
+
+    private const int DefaultMiddleCount = 3;
+    private const int DefaultBoundaryCount = 2;
+
+    private int _correctedPage;
 
 
 
     /// <summary>
     /// The number of items at the start and end of the pagination.
+    /// <br />
+    /// The default value is <strong>2</strong>.
     /// </summary>
-    [Parameter]
-    [CallOnSet(nameof(OnSetBoundaryCount))]
-    public int BoundaryCount { get; set; }
+    /// <remarks>
+    /// A value that is not positive falls back to the default, since a range with no fixed ends would lose
+    /// the shortcut to the first and the last pages.
+    /// </remarks>
+    [Parameter] public int BoundaryCount { get; set; }
 
     /// <summary>
     /// Custom CSS classes for different parts of the pagination.
@@ -33,16 +49,31 @@ public partial class BitPagination : BitComponentBase
 
     /// <summary>
     /// The total number of pages.
+    /// <br />
+    /// The default value is <strong>1</strong>.
     /// </summary>
-    [Parameter]
-    [CallOnSet(nameof(OnSetCount))]
-    public int Count { get; set; }
+    /// <remarks>
+    /// A count that is not positive still leaves a single page to be on, since a pagination with no page at
+    /// all has nothing to render.
+    /// </remarks>
+    [Parameter] public int Count { get; set; }
 
     /// <summary>
     /// The default selected page number.
     /// </summary>
     [Parameter] public int DefaultSelectedPage { get; set; }
 
+    /// <summary>
+    /// The accessible label of the first button.
+    /// <br />
+    /// The default value is <strong>"First page"</strong>.
+    /// </summary>
+    /// <remarks>
+    /// The value is used both as the aria-label and as the native tooltip of the button, since the button
+    /// carries an icon and no text of its own.
+    /// </remarks>
+    [Parameter] public string FirstButtonAriaLabel { get; set; } = "First page";
+
     /// <summary>
     /// The icon for the first button using custom CSS classes for external icon libraries.
     /// Takes precedence over <see cref="FirstButtonIconName"/> when both are set.
@@ -55,6 +86,53 @@ public partial class BitPagination : BitComponentBase
     /// </summary>
     [Parameter] public string? FirstButtonIconName { get; set; }
 
+    /// <summary>
+    /// Provides the accessible label of a page button, from its one-based number and whether it is the
+    /// selected one, replacing the default "Page {number}" label.
+    /// </summary>
+    /// <remarks>
+    /// This is the hook to localize the page buttons, or to make them announce what the page holds
+    /// (for example "Page 3 of 12" or "Results 21 to 30").
+    /// <br />
+    /// The selected page also reports aria-current, so the label does not have to say that it is the
+    /// current one for a screen reader to announce it as such.
+    /// </remarks>
+    [Parameter] public Func<int, bool, string>? GetPageAriaLabel { get; set; }
+
+    /// <summary>
+    /// Provides the text of the summary, from the selected page and the total number of pages, replacing the
+    /// default "Page {number} of {count}" text.
+    /// </summary>
+    /// <remarks>
+    /// This is the hook to localize the summary, or to report the position in terms of the items rather than
+    /// the pages (for example "Showing 21 to 30 of 240 results") from numbers only the consumer holds.
+    /// <br />
+    /// It is only called while <see cref="ShowSummary"/> is on.
+    /// </remarks>
+    [Parameter] public Func<int, int, string>? GetSummary { get; set; }
+
+    /// <summary>
+    /// Renders nothing at all while there is a single page to navigate.
+    /// <br />
+    /// The default value is <strong>false</strong>.
+    /// </summary>
+    /// <remarks>
+    /// Navigation that cannot go anywhere is noise, so hiding it keeps the layout of a short result set clean.
+    /// Leave it off when the pagination sits in a fixed layout that a disappearing element would reflow.
+    /// </remarks>
+    [Parameter] public bool HideOnSinglePage { get; set; }
+
+    /// <summary>
+    /// The accessible label of the last button.
+    /// <br />
+    /// The default value is <strong>"Last page"</strong>.
+    /// </summary>
+    /// <remarks>
+    /// The value is used both as the aria-label and as the native tooltip of the button, since the button
+    /// carries an icon and no text of its own.
+    /// </remarks>
+    [Parameter] public string LastButtonAriaLabel { get; set; } = "Last page";
+
     /// <summary>
     /// The icon for the last button using custom CSS classes for external icon libraries.
     /// Takes precedence over <see cref="LastButtonIconName"/> when both are set.
@@ -67,12 +145,39 @@ public partial class BitPagination : BitComponentBase
     /// </summary>
     [Parameter] public string? LastButtonIconName { get; set; }
 
+    /// <summary>
+    /// Wraps the next and previous buttons around the ends of the range, so the next button moves from the
+    /// last page to the first one and the previous button from the first page to the last one.
+    /// <br />
+    /// The default value is <strong>false</strong>.
+    /// </summary>
+    /// <remarks>
+    /// The two buttons also stay enabled at the ends of the range while this is on. The first and last
+    /// buttons are unaffected, since they always target a fixed page.
+    /// </remarks>
+    [Parameter] public bool Loop { get; set; }
+
     /// <summary>
     /// The number of items to render in the middle of the pagination.
+    /// <br />
+    /// The default value is <strong>3</strong>.
+    /// </summary>
+    /// <remarks>
+    /// A value that is not positive falls back to the default, since a middle range with nothing in it would
+    /// leave the selected page out of the pagination.
+    /// </remarks>
+    [Parameter] public int MiddleCount { get; set; }
+
+    /// <summary>
+    /// The accessible label of the next button.
+    /// <br />
+    /// The default value is <strong>"Next page"</strong>.
     /// </summary>
-    [Parameter]
-    [CallOnSet(nameof(OnSetMiddleCount))]
-    public int MiddleCount { get; set; }
+    /// <remarks>
+    /// The value is used both as the aria-label and as the native tooltip of the button, since the button
+    /// carries an icon and no text of its own.
+    /// </remarks>
+    [Parameter] public string NextButtonAriaLabel { get; set; } = "Next page";
 
     /// <summary>
     /// The icon for the next button using custom CSS classes for external icon libraries.
@@ -89,8 +194,23 @@ public partial class BitPagination : BitComponentBase
     /// <summary>
     /// The event callback for when selected page changes.
     /// </summary>
+    /// <remarks>
+    /// The callback also runs when <see cref="SelectedPage"/> is bound one way, so a page can be requested
+    /// and applied by the consumer without giving up control of the value.
+    /// </remarks>
     [Parameter] public EventCallback<int> OnChange { get; set; }
 
+    /// <summary>
+    /// The accessible label of the previous button.
+    /// <br />
+    /// The default value is <strong>"Previous page"</strong>.
+    /// </summary>
+    /// <remarks>
+    /// The value is used both as the aria-label and as the native tooltip of the button, since the button
+    /// carries an icon and no text of its own.
+    /// </remarks>
+    [Parameter] public string PreviousButtonAriaLabel { get; set; } = "Previous page";
+
     /// <summary>
     /// The icon for the previous button using custom CSS classes for external icon libraries.
     /// Takes precedence over <see cref="PreviousButtonIconName"/> when both are set.
@@ -103,9 +223,21 @@ public partial class BitPagination : BitComponentBase
     /// </summary>
     [Parameter] public string? PreviousButtonIconName { get; set; }
 
+    /// <summary>
+    /// Renders the buttons of the pagination with fully rounded (circular) corners.
+    /// <br />
+    /// The default value is <strong>false</strong>.
+    /// </summary>
+    [Parameter, ResetClassBuilder]
+    public bool Rounded { get; set; }
+
     /// <summary>
     /// The selected page number.
     /// </summary>
+    /// <remarks>
+    /// The value is one-based and is clamped into the available range while rendering, so a page number
+    /// outside of <see cref="Count"/> never leaves the pagination without a current page.
+    /// </remarks>
     [Parameter, TwoWayBound]
     public int SelectedPage { get; set; }
 
@@ -124,11 +256,35 @@ public partial class BitPagination : BitComponentBase
     /// </summary>
     [Parameter] public bool ShowNextButton { get; set; } = true;
 
+    /// <summary>
+    /// Determines whether to show the numeric page buttons.
+    /// <br />
+    /// The default value is <strong>true</strong>.
+    /// </summary>
+    /// <remarks>
+    /// Turning the page buttons off leaves only the navigation buttons, which is the compact pagination a
+    /// narrow layout or an unbounded result set (where the number of pages is unknown) calls for.
+    /// </remarks>
+    [Parameter] public bool ShowPageButtons { get; set; } = true;
+
     /// <summary>
     /// Determines whether to show the previous button.
     /// </summary>
     [Parameter] public bool ShowPreviousButton { get; set; } = true;
 
+    /// <summary>
+    /// Shows the position in the range, which reads "Page {number} of {count}" unless
+    /// <see cref="GetSummary"/> replaces it, ahead of the buttons of the pagination.
+    /// <br />
+    /// The default value is <strong>false</strong>.
+    /// </summary>
+    /// <remarks>
+    /// The summary is a status region, so a screen reader reports the new position as the page changes. That
+    /// makes it the piece to turn on along with <see cref="ShowPageButtons"/> turned off, where nothing else
+    /// tells which page of how many is the current one.
+    /// </remarks>
+    [Parameter] public bool ShowSummary { get; set; }
+
     /// <summary>
     /// The size of the buttons.
     /// </summary>
@@ -174,6 +330,8 @@ protected override void RegisterCssClasses()
             BitSize.Large => "bit-pgn-lg",
             _ => "bit-pgn-md"
         });
+
+        ClassBuilder.Register(() => Rounded ? "bit-pgn-rnd" : string.Empty);
     }
 
     protected override void RegisterCssStyles()
@@ -185,7 +343,7 @@ protected override async Task OnInitializedAsync()
     {
         if (SelectedPageHasBeenSet is false && DefaultSelectedPage != 0)
         {
-            await AssignSelectedPage(DefaultSelectedPage);
+            await AssignSelectedPage(Math.Clamp(DefaultSelectedPage, 1, _Count));
         }
 
         if (SelectedPage == 0)
@@ -196,51 +354,108 @@ protected override async Task OnInitializedAsync()
         await base.OnInitializedAsync();
     }
 
+    protected override async Task OnParametersSetAsync()
+    {
+        // A selected page that fell outside of the range (a count that shrank under it, or a value that was
+        // never inside it) is written back so that the value a consumer is bound to never keeps pointing at a
+        // page that does not exist. This runs after every parameter has been applied, so a count and a
+        // selected page changing together settle on the value the consumer asked for and not on an
+        // intermediate one.
+        if (SelectedPage == _SelectedPage)
+        {
+            _correctedPage = 0;
+        }
+        else if (SelectedPage != _correctedPage)
+        {
+            // The same out of range value is only corrected once: a consumer that hands it back unchanged
+            // (a callback that drops the new page instead of storing it) would otherwise be answered with
+            // another correction on every render, and the two would keep re-rendering each other.
+            _correctedPage = SelectedPage;
+
+            await AssignSelectedPage(_SelectedPage);
+        }
+
+        await base.OnParametersSetAsync();
+    }
+
+
+
+    // There is always at least one page to be on, so a count that is not positive still renders a pagination
+    // holding that page instead of an empty one.
+    private int _Count => Count > 0 ? Count : 1;
+
+    // The rendering runs off a clamped view of the selected page so that a value outside of the range (which
+    // a one way bound SelectedPage can hold, since the component cannot write it back) still renders a
+    // pagination with a current page and with the right buttons disabled.
+    private int _SelectedPage => Math.Clamp(SelectedPage, 1, _Count);
+
+    private int _MiddleCount => MiddleCount > 0 ? MiddleCount : DefaultMiddleCount;
+
+    private int _BoundaryCount => BoundaryCount > 0 ? BoundaryCount : DefaultBoundaryCount;
+
+    private string _VariantClass => Variant switch
+    {
+        BitVariant.Fill => "bit-pgn-fil",
+        BitVariant.Outline => "bit-pgn-otl",
+        BitVariant.Text => "bit-pgn-txt",
+        _ => "bit-pgn-fil"
+    };
+
+    private string GetPageLabel(int page, bool isSelected)
+    {
+        return GetPageAriaLabel?.Invoke(page, isSelected) ?? $"Page {page}";
+    }
 
+    private string GetSummaryText()
+    {
+        return GetSummary?.Invoke(_SelectedPage, _Count) ?? $"Page {_SelectedPage} of {_Count}";
+    }
 
-    private IEnumerable<int> GeneratePages()
+    private int[] GeneratePages()
     {
-        if (_count <= 4 || _count <= 2 * _boundaryCount + _middleCount + 2)
+        if (_Count <= 4 || _Count <= 2 * _BoundaryCount + _MiddleCount + 2)
         {
-            return Enumerable.Range(1, _count).ToArray();
+            return Enumerable.Range(1, _Count).ToArray();
         }
 
-        var length = 2 * _boundaryCount + _middleCount + 2;
+        var length = 2 * _BoundaryCount + _MiddleCount + 2;
         var pages = new int[length];
 
-        for (var i = 0; i < _boundaryCount; i++)
+        for (var i = 0; i < _BoundaryCount; i++)
         {
             pages[i] = i + 1;
         }
 
-        for (var i = 0; i < _boundaryCount; i++)
+        for (var i = 0; i < _BoundaryCount; i++)
         {
-            pages[length - i - 1] = _count - i;
+            pages[length - i - 1] = _Count - i;
         }
 
         int startValue;
-        if (SelectedPage <= _boundaryCount + _middleCount / 2 + 1)
+        if (_SelectedPage <= _BoundaryCount + _MiddleCount / 2 + 1)
         {
-            startValue = _boundaryCount + 2;
+            startValue = _BoundaryCount + 2;
         }
-        else if (SelectedPage >= _count - _boundaryCount - _middleCount / 2)
+        else if (_SelectedPage >= _Count - _BoundaryCount - _MiddleCount / 2)
         {
-            startValue = _count - _boundaryCount - _middleCount;
+            startValue = _Count - _BoundaryCount - _MiddleCount;
         }
         else
         {
-            startValue = SelectedPage - _middleCount / 2;
+            startValue = _SelectedPage - _MiddleCount / 2;
         }
 
-        for (var i = 0; i < _middleCount; i++)
+        for (var i = 0; i < _MiddleCount; i++)
         {
-            pages[_boundaryCount + 1 + i] = startValue + i;
+            pages[_BoundaryCount + 1 + i] = startValue + i;
         }
 
-        pages[_boundaryCount] = (_boundaryCount + _middleCount / 2 + 1 < SelectedPage) ? -1 : _boundaryCount + 1;
+        pages[_BoundaryCount] = (_BoundaryCount + _MiddleCount / 2 + 1 < _SelectedPage) ? EllipsisPage : _BoundaryCount + 1;
 
-        pages[length - _boundaryCount - 1] = (_count - _boundaryCount - _middleCount / 2 > SelectedPage) ? -1 : _count - _boundaryCount;
+        pages[length - _BoundaryCount - 1] = (_Count - _BoundaryCount - _MiddleCount / 2 > _SelectedPage) ? EllipsisPage : _Count - _BoundaryCount;
 
+        // An ellipsis standing in for a single page is replaced by that page, since spelling the page out
+        // costs the same room as the ellipsis hiding it.
         for (var i = 0; i < length - 2; i++)
         {
             if (pages[i] + 2 == pages[i + 2])
@@ -254,45 +469,18 @@ private IEnumerable<int> GeneratePages()
 
     private async Task ChangePage(int page)
     {
-        if (SelectedPageHasBeenSet && SelectedPageChanged.HasDelegate is false) return;
+        if (IsEnabled is false) return;
 
-        if (page > _count) page = _count;
+        // Every requested page lands inside the available range, so neither a wrapping navigation button nor
+        // an out of range SelectedPage can ever select a page that does not exist.
+        page = Math.Clamp(page, 1, _Count);
 
-        if (page < 1) page = 1;
+        if (page == _SelectedPage) return;
 
         await AssignSelectedPage(page);
 
+        // The callback runs even when SelectedPage is bound one way and could not be written back, so that a
+        // consumer holding the value itself still hears about the page the user asked for.
         await OnChange.InvokeAsync(page);
     }
-
-    private string GetButtonClasses()
-    {
-        StringBuilder className = new StringBuilder();
-
-        className.Append(' ').Append(Variant switch
-        {
-            BitVariant.Fill => "bit-pgn-fil",
-            BitVariant.Outline => "bit-pgn-otl",
-            BitVariant.Text => "bit-pgn-txt",
-            _ => "bit-pgn-fil"
-        });
-
-        return className.ToString();
-    }
-
-    private void OnSetBoundaryCount()
-    {
-        _boundaryCount = Math.Max(1, BoundaryCount);
-    }
-
-    private void OnSetCount()
-    {
-        _count = Math.Max(1, Count);
-        _ = AssignSelectedPage(Math.Min(SelectedPage, Count));
-    }
-
-    private void OnSetMiddleCount()
-    {
-        _middleCount = Math.Max(1, MiddleCount);
-    }
 }
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.scss b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.scss
index 4b321c892c3..04d22578c8d 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.scss
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.scss
@@ -39,6 +39,15 @@
     }
 }
 
+// The list and its items only carry the semantics of the markup: they are removed from the box tree so the
+// buttons stay the direct flex items of the root and the layout of the pagination is the one the root sets
+// (a gap coming from Styles.Root included). The explicit list roles in the markup keep the semantics that
+// removing these boxes used to drop.
+.bit-pgn-lst,
+.bit-pgn-itm {
+    display: contents;
+}
+
 .bit-pgn-trs {
     transform: var(--bit-pgn-ico-transform-start);
 }
@@ -52,12 +61,24 @@
     font-size: inherit;
     text-align: center;
     align-items: center;
+    user-select: none;
     justify-content: center;
     width: var(--bit-pgn-btn-size);
     height: var(--bit-pgn-btn-size);
     border-radius: $shp-radius-control;
 }
 
+// The summary sits on the same baseline as the buttons without taking their square shape, so a long text
+// (a localized one, or one counting items instead of pages) stays on a single line beside them.
+.bit-pgn-sum {
+    display: flex;
+    font-size: inherit;
+    align-items: center;
+    white-space: nowrap;
+    padding: 0 spacing(0.5);
+    height: var(--bit-pgn-btn-size);
+}
+
 .bit-pgn-btn {
     cursor: pointer;
     text-align: center;
@@ -123,6 +144,16 @@
 }
 
 
+// The pill shape applies to the ellipsis as well, so the gaps keep the outline of the buttons they stand
+// in for instead of breaking the row with a square.
+.bit-pgn-rnd {
+    .bit-pgn-btn,
+    .bit-pgn-elp {
+        border-radius: 50%;
+    }
+}
+
+
 // forced-colors: the selected page is conveyed by fill colors that High Contrast strips; repaint
 // it with the system selection colors so it stays distinguishable from the other page buttons.
 @media (forced-colors: active) {
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPaginationClassStyles.cs b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPaginationClassStyles.cs
index c9b41e1badf..0896f39d000 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPaginationClassStyles.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPaginationClassStyles.cs
@@ -7,6 +7,11 @@ public class BitPaginationClassStyles
     /// </summary>
     public string? Root { get; set; }
 
+    /// <summary>
+    /// Custom CSS classes/styles for the summary of the BitPagination.
+    /// </summary>
+    public string? Summary { get; set; }
+
     /// <summary>
     /// Custom CSS classes/styles for the button of the BitPagination.
     /// </summary>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor
index 8bc54d320d8..58cdd3c4fda 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor
@@ -5,13 +5,15 @@
             Description="Pagination component helps users easily navigate through content, allowing swift browsing across multiple pages or sections." />
 
 <DemoPage Name="Pagination"
-          Description="Pagination component helps users easily navigate through content, allowing swift browsing across multiple pages or sections, commonly used in lists, tables, and content-rich interfaces."
+          Description="Pagination splits long content into pages and renders the navigation to move between them: a range of page buttons that collapses into ellipses when the pages do not fit, optional first, previous, next and last buttons, one-way and two-way binding of the selected page, and a navigation landmark that names every control for assistive technologies."
           Parameters="componentParameters"
           SubEnums="componentSubEnums"
           SubClasses="componentSubClasses"
           GitHubUrl="Navs/Pagination/BitPagination.razor"
           GitHubDemoUrl="Navs/Pagination/BitPaginationDemo.razor">
     <DemoExample Title="Basic" RazorCode="@example1RazorCode" Id="example1">
+        <div>The <b>Count</b> parameter is the total number of pages, and it is all the pagination needs to render. The first page is selected by default and the previous and next buttons are shown, while the buttons that cannot go anywhere are disabled.</div>
+        <br />
         <BitPagination Count="5" />
     </DemoExample>
 
@@ -29,39 +31,157 @@
     </DemoExample>
 
     <DemoExample Title="Default selected" RazorCode="@example3RazorCode" Id="example3">
-        <div>Displays default selected page within the BitPagination component.</div>
+        <div><b>DefaultSelectedPage</b> is the page the pagination starts on while it keeps the selection itself. Use it for an uncontrolled pagination; to drive the selection from your own state, bind <b>SelectedPage</b> instead.</div>
         <br />
         <BitPagination Count="5" DefaultSelectedPage="3" />
     </DemoExample>
 
     <DemoExample Title="BoundaryCount" RazorCode="@example4RazorCode" Id="example4">
-        <div>Set a limit to the number of pages shown at the beginning and end of the pagination range.</div>
+        <div><b>BoundaryCount</b> is how many pages stay visible at each end of the range, no matter which page is selected, so the first and the last pages are always one click away. The default is 2, and a value that is not positive falls back to it.</div>
         <br />
         <BitPagination Count="11" DefaultSelectedPage="6" BoundaryCount="1" />
     </DemoExample>
 
     <DemoExample Title="MiddleCount" RazorCode="@example5RazorCode" Id="example5">
-        <div>
-            Allowing users to set the count of pages displayed in the middle portion of the pagination control.
-            It also demonstrates how pages are rendered within the defined middle count range.
-        </div>
+        <div><b>MiddleCount</b> is how many pages are rendered around the selected one, between the two ellipses. The default is 3, and a value that is not positive falls back to it. An ellipsis that would hide a single page is replaced by that page, since it takes the same room.</div>
         <br />
         <BitPagination Count="11" MiddleCount="3" BoundaryCount="1" DefaultSelectedPage="6" />
+        <br /><br />
+        <BitPagination Count="20" MiddleCount="5" BoundaryCount="1" DefaultSelectedPage="10" />
     </DemoExample>
 
     <DemoExample Title="Navigation buttons" RazorCode="@example6RazorCode" Id="example6">
-        <div>There are additional navigation buttons within the Pagination component, providing quick access to the initial and final pages.</div>
+        <div>
+            Beside the previous and next buttons, which are shown by default, <b>ShowFirstButton</b> and <b>ShowLastButton</b> add the jumps to the two ends of the range.
+            Each of the four can be turned off on its own through <b>ShowPreviousButton</b> and <b>ShowNextButton</b>.
+        </div>
         <br />
         <BitPagination Count="24" ShowFirstButton ShowLastButton />
+        <br /><br />
+        <div>Without the previous and next buttons:</div>
+        <br />
+        <BitPagination Count="24" ShowFirstButton ShowLastButton ShowNextButton="false" ShowPreviousButton="false" />
+    </DemoExample>
+
+    <DemoExample Title="Compact" RazorCode="@example7RazorCode" Id="example7">
+        <div>
+            <b>ShowPageButtons</b> turns the numeric page buttons off and leaves only the navigation buttons, which is the compact pagination a narrow layout calls for,
+            or an unbounded result set where the number of pages is not worth spelling out.
+        </div>
+        <br />
+        <BitPagination Count="24" ShowPageButtons="false" />
+        <br /><br />
+        <BitPagination Count="24" ShowPageButtons="false" ShowFirstButton ShowLastButton DefaultSelectedPage="12" />
+    </DemoExample>
+
+    <DemoExample Title="Summary" RazorCode="@example8RazorCode" CsharpCode="@example8CsharpCode" Id="example8">
+        <div>
+            <b>ShowSummary</b> puts the position in the range ahead of the buttons, reading <i>"Page {number} of {count}"</i>, and <b>GetSummary</b> replaces that text from the selected page and the total number of pages,
+            which is the hook to localize it or to count the items rather than the pages.
+        </div>
+        <div>
+            The summary is a status region, so a screen reader reports the new position as the page changes. That makes it the piece to pair with <BitLink Href="#example7">ShowPageButtons</BitLink> turned off,
+            where nothing else says which page of how many is the current one.
+        </div>
+        <br /><br />
+        <BitPagination Count="12" ShowSummary DefaultSelectedPage="4" />
+        <br /><br />
+        <BitPagination Count="12" ShowSummary ShowPageButtons="false" ShowFirstButton ShowLastButton DefaultSelectedPage="4" />
+        <br /><br />
+        <BitPagination Count="24" ShowSummary ShowPageButtons="false" GetSummary="@GetItemsRangeSummary" DefaultSelectedPage="3" />
+    </DemoExample>
+
+    <DemoExample Title="Loop" RazorCode="@example9RazorCode" Id="example9">
+        <div>
+            <b>Loop</b> wraps the previous and next buttons around the ends of the range: the next button moves from the last page back to the first one and the previous button from the first page to the last one.
+            Both buttons also stay enabled at the ends while it is on. The first and last buttons are unaffected, since they always target a fixed page.
+        </div>
+        <br />
+        <BitPagination Count="5" Loop />
+    </DemoExample>
+
+    <DemoExample Title="Hide on single page" RazorCode="@example10RazorCode" Id="example10">
+        <div><b>HideOnSinglePage</b> renders nothing at all while there is a single page to navigate, so a short result set is not left with navigation that cannot go anywhere.</div>
+        <br />
+        <BitPagination Count="1" HideOnSinglePage />
+        <div>&nbsp;(nothing is rendered above for a single page)</div>
+        <br /><br />
+        <BitPagination Count="3" HideOnSinglePage />
     </DemoExample>
 
-    <DemoExample Title="Icon" RazorCode="@example7RazorCode" Id="example7">
-        <div>Displaying custom icons feature within the Pagination navigation buttons.</div>
+    <DemoExample Title="Icon" RazorCode="@example11RazorCode" Id="example11">
+        <div>Each navigation button takes its own built-in icon through the <b>IconName</b> parameters, replacing the default chevrons.</div>
         <br />
-        <BitPagination Count="5" NextButtonIconName="@BitIconName.Next" PreviousButtonIconName="@BitIconName.Previous" />
+        <BitPagination Count="5"
+                       ShowFirstButton
+                       ShowLastButton
+                       NextButtonIconName="@BitIconName.Next"
+                       PreviousButtonIconName="@BitIconName.Previous"
+                       FirstButtonIconName="@BitIconName.DoubleChevronLeft"
+                       LastButtonIconName="@BitIconName.DoubleChevronRight" />
+    </DemoExample>
+
+    <DemoExample Title="Rounded" RazorCode="@example12RazorCode" Id="example12">
+        <div><b>Rounded</b> renders the buttons (and the ellipses standing between them) as circles instead of the default rounded rectangles.</div>
+        <br /><br />
+        <BitPagination Count="9" Rounded ShowFirstButton ShowLastButton DefaultSelectedPage="5" />
+        <br /><br />
+        <BitPagination Count="9" Rounded Variant="BitVariant.Outline" DefaultSelectedPage="5" />
+        <br /><br />
+        <BitPagination Count="9" Rounded Variant="BitVariant.Text" DefaultSelectedPage="5" />
+    </DemoExample>
+
+    <DemoExample Title="Binding" RazorCode="@example13RazorCode" CsharpCode="@example13CsharpCode" Id="example13">
+        <div>
+            With <b>@(nameof(BitPagination.SelectedPage))</b> bound one way the pagination only renders the page you hand it and never changes it on its own, so the clicks reach you through <b>OnChange</b> and it is up to you to apply them.
+            Binding it two way lets the pagination keep the value in sync by itself. <b>OnChange</b> runs in both cases, and only for a page the user actually asked for.
+        </div>
+        <br /><br />
+        <div style="max-width: 250px;">
+            <div>One-way:</div>
+            <br />
+            <BitPagination Count="5" SelectedPage="oneWaySelectedPage" />
+            <br /><br />
+            <BitNumberField @bind-Value="oneWaySelectedPage" Min="1" Max="5" />
+            <br /><br /><br /><br />
+            <div>Two-way:</div>
+            <br />
+            <BitPagination Count="5" @bind-SelectedPage="twoWaySelectedPage" />
+            <br /><br />
+            <BitNumberField @bind-Value="twoWaySelectedPage" Min="1" Max="5" />
+            <br /><br /><br /><br />
+            <div>OnChange:</div>
+            <br />
+            <BitPagination Count="5" OnChange="p => onChangeSelectedPage = p" />
+            <br /><br />
+            <div>Changed page: <b>@onChangeSelectedPage</b></div>
+        </div>
     </DemoExample>
 
-    <DemoExample Title="Color" RazorCode="@example8RazorCode" Id="example8">
+    <DemoExample Title="Accessibility" RazorCode="@example14RazorCode" CsharpCode="@example14CsharpCode" Id="example14">
+        <div>
+            The pagination renders as a navigation landmark holding a list of page buttons, and marks the selected page with <code>aria-current="page"</code>.
+            Give it a name through <b>AriaLabel</b> whenever more than one pagination shares a page, so each of them can be told apart in the landmark list.
+        </div>
+        <div>
+            The navigation buttons carry no text, so each of them takes its accessible name (used as its tooltip as well) from
+            <b>FirstButtonAriaLabel</b>, <b>PreviousButtonAriaLabel</b>, <b>NextButtonAriaLabel</b> and <b>LastButtonAriaLabel</b>.
+            <b>GetPageAriaLabel</b> replaces the default <i>"Page {number}"</i> label of a page button from its number and whether it is the selected one, which is the hook to localize them or to say what the page holds.
+        </div>
+        <br /><br />
+        <BitPagination Count="12"
+                       ShowFirstButton
+                       ShowLastButton
+                       DefaultSelectedPage="4"
+                       AriaLabel="Search results pages"
+                       FirstButtonAriaLabel="Go to the first page"
+                       LastButtonAriaLabel="Go to the last page"
+                       NextButtonAriaLabel="Go to the next page"
+                       PreviousButtonAriaLabel="Go to the previous page"
+                       GetPageAriaLabel="@GetResultsRangeLabel" />
+    </DemoExample>
+
+    <DemoExample Title="Color" RazorCode="@example15RazorCode" Id="example15">
         <div>Offering a range of specialized color variants, providing visual cues for specific actions or states within your application.</div>
         <br /><br />
         <div>Primary</div><br />
@@ -179,32 +299,7 @@
         <BitPagination IsEnabled="false" Count="5" Color="BitColor.Error" Variant="BitVariant.Text" />
     </DemoExample>
 
-    <DemoExample Title="Size" RazorCode="@example9RazorCode" Id="example9">
-        <div>Varying sizes for paginations tailored to meet diverse design needs, ensuring flexibility and visual hierarchy within your interface.</div>
-        <br /><br />
-        <div>Small</div><br />
-        <BitPagination Count="5" Size="BitSize.Small" Variant="BitVariant.Fill" />
-        <br /><br />
-        <BitPagination Count="5" Size="BitSize.Small" Variant="BitVariant.Outline" />
-        <br /><br />
-        <BitPagination Count="5" Size="BitSize.Small" Variant="BitVariant.Text" />
-        <br /><br /><br /><br />
-        <div>Medium</div><br />
-        <BitPagination Count="5" Size="BitSize.Medium" Variant="BitVariant.Fill" />
-        <br /><br />
-        <BitPagination Count="5" Size="BitSize.Medium" Variant="BitVariant.Outline" />
-        <br /><br />
-        <BitPagination Count="5" Size="BitSize.Medium" Variant="BitVariant.Text" />
-        <br /><br /><br /><br />
-        <div>Large</div><br />
-        <BitPagination Count="5" Size="BitSize.Large" Variant="BitVariant.Fill" />
-        <br /><br />
-        <BitPagination Count="5" Size="BitSize.Large" Variant="BitVariant.Text" />
-        <br /><br />
-        <BitPagination Count="5" Size="BitSize.Large" Variant="BitVariant.Outline" />
-    </DemoExample>
-
-    <DemoExample Title="External Icons" RazorCode="@example10RazorCode" Id="example10">
+    <DemoExample Title="External Icons" RazorCode="@example16RazorCode" Id="example16">
         <div>Use icons from external libraries like FontAwesome and Bootstrap Icons with the navigation button <b>Icon</b> parameters.</div>
         <div>See the <BitLink Href="#bit-icon-info">BitIconInfo</BitLink> section in the parameters table for usage.</div>
 
@@ -252,7 +347,32 @@
                        LastButtonIcon="@BitIconInfo.Css("bi bi-skip-end-fill")" />
     </DemoExample>
 
-    <DemoExample Title="Style & Class" RazorCode="@example11RazorCode" Id="example11">
+    <DemoExample Title="Size" RazorCode="@example17RazorCode" Id="example17">
+        <div>Varying sizes for paginations tailored to meet diverse design needs, ensuring flexibility and visual hierarchy within your interface.</div>
+        <br /><br />
+        <div>Small</div><br />
+        <BitPagination Count="5" Size="BitSize.Small" Variant="BitVariant.Fill" />
+        <br /><br />
+        <BitPagination Count="5" Size="BitSize.Small" Variant="BitVariant.Outline" />
+        <br /><br />
+        <BitPagination Count="5" Size="BitSize.Small" Variant="BitVariant.Text" />
+        <br /><br /><br /><br />
+        <div>Medium</div><br />
+        <BitPagination Count="5" Size="BitSize.Medium" Variant="BitVariant.Fill" />
+        <br /><br />
+        <BitPagination Count="5" Size="BitSize.Medium" Variant="BitVariant.Outline" />
+        <br /><br />
+        <BitPagination Count="5" Size="BitSize.Medium" Variant="BitVariant.Text" />
+        <br /><br /><br /><br />
+        <div>Large</div><br />
+        <BitPagination Count="5" Size="BitSize.Large" Variant="BitVariant.Fill" />
+        <br /><br />
+        <BitPagination Count="5" Size="BitSize.Large" Variant="BitVariant.Text" />
+        <br /><br />
+        <BitPagination Count="5" Size="BitSize.Large" Variant="BitVariant.Outline" />
+    </DemoExample>
+
+    <DemoExample Title="Style & Class" RazorCode="@example18RazorCode" Id="example18">
         <div>Empower customization by overriding default styles and classes, allowing tailored design modifications to suit specific UI requirements.</div>
         <br /><br />
         <div>
@@ -279,35 +399,11 @@
         </div>
     </DemoExample>
 
-    <DemoExample Title="Binding" RazorCode="@example12RazorCode" CsharpCode="@example12CsharpCode" Id="example12">
-        <div>Examples of one-way and two-way data binding with BitPagination.</div>
-        <br /><br />
-        <div style="max-width: 250px;">
-            <div>One-way:</div>
-            <br />
-            <BitPagination Count="5" SelectedPage="oneWaySelectedPage" />
-            <br /><br />
-            <BitNumberField @bind-Value="oneWaySelectedPage" Min="1" Max="5" />
-            <br /><br /><br /><br />
-            <div>Two-way:</div>
-            <br />
-            <BitPagination Count="5" @bind-SelectedPage="twoWaySelectedPage" />
-            <br /><br />
-            <BitNumberField @bind-Value="twoWaySelectedPage" Min="1" Max="5" />
-            <br /><br /><br /><br />
-            <div>OnChange:</div>
-            <br />
-            <BitPagination Count="5" OnChange="p => onChangeSelectedPage = p" />
-            <br /><br />
-            <div>Changed page: <b>@onChangeSelectedPage</b></div>
-        </div>
-    </DemoExample>
-
-    <DemoExample Title="RTL" RazorCode="@example13RazorCode" Id="example13">
-        <div>Use BitPagination in right-to-left (RTL).</div>
+    <DemoExample Title="RTL" RazorCode="@example19RazorCode" Id="example19">
+        <div>Use BitPagination in right-to-left (RTL). The chevrons of the navigation buttons are mirrored along with the layout, so the next button keeps pointing at the direction the reading goes.</div>
         <br /><br />
         <div dir="rtl">
-            <BitPagination Dir="BitDir.Rtl" Count="5" Variant="BitVariant.Fill" />
+            <BitPagination Dir="BitDir.Rtl" Count="5" Variant="BitVariant.Fill" ShowFirstButton ShowLastButton />
             <br /><br />
             <BitPagination Dir="BitDir.Rtl" Count="5" Variant="BitVariant.Outline" />
             <br /><br />
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.cs b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.cs
index 4ae8f7cea39..ebe6e93d82e 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.cs
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.cs
@@ -9,7 +9,7 @@ public partial class BitPaginationDemo
             Name = "BoundaryCount",
             Type = "int",
             DefaultValue = "2",
-            Description = "The number of items at the start and end of the pagination."
+            Description = "The number of items at the start and end of the pagination. A value that is not positive falls back to the default."
         },
         new()
         {
@@ -44,6 +44,13 @@ public partial class BitPaginationDemo
             Description = "The default selected page number."
         },
         new()
+        {
+            Name = "FirstButtonAriaLabel",
+            Type = "string",
+            DefaultValue = "\"First page\"",
+            Description = "The accessible label of the first button, which is used as its tooltip as well."
+        },
+        new()
         {
             Name = "FirstButtonIcon",
             Type = "BitIconInfo?",
@@ -62,6 +69,34 @@ public partial class BitPaginationDemo
             Href = "https://blazorui.bitplatform.dev/iconography",
         },
         new()
+        {
+            Name = "GetPageAriaLabel",
+            Type = "Func<int, bool, string>?",
+            DefaultValue = "null",
+            Description = "Provides the accessible label of a page button, from its one-based number and whether it is the selected one, replacing the default \"Page {number}\" label."
+        },
+        new()
+        {
+            Name = "GetSummary",
+            Type = "Func<int, int, string>?",
+            DefaultValue = "null",
+            Description = "Provides the text of the summary, from the selected page and the total number of pages, replacing the default \"Page {number} of {count}\" text."
+        },
+        new()
+        {
+            Name = "HideOnSinglePage",
+            Type = "bool",
+            DefaultValue = "false",
+            Description = "Renders nothing at all while there is a single page to navigate."
+        },
+        new()
+        {
+            Name = "LastButtonAriaLabel",
+            Type = "string",
+            DefaultValue = "\"Last page\"",
+            Description = "The accessible label of the last button, which is used as its tooltip as well."
+        },
+        new()
         {
             Name = "LastButtonIcon",
             Type = "BitIconInfo?",
@@ -80,11 +115,25 @@ public partial class BitPaginationDemo
             Href = "https://blazorui.bitplatform.dev/iconography",
         },
         new()
+        {
+            Name = "Loop",
+            Type = "bool",
+            DefaultValue = "false",
+            Description = "Wraps the next and previous buttons around the ends of the range, and keeps them enabled there."
+        },
+        new()
         {
             Name = "MiddleCount",
             Type = "int",
             DefaultValue = "3",
-            Description = "The number of items to render in the middle of the pagination."
+            Description = "The number of items to render in the middle of the pagination. A value that is not positive falls back to the default."
+        },
+        new()
+        {
+            Name = "NextButtonAriaLabel",
+            Type = "string",
+            DefaultValue = "\"Next page\"",
+            Description = "The accessible label of the next button, which is used as its tooltip as well."
         },
         new()
         {
@@ -109,7 +158,14 @@ public partial class BitPaginationDemo
             Name = "OnChange",
             Type = "EventCallback<int>",
             DefaultValue = "null",
-            Description = "The event callback for when selected page changes."
+            Description = "The event callback for when selected page changes. It also runs when SelectedPage is bound one way."
+        },
+        new()
+        {
+            Name = "PreviousButtonAriaLabel",
+            Type = "string",
+            DefaultValue = "\"Previous page\"",
+            Description = "The accessible label of the previous button, which is used as its tooltip as well."
         },
         new()
         {
@@ -130,11 +186,18 @@ public partial class BitPaginationDemo
             Href = "https://blazorui.bitplatform.dev/iconography",
         },
         new()
+        {
+            Name = "Rounded",
+            Type = "bool",
+            DefaultValue = "false",
+            Description = "Renders the buttons of the pagination with fully rounded (circular) corners."
+        },
+        new()
         {
             Name = "SelectedPage",
             Type = "int",
             DefaultValue = "0",
-            Description = "The selected page number."
+            Description = "The selected page number. It is one-based and is clamped into the available range while rendering."
         },
         new()
         {
@@ -158,6 +221,13 @@ public partial class BitPaginationDemo
             Description = "Determines whether to show the next button."
         },
         new()
+        {
+            Name = "ShowPageButtons",
+            Type = "bool",
+            DefaultValue = "true",
+            Description = "Determines whether to show the numeric page buttons. Turning them off leaves a compact pagination made of the navigation buttons only."
+        },
+        new()
         {
             Name = "ShowPreviousButton",
             Type = "bool",
@@ -165,6 +235,13 @@ public partial class BitPaginationDemo
             Description = "Determines whether to show the previous button."
         },
         new()
+        {
+            Name = "ShowSummary",
+            Type = "bool",
+            DefaultValue = "false",
+            Description = "Shows the position in the range, which reads \"Page {number} of {count}\" unless GetSummary replaces it, ahead of the buttons of the pagination. It is a status region, so a screen reader reports the new position as the page changes."
+        },
+        new()
         {
             Name = "Size",
             Type = "BitSize?",
@@ -353,6 +430,13 @@ public partial class BitPaginationDemo
                     Description = "Custom CSS classes/styles for the root element of the BitPagination."
                 },
                 new()
+                {
+                    Name = "Summary",
+                    Type = "string?",
+                    DefaultValue = "null",
+                    Description = "Custom CSS classes/styles for the summary of the BitPagination."
+                },
+                new()
                 {
                     Name = "Button",
                     Type = "string?",
@@ -438,4 +522,14 @@ public partial class BitPaginationDemo
     private int oneWaySelectedPage = 1;
     private int twoWaySelectedPage = 2;
     private int onChangeSelectedPage = 3;
+
+    private string GetResultsRangeLabel(int page, bool isSelected)
+    {
+        return $"Results {(page - 1) * 10 + 1} to {page * 10}";
+    }
+
+    private string GetItemsRangeSummary(int page, int count)
+    {
+        return $"Showing {(page - 1) * 10 + 1} to {page * 10} of {count * 10} results";
+    }
 }
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.samples.cs b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.samples.cs
index 2dd5e521689..38c6da48c6b 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.samples.cs
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.samples.cs
@@ -17,15 +17,88 @@ public partial class BitPaginationDemo
 <BitPagination Count=""11"" DefaultSelectedPage=""6"" BoundaryCount=""1"" />";
 
     private readonly string example5RazorCode = @"
-<BitPagination Count=""11"" MiddleCount=""3"" BoundaryCount=""1"" DefaultSelectedPage=""6"" />";
+<BitPagination Count=""11"" MiddleCount=""3"" BoundaryCount=""1"" DefaultSelectedPage=""6"" />
+
+<BitPagination Count=""20"" MiddleCount=""5"" BoundaryCount=""1"" DefaultSelectedPage=""10"" />";
 
     private readonly string example6RazorCode = @"
-<BitPagination Count=""24"" ShowFirstButton ShowLastButton />";
+<BitPagination Count=""24"" ShowFirstButton ShowLastButton />
+
+<BitPagination Count=""24"" ShowFirstButton ShowLastButton ShowNextButton=""false"" ShowPreviousButton=""false"" />";
 
     private readonly string example7RazorCode = @"
-<BitPagination Count=""5"" NextButtonIconName=""@BitIconName.Next"" PreviousButtonIconName=""@BitIconName.Previous"" />";
+<BitPagination Count=""24"" ShowPageButtons=""false"" />
+
+<BitPagination Count=""24"" ShowPageButtons=""false"" ShowFirstButton ShowLastButton DefaultSelectedPage=""12"" />";
 
     private readonly string example8RazorCode = @"
+<BitPagination Count=""12"" ShowSummary DefaultSelectedPage=""4"" />
+
+<BitPagination Count=""12"" ShowSummary ShowPageButtons=""false"" ShowFirstButton ShowLastButton DefaultSelectedPage=""4"" />
+
+<BitPagination Count=""24"" ShowSummary ShowPageButtons=""false"" GetSummary=""@GetItemsRangeSummary"" DefaultSelectedPage=""3"" />";
+    private readonly string example8CsharpCode = @"
+private string GetItemsRangeSummary(int page, int count)
+{
+    return $""Showing {(page - 1) * 10 + 1} to {page * 10} of {count * 10} results"";
+}";
+
+    private readonly string example9RazorCode = @"
+<BitPagination Count=""5"" Loop />";
+
+    private readonly string example10RazorCode = @"
+<BitPagination Count=""1"" HideOnSinglePage />
+
+<BitPagination Count=""3"" HideOnSinglePage />";
+
+    private readonly string example11RazorCode = @"
+<BitPagination Count=""5""
+               ShowFirstButton
+               ShowLastButton
+               NextButtonIconName=""@BitIconName.Next""
+               PreviousButtonIconName=""@BitIconName.Previous""
+               FirstButtonIconName=""@BitIconName.DoubleChevronLeft""
+               LastButtonIconName=""@BitIconName.DoubleChevronRight"" />";
+
+    private readonly string example12RazorCode = @"
+<BitPagination Count=""9"" Rounded ShowFirstButton ShowLastButton DefaultSelectedPage=""5"" />
+
+<BitPagination Count=""9"" Rounded Variant=""BitVariant.Outline"" DefaultSelectedPage=""5"" />
+
+<BitPagination Count=""9"" Rounded Variant=""BitVariant.Text"" DefaultSelectedPage=""5"" />";
+
+    private readonly string example13RazorCode = @"
+<BitPagination Count=""5"" SelectedPage=""oneWaySelectedPage"" />
+<BitNumberField @bind-Value=""oneWaySelectedPage"" Min=""1"" Max=""5"" />
+
+<BitPagination Count=""5"" @bind-SelectedPage=""twoWaySelectedPage"" />
+<BitNumberField @bind-Value=""twoWaySelectedPage"" Min=""1"" Max=""5"" />
+
+<BitPagination Count=""5"" OnChange=""p => onChangeSelectedPage = p"" />
+<div>Changed page: <b>@onChangeSelectedPage</b></div>";
+    private readonly string example13CsharpCode = @"
+private int oneWaySelectedPage = 1;
+private int twoWaySelectedPage = 2;
+private int onChangeSelectedPage = 3;";
+
+    private readonly string example14RazorCode = @"
+<BitPagination Count=""12""
+               ShowFirstButton
+               ShowLastButton
+               DefaultSelectedPage=""4""
+               AriaLabel=""Search results pages""
+               FirstButtonAriaLabel=""Go to the first page""
+               LastButtonAriaLabel=""Go to the last page""
+               NextButtonAriaLabel=""Go to the next page""
+               PreviousButtonAriaLabel=""Go to the previous page""
+               GetPageAriaLabel=""@GetResultsRangeLabel"" />";
+    private readonly string example14CsharpCode = @"
+private string GetResultsRangeLabel(int page, bool isSelected)
+{
+    return $""Results {(page - 1) * 10 + 1} to {page * 10}"";
+}";
+
+    private readonly string example15RazorCode = @"
 <BitPagination Count=""5"" Color=""BitColor.Primary"" />
 <BitPagination Count=""5"" Color=""BitColor.Primary"" Variant=""BitVariant.Outline"" />
 <BitPagination Count=""5"" Color=""BitColor.Primary"" Variant=""BitVariant.Text"" />
@@ -93,20 +166,7 @@ public partial class BitPaginationDemo
 <BitPagination IsEnabled=""false"" Count=""5"" Color=""BitColor.Error"" Variant=""BitVariant.Outline"" />
 <BitPagination IsEnabled=""false"" Count=""5"" Color=""BitColor.Error"" Variant=""BitVariant.Text"" />";
 
-    private readonly string example9RazorCode = @"
-<BitPagination Count=""5"" Size=""BitSize.Small"" Variant=""BitVariant.Fill"" />
-<BitPagination Count=""5"" Size=""BitSize.Small"" Variant=""BitVariant.Outline"" />
-<BitPagination Count=""5"" Size=""BitSize.Small"" Variant=""BitVariant.Text"" />
-
-<BitPagination Count=""5"" Size=""BitSize.Medium"" Variant=""BitVariant.Fill"" />
-<BitPagination Count=""5"" Size=""BitSize.Medium"" Variant=""BitVariant.Outline"" />
-<BitPagination Count=""5"" Size=""BitSize.Medium"" Variant=""BitVariant.Text"" />
-
-<BitPagination Count=""5"" Size=""BitSize.Large"" Variant=""BitVariant.Fill"" />
-<BitPagination Count=""5"" Size=""BitSize.Large"" Variant=""BitVariant.Text"" />
-<BitPagination Count=""5"" Size=""BitSize.Large"" Variant=""BitVariant.Outline"" />";
-
-    private readonly string example10RazorCode = @"
+    private readonly string example16RazorCode = @"
 <link rel=""stylesheet"" href=""https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"" />
 
 <BitPagination Count=""5""
@@ -136,7 +196,20 @@ public partial class BitPaginationDemo
                FirstButtonIcon=""@BitIconInfo.Css(""bi bi-skip-start-fill"")""
                LastButtonIcon=""@BitIconInfo.Css(""bi bi-skip-end-fill"")"" />";
 
-    private readonly string example11RazorCode = @"
+    private readonly string example17RazorCode = @"
+<BitPagination Count=""5"" Size=""BitSize.Small"" Variant=""BitVariant.Fill"" />
+<BitPagination Count=""5"" Size=""BitSize.Small"" Variant=""BitVariant.Outline"" />
+<BitPagination Count=""5"" Size=""BitSize.Small"" Variant=""BitVariant.Text"" />
+
+<BitPagination Count=""5"" Size=""BitSize.Medium"" Variant=""BitVariant.Fill"" />
+<BitPagination Count=""5"" Size=""BitSize.Medium"" Variant=""BitVariant.Outline"" />
+<BitPagination Count=""5"" Size=""BitSize.Medium"" Variant=""BitVariant.Text"" />
+
+<BitPagination Count=""5"" Size=""BitSize.Large"" Variant=""BitVariant.Fill"" />
+<BitPagination Count=""5"" Size=""BitSize.Large"" Variant=""BitVariant.Text"" />
+<BitPagination Count=""5"" Size=""BitSize.Large"" Variant=""BitVariant.Outline"" />";
+
+    private readonly string example18RazorCode = @"
 <style>
     .custom-class {
         margin-left: 1rem;
@@ -172,7 +245,7 @@ public partial class BitPaginationDemo
                PreviousButtonIconName=""@BitIconName.ChevronUp""
                Style=""margin-left: 1rem; flex-flow: column;"" />
 
-<BitPagination Count=""5"" Class=""custom-class"" />    
+<BitPagination Count=""5"" Class=""custom-class"" />
 
 <BitPagination Count=""5""
                Styles=""@(new() { Root = ""margin-left: 1rem; gap: 1rem;"",
@@ -185,22 +258,8 @@ public partial class BitPaginationDemo
                                   Button = ""custom-button"",
                                   SelectedButton = ""custom-selected-button""})"" />";
 
-    private readonly string example12RazorCode = @"
-<BitPagination Count=""5"" SelectedPage=""oneWaySelectedPage"" />
-<BitNumberField @bind-Value=""oneWaySelectedPage"" Min=""1"" Max=""5"" />
-
-<BitPagination Count=""5"" @bind-SelectedPage=""twoWaySelectedPage"" />
-<BitNumberField @bind-Value=""twoWaySelectedPage"" Min=""1"" Max=""5"" />
-
-<BitPagination Count=""5"" OnChange=""p => onChangeSelectedPage = p"" />
-<div>Changed page: <b>@onChangeSelectedPage</b></div>";
-    private readonly string example12CsharpCode = @"
-private int oneWaySelectedPage = 1;
-private int twoWaySelectedPage = 2;
-private int onChangeSelectedPage = 3;";
-
-    private readonly string example13RazorCode = @"
-<BitPagination Dir=""BitDir.Rtl"" Count=""5"" Variant=""BitVariant.Fill"" />
+    private readonly string example19RazorCode = @"
+<BitPagination Dir=""BitDir.Rtl"" Count=""5"" Variant=""BitVariant.Fill"" ShowFirstButton ShowLastButton />
 <BitPagination Dir=""BitDir.Rtl"" Count=""5"" Variant=""BitVariant.Outline"" />
 <BitPagination Dir=""BitDir.Rtl"" Count=""5"" Variant=""BitVariant.Text"" />";
 
diff --git a/src/BlazorUI/Tests/Bit.BlazorUI.Tests/Components/Navs/Pagination/BitPaginationTests.cs b/src/BlazorUI/Tests/Bit.BlazorUI.Tests/Components/Navs/Pagination/BitPaginationTests.cs
index 8c607a394f2..dca84d524e6 100644
--- a/src/BlazorUI/Tests/Bit.BlazorUI.Tests/Components/Navs/Pagination/BitPaginationTests.cs
+++ b/src/BlazorUI/Tests/Bit.BlazorUI.Tests/Components/Navs/Pagination/BitPaginationTests.cs
@@ -1,4 +1,5 @@
-using AngleSharp.Dom;
+using System.Linq;
+using AngleSharp.Dom;
 using Bunit;
 using Microsoft.VisualStudio.TestTools.UnitTesting;
 
@@ -16,14 +17,96 @@ public void BitPaginationShouldRenderDefaultPagesAndSelected()
             parameters.Add(p => p.DefaultSelectedPage, 3);
         });
 
-        // should render 5 page buttons
-        var buttons = comp.FindAll(".bit-pgn-btn");
-        Assert.IsTrue(buttons.Count >= 5);
+        var pages = GetPageButtons(comp);
+
+        Assert.AreEqual(5, pages.Count);
+        CollectionAssert.AreEqual(new[] { "1", "2", "3", "4", "5" }, pages.Select(p => p.TextContent.Trim()).ToArray());
 
-        // selected page should have bit-pgn-sel class and show 3
         var selected = comp.Find(".bit-pgn-sel");
-        Assert.IsNotNull(selected);
-        Assert.IsTrue(selected.TextContent.Contains("3"));
+
+        Assert.AreEqual("3", selected.TextContent.Trim());
+        Assert.AreEqual("page", selected.GetAttribute("aria-current"));
+
+        // Only the selected page reports aria-current.
+        Assert.AreEqual(1, pages.Count(p => p.GetAttribute("aria-current") is not null));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRenderANavigationLandmarkHoldingAList()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 3);
+        });
+
+        var root = comp.Find(".bit-pgn");
+
+        Assert.AreEqual("NAV", root.TagName);
+        Assert.AreEqual("Pagination", root.GetAttribute("aria-label"));
+
+        var list = comp.Find(".bit-pgn > ul");
+
+        Assert.AreEqual("list", list.GetAttribute("role"));
+
+        var items = comp.FindAll(".bit-pgn > ul > li");
+
+        // The three pages plus the previous and next buttons.
+        Assert.AreEqual(5, items.Count);
+        Assert.IsTrue(items.All(i => i.GetAttribute("role") == "listitem"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectAriaLabel()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 3);
+            parameters.Add(p => p.AriaLabel, "Search results pages");
+        });
+
+        Assert.AreEqual("Search results pages", comp.Find(".bit-pgn").GetAttribute("aria-label"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRenderEveryButtonAsAPlainButton()
+    {
+        // A button with no explicit type submits the form it sits in, which a pagination must never do.
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 10);
+            parameters.Add(p => p.ShowFirstButton, true);
+            parameters.Add(p => p.ShowLastButton, true);
+        });
+
+        var buttons = comp.FindAll("button");
+
+        Assert.IsTrue(buttons.Count > 0);
+        Assert.IsTrue(buttons.All(b => b.GetAttribute("type") == "button"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldHideTheIconsAndTheEllipsisFromAssistiveTechnologies()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 50);
+            parameters.Add(p => p.ShowFirstButton, true);
+            parameters.Add(p => p.ShowLastButton, true);
+            parameters.Add(p => p.DefaultSelectedPage, 25);
+        });
+
+        var icons = comp.FindAll(".bit-pgn button i");
+
+        Assert.AreEqual(4, icons.Count);
+        Assert.IsTrue(icons.All(i => i.GetAttribute("aria-hidden") == "true"));
+
+        var ellipsis = comp.FindAll(".bit-pgn-elp");
+
+        Assert.AreEqual(2, ellipsis.Count);
+        Assert.IsTrue(ellipsis.All(e => e.GetAttribute("aria-hidden") == "true"));
+
+        // The ellipsis is not a control, so it must not carry a disabled attribute either.
+        Assert.IsTrue(ellipsis.All(e => e.HasAttribute("disabled") is false));
     }
 
     [TestMethod]
@@ -39,23 +122,67 @@ public void BitPaginationShouldCallOnChangeAndBindSelectedPage()
             parameters.Add(p => p.OnChange, (int p) => changedValue = p);
         });
 
-        // click next page button (page 3)
-        IElement page3 = null;
-        foreach (var b in comp.FindAll(".bit-pgn-btn"))
+        FindPageButton(comp, 3)!.Click();
+
+        Assert.AreEqual(3, selected);
+        Assert.AreEqual(3, changedValue);
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldCallOnChangeWhileSelectedPageIsBoundOneWay()
+    {
+        // A one way bound value belongs to the consumer, so the component does not move it, but the click
+        // still has to be reported so that the consumer can apply it.
+        var changedValue = -1;
+
+        var comp = RenderComponent<BitPagination>(parameters =>
         {
-            if (b.TextContent.Trim() == "3")
-            {
-                page3 = b;
-                break;
-            }
-        }
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.SelectedPage, 2);
+            parameters.Add(p => p.OnChange, (int p) => changedValue = p);
+        });
 
-        Assert.IsNotNull(page3);
+        FindPageButton(comp, 4)!.Click();
 
-        page3!.Click();
+        Assert.AreEqual(4, changedValue);
+        Assert.AreEqual("2", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
 
-        Assert.AreEqual(3, selected);
-        Assert.AreEqual(3, changedValue);
+    [TestMethod]
+    public void BitPaginationShouldNotCallOnChangeWhenTheSelectedPageIsClicked()
+    {
+        var changedCount = 0;
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.DefaultSelectedPage, 3);
+            parameters.Add(p => p.OnChange, (int _) => changedCount++);
+        });
+
+        FindPageButton(comp, 3)!.Click();
+
+        Assert.AreEqual(0, changedCount);
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldNotCallOnChangeWhileDisabled()
+    {
+        var changedCount = 0;
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.IsEnabled, false);
+            parameters.Add(p => p.OnChange, (int _) => changedCount++);
+        });
+
+        Assert.IsTrue(comp.FindAll("button").All(b => b.HasAttribute("disabled")));
+        Assert.IsTrue(comp.Find(".bit-pgn").ClassList.Contains("bit-dis"));
+
+        FindPageButton(comp, 3)!.Click();
+
+        Assert.AreEqual(0, changedCount);
     }
 
     [TestMethod]
@@ -70,25 +197,107 @@ public void BitPaginationShouldRespectShowFirstLastAndNavigationButtons()
             parameters.Add(p => p.ShowPreviousButton, true);
         });
 
-        // find first and last buttons by aria-label
-        IElement? first = null;
-        IElement? last = null;
-        IElement? next = null;
-        IElement? prev = null;
+        Assert.IsNotNull(FindByAriaLabel(comp, "First page"));
+        Assert.IsNotNull(FindByAriaLabel(comp, "Previous page"));
+        Assert.IsNotNull(FindByAriaLabel(comp, "Next page"));
+        Assert.IsNotNull(FindByAriaLabel(comp, "Last page"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldNotRenderTheNavigationButtonsThatAreTurnedOff()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 10);
+            parameters.Add(p => p.ShowNextButton, false);
+            parameters.Add(p => p.ShowPreviousButton, false);
+        });
+
+        Assert.IsNull(FindByAriaLabel(comp, "Next page"));
+        Assert.IsNull(FindByAriaLabel(comp, "Previous page"));
+        Assert.IsNull(FindByAriaLabel(comp, "First page"));
+        Assert.IsNull(FindByAriaLabel(comp, "Last page"));
+    }
 
-        foreach (var b in comp.FindAll("button"))
+    [TestMethod]
+    public void BitPaginationShouldDisableTheNavigationButtonsAtTheEndsOfTheRange()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
         {
-            var aria = b.GetAttribute("aria-label");
-            if (aria == "First page") first = b;
-            if (aria == "Last page") last = b;
-            if (aria == "Next page") next = b;
-            if (aria == "Previous page") prev = b;
-        }
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.ShowFirstButton, true);
+            parameters.Add(p => p.ShowLastButton, true);
+        });
+
+        Assert.IsTrue(FindByAriaLabel(comp, "First page")!.HasAttribute("disabled"));
+        Assert.IsTrue(FindByAriaLabel(comp, "Previous page")!.HasAttribute("disabled"));
+        Assert.IsFalse(FindByAriaLabel(comp, "Next page")!.HasAttribute("disabled"));
+        Assert.IsFalse(FindByAriaLabel(comp, "Last page")!.HasAttribute("disabled"));
+
+        FindByAriaLabel(comp, "Last page")!.Click();
+
+        Assert.AreEqual("5", comp.Find(".bit-pgn-sel").TextContent.Trim());
+        Assert.IsFalse(FindByAriaLabel(comp, "First page")!.HasAttribute("disabled"));
+        Assert.IsFalse(FindByAriaLabel(comp, "Previous page")!.HasAttribute("disabled"));
+        Assert.IsTrue(FindByAriaLabel(comp, "Next page")!.HasAttribute("disabled"));
+        Assert.IsTrue(FindByAriaLabel(comp, "Last page")!.HasAttribute("disabled"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldWalkThePagesWithTheNavigationButtons()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.ShowFirstButton, true);
+            parameters.Add(p => p.ShowLastButton, true);
+            parameters.Add(p => p.DefaultSelectedPage, 3);
+        });
 
-        Assert.IsNotNull(first);
-        Assert.IsNotNull(last);
-        Assert.IsNotNull(next);
-        Assert.IsNotNull(prev);
+        FindByAriaLabel(comp, "Next page")!.Click();
+        Assert.AreEqual("4", comp.Find(".bit-pgn-sel").TextContent.Trim());
+
+        FindByAriaLabel(comp, "Previous page")!.Click();
+        Assert.AreEqual("3", comp.Find(".bit-pgn-sel").TextContent.Trim());
+
+        FindByAriaLabel(comp, "Last page")!.Click();
+        Assert.AreEqual("5", comp.Find(".bit-pgn-sel").TextContent.Trim());
+
+        FindByAriaLabel(comp, "First page")!.Click();
+        Assert.AreEqual("1", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldWrapAroundTheRangeWhileLooping()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.Loop, true);
+        });
+
+        // Both buttons stay reachable at the ends of the range while looping.
+        Assert.IsFalse(FindByAriaLabel(comp, "Previous page")!.HasAttribute("disabled"));
+        Assert.IsFalse(FindByAriaLabel(comp, "Next page")!.HasAttribute("disabled"));
+
+        FindByAriaLabel(comp, "Previous page")!.Click();
+        Assert.AreEqual("5", comp.Find(".bit-pgn-sel").TextContent.Trim());
+
+        FindByAriaLabel(comp, "Next page")!.Click();
+        Assert.AreEqual("1", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldNotWrapAroundTheRangeWithoutLooping()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.DefaultSelectedPage, 5);
+        });
+
+        Assert.IsTrue(FindByAriaLabel(comp, "Next page")!.HasAttribute("disabled"));
+        Assert.AreEqual("5", comp.Find(".bit-pgn-sel").TextContent.Trim());
     }
 
     [TestMethod]
@@ -102,7 +311,623 @@ public void BitPaginationShouldRenderEllipsisWhenCountLarge()
             parameters.Add(p => p.DefaultSelectedPage, 25);
         });
 
-        var ellipsis = comp.FindAll(".bit-pgn-elp");
-        Assert.IsTrue(ellipsis.Count >= 1);
+        CollectionAssert.AreEqual(
+            new[] { "1", "•••", "24", "25", "26", "•••", "50" },
+            GetRenderedPages(comp));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldKeepTheBoundaryPagesVisible()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 20);
+            parameters.Add(p => p.BoundaryCount, 2);
+            parameters.Add(p => p.MiddleCount, 3);
+            parameters.Add(p => p.DefaultSelectedPage, 10);
+        });
+
+        CollectionAssert.AreEqual(
+            new[] { "1", "2", "•••", "9", "10", "11", "•••", "19", "20" },
+            GetRenderedPages(comp));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldSpellOutAPageInsteadOfAnEllipsisHidingASingleOne()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 8);
+            parameters.Add(p => p.BoundaryCount, 1);
+            parameters.Add(p => p.MiddleCount, 3);
+            parameters.Add(p => p.DefaultSelectedPage, 4);
+        });
+
+        // The gap between 1 and 3 holds page 2 only, which takes the same room as the ellipsis would.
+        CollectionAssert.AreEqual(
+            new[] { "1", "2", "3", "4", "5", "•••", "8" },
+            GetRenderedPages(comp));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRenderEveryPageWhenTheyAllFit()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 7);
+            parameters.Add(p => p.BoundaryCount, 1);
+            parameters.Add(p => p.MiddleCount, 3);
+            parameters.Add(p => p.DefaultSelectedPage, 4);
+        });
+
+        Assert.AreEqual(0, comp.FindAll(".bit-pgn-elp").Count);
+        CollectionAssert.AreEqual(new[] { "1", "2", "3", "4", "5", "6", "7" }, GetRenderedPages(comp));
+    }
+
+    [TestMethod]
+    [DataRow(0)]
+    [DataRow(-5)]
+    public void BitPaginationShouldFallBackToASinglePageForANonPositiveCount(int count)
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, count);
+            parameters.Add(p => p.ShowFirstButton, true);
+            parameters.Add(p => p.ShowLastButton, true);
+        });
+
+        CollectionAssert.AreEqual(new[] { "1" }, GetRenderedPages(comp));
+        Assert.AreEqual("1", comp.Find(".bit-pgn-sel").TextContent.Trim());
+
+        // A single page is both the first and the last one, so nothing can be navigated to.
+        Assert.IsTrue(comp.FindAll("button").All(b => b.HasAttribute("disabled") || b.ClassList.Contains("bit-pgn-sel")));
+    }
+
+    [TestMethod]
+    [DataRow(0)]
+    [DataRow(-3)]
+    public void BitPaginationShouldFallBackToTheDefaultBoundaryAndMiddleCounts(int value)
+    {
+        // A boundary or a middle range with nothing in it makes no sense, so a value that is not positive
+        // falls back to the documented default, which is what an unset parameter does as well.
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 20);
+            parameters.Add(p => p.BoundaryCount, value);
+            parameters.Add(p => p.MiddleCount, value);
+            parameters.Add(p => p.DefaultSelectedPage, 10);
+        });
+
+        CollectionAssert.AreEqual(
+            new[] { "1", "2", "•••", "9", "10", "11", "•••", "19", "20" },
+            GetRenderedPages(comp));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectAnExplicitBoundaryAndMiddleCountOfOne()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 20);
+            parameters.Add(p => p.BoundaryCount, 1);
+            parameters.Add(p => p.MiddleCount, 1);
+            parameters.Add(p => p.DefaultSelectedPage, 10);
+        });
+
+        CollectionAssert.AreEqual(new[] { "1", "•••", "10", "•••", "20" }, GetRenderedPages(comp));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldClampASelectedPageOutOfTheRangeWhileRendering()
+    {
+        // A one way bound value cannot be written back, so it is clamped for the rendering only, which
+        // keeps a current page in the markup instead of leaving the pagination without one.
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.SelectedPage, 100);
+        });
+
+        Assert.AreEqual("5", comp.Find(".bit-pgn-sel").TextContent.Trim());
+        Assert.IsTrue(FindByAriaLabel(comp, "Next page")!.HasAttribute("disabled"));
+
+        comp.Render(parameters => parameters.Add(p => p.SelectedPage, -4));
+
+        Assert.AreEqual("1", comp.Find(".bit-pgn-sel").TextContent.Trim());
+        Assert.IsTrue(FindByAriaLabel(comp, "Previous page")!.HasAttribute("disabled"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldPullTheBoundSelectedPageBackWhenTheCountShrinks()
+    {
+        var selected = 9;
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 10);
+            parameters.Bind(p => p.SelectedPage, selected, v => selected = v);
+        });
+
+        Assert.AreEqual("9", comp.Find(".bit-pgn-sel").TextContent.Trim());
+
+        comp.Render(parameters => parameters.Add(p => p.Count, 4));
+
+        Assert.AreEqual(4, selected);
+        Assert.AreEqual("4", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldSettleOnTheSelectedPageWhenTheCountShrinksAlongWithIt()
+    {
+        // The count and the selected page reach the component in one batch, so the write back of an out of
+        // range selection must not overwrite the page the consumer asked for in the same batch.
+        var selected = 9;
+        var changes = new System.Collections.Generic.List<int>();
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 10);
+            parameters.Bind(p => p.SelectedPage, selected, v => { selected = v; changes.Add(v); });
+        });
+
+        changes.Clear();
+
+        comp.Render(parameters =>
+        {
+            parameters.Add(p => p.Count, 4);
+            parameters.Bind(p => p.SelectedPage, 2, v => { selected = v; changes.Add(v); });
+        });
+
+        // Page 2 is inside the new range, so nothing is written back and the pagination lands on it.
+        Assert.AreEqual(0, changes.Count);
+        Assert.AreEqual("2", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldCorrectTheSameOutOfRangeSelectedPageOnlyOnce()
+    {
+        // A consumer that drops the corrected page and hands the out of range one back would otherwise be
+        // answered with another correction on every render, and the two would keep re-rendering each other.
+        var changes = new System.Collections.Generic.List<int>();
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 4);
+            parameters.Bind(p => p.SelectedPage, 9, changes.Add);
+        });
+
+        Assert.AreEqual(1, changes.Count);
+        Assert.AreEqual(4, changes[0]);
+
+        comp.Render(parameters =>
+        {
+            parameters.Add(p => p.Count, 4);
+            parameters.Bind(p => p.SelectedPage, 9, changes.Add);
+        });
+
+        Assert.AreEqual(1, changes.Count);
+        Assert.AreEqual("4", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldWriteBackASelectedPageUnderTheRange()
+    {
+        var selected = -4;
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Bind(p => p.SelectedPage, selected, v => selected = v);
+        });
+
+        Assert.AreEqual(1, selected);
+        Assert.AreEqual("1", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectDefaultSelectedPageAndClampIt()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.DefaultSelectedPage, 42);
+        });
+
+        Assert.AreEqual("5", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldSelectTheFirstPageWithoutAnySelection()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+        });
+
+        Assert.AreEqual("1", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectHideOnSinglePage()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 1);
+            parameters.Add(p => p.HideOnSinglePage, true);
+        });
+
+        Assert.AreEqual(0, comp.FindAll(".bit-pgn").Count);
+
+        comp.Render(parameters => parameters.Add(p => p.Count, 2));
+
+        Assert.AreEqual(1, comp.FindAll(".bit-pgn").Count);
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectShowPageButtons()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 10);
+            parameters.Add(p => p.ShowPageButtons, false);
+            parameters.Add(p => p.ShowFirstButton, true);
+            parameters.Add(p => p.ShowLastButton, true);
+        });
+
+        Assert.AreEqual(0, GetPageButtons(comp).Count);
+        Assert.AreEqual(0, comp.FindAll(".bit-pgn-elp").Count);
+        Assert.AreEqual(4, comp.FindAll(".bit-pgn button").Count);
+
+        // The navigation still walks the range even without the page buttons.
+        FindByAriaLabel(comp, "Next page")!.Click();
+        Assert.IsFalse(FindByAriaLabel(comp, "Previous page")!.HasAttribute("disabled"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectShowSummary()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.DefaultSelectedPage, 4);
+        });
+
+        Assert.AreEqual(0, comp.FindAll(".bit-pgn-sum").Count);
+
+        comp.Render(parameters => parameters.Add(p => p.ShowSummary, true));
+
+        var summary = comp.Find(".bit-pgn-sum");
+
+        Assert.AreEqual("Page 4 of 12", summary.TextContent.Trim());
+
+        // The summary reports the new position on its own, without moving the focus.
+        Assert.AreEqual("status", summary.GetAttribute("role"));
+
+        // It leads the pagination, ahead of the controls it describes.
+        Assert.IsTrue(comp.Find(".bit-pgn > ul > li:first-child > *").ClassList.Contains("bit-pgn-sum"));
+
+        FindPageButton(comp, 5)!.Click();
+
+        Assert.AreEqual("Page 5 of 12", comp.Find(".bit-pgn-sum").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectGetSummary()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 24);
+            parameters.Add(p => p.ShowSummary, true);
+            parameters.Add(p => p.DefaultSelectedPage, 3);
+            parameters.Add(p => p.GetSummary, (int page, int count) => $"{page}/{count} pages");
+        });
+
+        Assert.AreEqual("3/24 pages", comp.Find(".bit-pgn-sum").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldNotRenderTheSummaryAsAControl()
+    {
+        // The summary is text beside the buttons, so it must not end up in the tab order.
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.ShowSummary, true);
+        });
+
+        Assert.AreEqual("DIV", comp.Find(".bit-pgn-sum").TagName);
+        Assert.IsNull(FindByAriaLabel(comp, "Page 1 of 5"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectRounded()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+        });
+
+        Assert.IsFalse(comp.Find(".bit-pgn").ClassList.Contains("bit-pgn-rnd"));
+
+        comp.Render(parameters => parameters.Add(p => p.Rounded, true));
+
+        Assert.IsTrue(comp.Find(".bit-pgn").ClassList.Contains("bit-pgn-rnd"));
+    }
+
+    [TestMethod]
+    [DataRow(BitVariant.Fill, "bit-pgn-fil")]
+    [DataRow(BitVariant.Outline, "bit-pgn-otl")]
+    [DataRow(BitVariant.Text, "bit-pgn-txt")]
+    [DataRow(null, "bit-pgn-fil")]
+    public void BitPaginationShouldRespectVariant(BitVariant? variant, string cssClass)
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.Variant, variant);
+        });
+
+        Assert.IsTrue(comp.FindAll(".bit-pgn-btn").All(b => b.ClassList.Contains(cssClass)));
+    }
+
+    [TestMethod]
+    [DataRow(BitColor.Primary, "bit-pgn-pri")]
+    [DataRow(BitColor.Secondary, "bit-pgn-sec")]
+    [DataRow(BitColor.Tertiary, "bit-pgn-ter")]
+    [DataRow(BitColor.Info, "bit-pgn-inf")]
+    [DataRow(BitColor.Success, "bit-pgn-suc")]
+    [DataRow(BitColor.Warning, "bit-pgn-wrn")]
+    [DataRow(BitColor.SevereWarning, "bit-pgn-swr")]
+    [DataRow(BitColor.Error, "bit-pgn-err")]
+    [DataRow(null, "bit-pgn-pri")]
+    public void BitPaginationShouldRespectColor(BitColor? color, string cssClass)
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.Color, color);
+        });
+
+        Assert.IsTrue(comp.Find(".bit-pgn").ClassList.Contains(cssClass));
+    }
+
+    [TestMethod]
+    [DataRow(BitSize.Small, "bit-pgn-sm")]
+    [DataRow(BitSize.Medium, "bit-pgn-md")]
+    [DataRow(BitSize.Large, "bit-pgn-lg")]
+    [DataRow(null, "bit-pgn-md")]
+    public void BitPaginationShouldRespectSize(BitSize? size, string cssClass)
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.Size, size);
+        });
+
+        Assert.IsTrue(comp.Find(".bit-pgn").ClassList.Contains(cssClass));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectTheNavigationButtonAriaLabels()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.ShowFirstButton, true);
+            parameters.Add(p => p.ShowLastButton, true);
+            parameters.Add(p => p.FirstButtonAriaLabel, "aval");
+            parameters.Add(p => p.PreviousButtonAriaLabel, "ghabli");
+            parameters.Add(p => p.NextButtonAriaLabel, "badi");
+            parameters.Add(p => p.LastButtonAriaLabel, "akhar");
+        });
+
+        foreach (var label in new[] { "aval", "ghabli", "badi", "akhar" })
+        {
+            var button = FindByAriaLabel(comp, label);
+
+            Assert.IsNotNull(button);
+
+            // The label doubles as the tooltip, since the button carries an icon and no text.
+            Assert.AreEqual(label, button!.GetAttribute("title"));
+        }
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldLabelThePageButtons()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 3);
+            parameters.Add(p => p.DefaultSelectedPage, 2);
+        });
+
+        CollectionAssert.AreEqual(
+            new[] { "Page 1", "Page 2", "Page 3" },
+            GetPageButtons(comp).Select(b => b.GetAttribute("aria-label")).ToArray());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectGetPageAriaLabel()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 3);
+            parameters.Add(p => p.DefaultSelectedPage, 2);
+            parameters.Add(p => p.GetPageAriaLabel, (int page, bool isSelected) => isSelected ? $"current {page}" : $"go to {page}");
+        });
+
+        CollectionAssert.AreEqual(
+            new[] { "go to 1", "current 2", "go to 3" },
+            GetPageButtons(comp).Select(b => b.GetAttribute("aria-label")).ToArray());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectStyleAndClass()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.Style, "color: red;");
+            parameters.Add(p => p.Class, "custom-class");
+        });
+
+        var root = comp.Find(".bit-pgn");
+
+        Assert.IsTrue(root.GetAttribute("style")!.Contains("color: red;"));
+        Assert.IsTrue(root.ClassList.Contains("custom-class"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectClassesAndStyles()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 50);
+            parameters.Add(p => p.BoundaryCount, 1);
+            parameters.Add(p => p.DefaultSelectedPage, 25);
+            parameters.Add(p => p.ShowFirstButton, true);
+            parameters.Add(p => p.ShowLastButton, true);
+            parameters.Add(p => p.ShowSummary, true);
+            parameters.Add(p => p.Classes, new BitPaginationClassStyles
+            {
+                Root = "root-class",
+                Summary = "summary-class",
+                Button = "button-class",
+                Ellipsis = "ellipsis-class",
+                SelectedButton = "selected-class",
+                FirstButton = "first-class",
+                FirstButtonIcon = "first-icon-class",
+                PreviousButton = "previous-class",
+                PreviousButtonIcon = "previous-icon-class",
+                NextButton = "next-class",
+                NextButtonIcon = "next-icon-class",
+                LastButton = "last-class",
+                LastButtonIcon = "last-icon-class"
+            });
+            parameters.Add(p => p.Styles, new BitPaginationClassStyles { Root = "padding: 1rem;", SelectedButton = "color: red;", Summary = "color: blue;" });
+        });
+
+        var root = comp.Find(".bit-pgn");
+
+        Assert.IsTrue(root.ClassList.Contains("root-class"));
+        Assert.IsTrue(root.GetAttribute("style")!.Contains("padding: 1rem;"));
+
+        var summary = comp.Find(".bit-pgn-sum");
+
+        Assert.IsTrue(summary.ClassList.Contains("summary-class"));
+        Assert.IsTrue(summary.GetAttribute("style")!.Contains("color: blue;"));
+
+        Assert.IsTrue(comp.FindAll(".bit-pgn-btn").All(b => b.ClassList.Contains("button-class")));
+        Assert.IsTrue(comp.FindAll(".bit-pgn-elp").All(e => e.ClassList.Contains("ellipsis-class")));
+
+        var selected = comp.Find(".bit-pgn-sel");
+
+        Assert.IsTrue(selected.ClassList.Contains("selected-class"));
+        Assert.IsTrue(selected.GetAttribute("style")!.Contains("color: red;"));
+
+        Assert.IsTrue(FindByAriaLabel(comp, "First page")!.ClassList.Contains("first-class"));
+        Assert.IsTrue(FindByAriaLabel(comp, "Previous page")!.ClassList.Contains("previous-class"));
+        Assert.IsTrue(FindByAriaLabel(comp, "Next page")!.ClassList.Contains("next-class"));
+        Assert.IsTrue(FindByAriaLabel(comp, "Last page")!.ClassList.Contains("last-class"));
+
+        Assert.IsTrue(FindByAriaLabel(comp, "First page")!.QuerySelector("i")!.ClassList.Contains("first-icon-class"));
+        Assert.IsTrue(FindByAriaLabel(comp, "Previous page")!.QuerySelector("i")!.ClassList.Contains("previous-icon-class"));
+        Assert.IsTrue(FindByAriaLabel(comp, "Next page")!.QuerySelector("i")!.ClassList.Contains("next-icon-class"));
+        Assert.IsTrue(FindByAriaLabel(comp, "Last page")!.QuerySelector("i")!.ClassList.Contains("last-icon-class"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectTheNavigationButtonIcons()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.ShowFirstButton, true);
+            parameters.Add(p => p.ShowLastButton, true);
+            parameters.Add(p => p.FirstButtonIconName, "DoubleChevronLeft");
+            parameters.Add(p => p.PreviousButtonIconName, "Previous");
+            parameters.Add(p => p.NextButtonIconName, "Next");
+            parameters.Add(p => p.LastButtonIconName, "DoubleChevronRight");
+        });
+
+        Assert.IsTrue(FindByAriaLabel(comp, "First page")!.QuerySelector("i")!.ClassList.Contains("bit-icon--DoubleChevronLeft"));
+        Assert.IsTrue(FindByAriaLabel(comp, "Previous page")!.QuerySelector("i")!.ClassList.Contains("bit-icon--Previous"));
+        Assert.IsTrue(FindByAriaLabel(comp, "Next page")!.QuerySelector("i")!.ClassList.Contains("bit-icon--Next"));
+        Assert.IsTrue(FindByAriaLabel(comp, "Last page")!.QuerySelector("i")!.ClassList.Contains("bit-icon--DoubleChevronRight"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldPreferTheExternalIconOverTheIconName()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.NextButtonIconName, "Next");
+            parameters.Add(p => p.NextButtonIcon, BitIconInfo.Css("fa-solid fa-angle-right"));
+        });
+
+        var icon = FindByAriaLabel(comp, "Next page")!.QuerySelector("i")!;
+
+        Assert.IsTrue(icon.ClassList.Contains("fa-angle-right"));
+        Assert.IsFalse(icon.ClassList.Contains("bit-icon--Next"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectRtl()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.Dir, BitDir.Rtl);
+        });
+
+        var root = comp.Find(".bit-pgn");
+
+        Assert.AreEqual("rtl", root.GetAttribute("dir"));
+        Assert.IsTrue(root.ClassList.Contains("bit-rtl"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldKeepTheListOfPagesInPlaceWhileTheSelectionMoves()
+    {
+        // Moving the selection only flips the attributes of the already rendered buttons, which is what lets
+        // the browser keep the keyboard focus on the page the user just activated.
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+        });
+
+        var before = GetRenderedPages(comp);
+
+        FindPageButton(comp, 3)!.Click();
+
+        CollectionAssert.AreEqual(before, GetRenderedPages(comp));
+        Assert.AreEqual("3", comp.Find(".bit-pgn-sel").TextContent.Trim());
+        Assert.AreEqual(1, GetPageButtons(comp).Count(b => b.GetAttribute("aria-current") is not null));
+    }
+
+
+
+    private static IElement? FindByAriaLabel(IRenderedComponent<BitPagination> comp, string label)
+    {
+        return comp.FindAll("button").FirstOrDefault(b => b.GetAttribute("aria-label") == label);
+    }
+
+    private static IElement? FindPageButton(IRenderedComponent<BitPagination> comp, int page)
+    {
+        return GetPageButtons(comp).FirstOrDefault(b => b.TextContent.Trim() == page.ToString());
+    }
+
+    private static System.Collections.Generic.List<IElement> GetPageButtons(IRenderedComponent<BitPagination> comp)
+    {
+        return comp.FindAll("button").Where(b => b.QuerySelector("i") is null).ToList();
+    }
+
+    private static string[] GetRenderedPages(IRenderedComponent<BitPagination> comp)
+    {
+        return comp.FindAll(".bit-pgn-btn, .bit-pgn-elp")
+                   .Where(e => e.QuerySelector("i") is null)
+                   .Select(e => e.TextContent.Trim())
+                   .ToArray();
     }
 }

From 50dcea2ef8ab4b641c77e0e93198c67cf9d1cdb4 Mon Sep 17 00:00:00 2001
From: msynk <msynk@outlook.com>
Date: Sat, 22 Aug 2026 16:15:21 +0330
Subject: [PATCH 2/2] resolve review comments

---
 .../Navs/Pagination/BitPagination.razor       | 301 ++++--
 .../Navs/Pagination/BitPagination.razor.cs    | 385 +++++++-
 .../Navs/Pagination/BitPagination.scss        |  79 +-
 .../Pagination/BitPaginationClassStyles.cs    |  30 +
 .../Navs/Pagination/BitPaginationDemo.razor   | 125 ++-
 .../Pagination/BitPaginationDemo.razor.cs     | 171 ++++
 .../BitPaginationDemo.razor.samples.cs        |  94 +-
 .../Navs/Pagination/BitPaginationTests.cs     | 925 +++++++++++++++++-
 8 files changed, 2013 insertions(+), 97 deletions(-)

diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor
index cb607472a4f..beb9b6ef268 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor
@@ -7,7 +7,14 @@
    The list and its items are collapsed with display:contents so the buttons stay the direct flex items of
    the root and the layout (including any gap coming through Styles.Root) is exactly what it was before the
    list was introduced. The explicit list roles are there because a box removed by display:contents used to
-   lose its implicit semantics in some browser / screen reader combinations. *@
+   lose its implicit semantics in some browser / screen reader combinations.
+   The page size selector, the summary and the go to page input sit outside of that list: none of them is one
+   of the pages the list enumerates, so counting them among its items would misreport how many it holds. *@
+@* GetPageHref turns every control into a link, since a range that is reachable by its own address belongs in
+   links rather than in buttons. The two forms are written out side by side rather than folded into one
+   dynamic tag: which one is rendered follows from GetPageHref alone, so a control never swaps its markup
+   while the selection moves. A link with no page to reach carries no href, and reports aria-disabled in
+   place of the disabled attribute an anchor has no use for. *@
 @* The aria-label sits before the attribute splatting so that an aria-label passed as a plain attribute
    still wins over the default name of the landmark, while the id, the style, the class and the dir stay
    after it and keep the ones the component renders. *@
@@ -20,53 +27,130 @@
          style="@StyleBuilder.Value"
          class="@ClassBuilder.Value"
          dir="@Dir?.ToString().ToLower()">
-        <ul role="list" class="bit-pgn-lst">
-            @* The summary leads the pagination, where it is read before the controls it describes. It is a
-               status region so that a screen reader reports the new position as the page changes, which is
-               the only cue left once the numeric page buttons are turned off. *@
-            @if (ShowSummary)
-            {
-                <li role="listitem" class="bit-pgn-itm">
-                    <div role="status" style="@Styles?.Summary" class="bit-pgn-sum @Classes?.Summary">@GetSummaryText()</div>
-                </li>
-            }
+        @* The page size opens the pagination, since it is the choice the whole range of pages follows from.
+           It is a plain select so that it carries the keyboard handling and the native picker of the
+           platform it is rendered on without any of it having to be rebuilt. *@
+        @if (ShowPageSizeSelector)
+        {
+            <div style="@Styles?.PageSizeSelector" class="bit-pgn-pss @Classes?.PageSizeSelector">
+                @if (PageSizeText.HasValue())
+                {
+                    <label for="@($"{_Id}-pss")" style="@Styles?.PageSizeLabel" class="bit-pgn-psl @Classes?.PageSizeLabel">@PageSizeText</label>
+                }
+                <select id="@($"{_Id}-pss")"
+                        value="@_PageSize"
+                        disabled="@(IsEnabled is false)"
+                        aria-label="@PageSizeAriaLabel"
+                        @onchange="HandlePageSizeChange"
+                        style="@Styles?.PageSizeSelect"
+                        class="bit-pgn-pse @Classes?.PageSizeSelect">
+                    @foreach (var option in _pageSizeOptions)
+                    {
+                        <option value="@option" selected="@(option == _PageSize)">@option</option>
+                    }
+                </select>
+            </div>
+        }
 
+        @* The summary leads the controls, where it is read before the ones it describes. It is a status
+           region so that a screen reader reports the new position as the page changes, which is the only
+           cue left once the numeric page buttons are turned off. *@
+        @if (ShowSummary)
+        {
+            <div role="status" style="@Styles?.Summary" class="bit-pgn-sum @Classes?.Summary">@GetSummaryText()</div>
+        }
+
+        <ul role="list" class="bit-pgn-lst">
             @if (ShowFirstButton)
             {
                 var firstIcon = BitIconInfo.From(FirstButtonIcon, FirstButtonIconName ?? "ChevronRightEnd6 bit-pgn-trs");
+                var firstClass = $"bit-pgn-btn {(FirstButtonText.HasValue() ? "bit-pgn-lbl" : null)} {Classes?.Button} {Classes?.FirstButton} {_VariantClass}";
                 <li role="listitem" class="bit-pgn-itm">
-                    <button @onclick="@(() => ChangePage(1))"
-                            type="button"
-                            title="@FirstButtonAriaLabel"
-                            aria-label="@FirstButtonAriaLabel"
-                            disabled="@(IsEnabled is false || _SelectedPage == 1)"
-                            style="@Styles?.Button @Styles?.FirstButton"
-                            class="bit-pgn-btn @Classes?.Button @Classes?.FirstButton @_VariantClass">
-                        <i aria-hidden="true" style="@Styles?.FirstButtonIcon" class="@firstIcon?.GetCssClasses() @Classes?.FirstButtonIcon" />
-                    </button>
+                    @if (_UseLinks)
+                    {
+                        var firstHref = GetHref(1, _IsFirstDisabled);
+                        <a @ref="_firstButtonRef"
+                           @onclick="@(() => ChangePageFrom(FocusTarget.First, 1))"
+                           href="@firstHref"
+                           title="@FirstButtonAriaLabel"
+                           aria-label="@FirstButtonAriaLabel"
+                           aria-disabled="@(firstHref is null ? "true" : null)"
+                           style="@Styles?.Button @Styles?.FirstButton"
+                           class="@firstClass">
+                            <i aria-hidden="true" style="@Styles?.FirstButtonIcon" class="@firstIcon?.GetCssClasses() @Classes?.FirstButtonIcon" />
+                            @if (FirstButtonText.HasValue())
+                            {
+                                <span class="bit-pgn-btx">@FirstButtonText</span>
+                            }
+                        </a>
+                    }
+                    else
+                    {
+                        <button @ref="_firstButtonRef"
+                                @onclick="@(() => ChangePageFrom(FocusTarget.First, 1))"
+                                type="button"
+                                title="@FirstButtonAriaLabel"
+                                aria-label="@FirstButtonAriaLabel"
+                                disabled="@_IsFirstDisabled"
+                                style="@Styles?.Button @Styles?.FirstButton"
+                                class="@firstClass">
+                            <i aria-hidden="true" style="@Styles?.FirstButtonIcon" class="@firstIcon?.GetCssClasses() @Classes?.FirstButtonIcon" />
+                            @if (FirstButtonText.HasValue())
+                            {
+                                <span class="bit-pgn-btx">@FirstButtonText</span>
+                            }
+                        </button>
+                    }
                 </li>
             }
 
             @if (ShowPreviousButton)
             {
                 var previousIcon = BitIconInfo.From(PreviousButtonIcon, PreviousButtonIconName ?? "ChevronRight bit-pgn-trs");
+                var previousClass = $"bit-pgn-btn {(PreviousButtonText.HasValue() ? "bit-pgn-lbl" : null)} {Classes?.Button} {Classes?.PreviousButton} {_VariantClass}";
                 <li role="listitem" class="bit-pgn-itm">
-                    <button @onclick="@(() => ChangePage(Loop && _SelectedPage == 1 ? _Count : _SelectedPage - 1))"
-                            type="button"
-                            title="@PreviousButtonAriaLabel"
-                            aria-label="@PreviousButtonAriaLabel"
-                            disabled="@(IsEnabled is false || (Loop is false && _SelectedPage == 1))"
-                            style="@Styles?.Button @Styles?.PreviousButton"
-                            class="bit-pgn-btn @Classes?.Button @Classes?.PreviousButton @_VariantClass">
-                        <i aria-hidden="true" style="@Styles?.PreviousButtonIcon" class="@previousIcon?.GetCssClasses() @Classes?.PreviousButtonIcon" />
-                    </button>
+                    @if (_UseLinks)
+                    {
+                        var previousHref = GetHref(_PreviousPage, _IsPreviousDisabled);
+                        <a @ref="_previousButtonRef"
+                           @onclick="@(() => ChangePageFrom(FocusTarget.Previous, _PreviousPage))"
+                           href="@previousHref"
+                           title="@PreviousButtonAriaLabel"
+                           aria-label="@PreviousButtonAriaLabel"
+                           aria-disabled="@(previousHref is null ? "true" : null)"
+                           style="@Styles?.Button @Styles?.PreviousButton"
+                           class="@previousClass">
+                            <i aria-hidden="true" style="@Styles?.PreviousButtonIcon" class="@previousIcon?.GetCssClasses() @Classes?.PreviousButtonIcon" />
+                            @if (PreviousButtonText.HasValue())
+                            {
+                                <span class="bit-pgn-btx">@PreviousButtonText</span>
+                            }
+                        </a>
+                    }
+                    else
+                    {
+                        <button @ref="_previousButtonRef"
+                                @onclick="@(() => ChangePageFrom(FocusTarget.Previous, _PreviousPage))"
+                                type="button"
+                                title="@PreviousButtonAriaLabel"
+                                aria-label="@PreviousButtonAriaLabel"
+                                disabled="@_IsPreviousDisabled"
+                                style="@Styles?.Button @Styles?.PreviousButton"
+                                class="@previousClass">
+                            <i aria-hidden="true" style="@Styles?.PreviousButtonIcon" class="@previousIcon?.GetCssClasses() @Classes?.PreviousButtonIcon" />
+                            @if (PreviousButtonText.HasValue())
+                            {
+                                <span class="bit-pgn-btx">@PreviousButtonText</span>
+                            }
+                        </button>
+                    }
                 </li>
             }
 
             @if (ShowPageButtons)
             {
                 @* Every page keeps its own key so that moving the selection only flips the attributes of the
-                   already rendered button instead of replacing it, which is what keeps the keyboard focus on
+                   already rendered control instead of replacing it, which is what keeps the keyboard focus on
                    the page the user just activated. *@
                 var pages = GeneratePages();
                 for (var i = 0; i < pages.Length; i++)
@@ -75,23 +159,44 @@
 
                     if (pageNumber == EllipsisPage)
                     {
-                        <li @key="@($"ellipsis-{i}")" role="listitem" class="bit-pgn-itm">
-                            <div aria-hidden="true" style="@Styles?.Ellipsis" class="bit-pgn-elp @Classes?.Ellipsis">&bull;&bull;&bull;</div>
+                        @* The glyph itself is hidden and the item carries the label, so the gap is reported
+                           as one named item instead of being read out as a run of punctuation. *@
+                        <li @key="@($"ellipsis-{i}")" role="listitem" aria-label="@EllipsisAriaLabel" class="bit-pgn-itm">
+                            <div aria-hidden="true" style="@Styles?.Ellipsis" class="bit-pgn-elp @Classes?.Ellipsis">@EllipsisText</div>
                         </li>
                     }
                     else
                     {
                         var isSelected = pageNumber == _SelectedPage;
+                        var pageClass = $"bit-pgn-btn {(isSelected ? "bit-pgn-sel" : null)} {Classes?.Button} {(isSelected ? Classes?.SelectedButton : null)} {_VariantClass}";
                         <li @key="@pageNumber" role="listitem" class="bit-pgn-itm">
-                            <button @onclick="@(() => ChangePage(pageNumber))"
-                                    type="button"
-                                    disabled="@(IsEnabled is false)"
-                                    aria-current="@(isSelected ? "page" : null)"
-                                    aria-label="@GetPageLabel(pageNumber, isSelected)"
-                                    style="@Styles?.Button @(isSelected ? Styles?.SelectedButton : null)"
-                                    class="bit-pgn-btn @(isSelected ? "bit-pgn-sel" : null) @Classes?.Button @(isSelected ? Classes?.SelectedButton : null) @_VariantClass">
-                                @pageNumber
-                            </button>
+                            @if (_UseLinks)
+                            {
+                                var pageHref = GetHref(pageNumber, IsEnabled is false);
+                                <a @ref="_pageRefs[pageNumber]"
+                                   @onclick="@(() => ChangePage(pageNumber))"
+                                   href="@pageHref"
+                                   aria-current="@(isSelected ? "page" : null)"
+                                   aria-disabled="@(pageHref is null ? "true" : null)"
+                                   aria-label="@GetPageLabel(pageNumber, isSelected)"
+                                   style="@Styles?.Button @(isSelected ? Styles?.SelectedButton : null)"
+                                   class="@pageClass">
+                                    @pageNumber
+                                </a>
+                            }
+                            else
+                            {
+                                <button @ref="_pageRefs[pageNumber]"
+                                        @onclick="@(() => ChangePage(pageNumber))"
+                                        type="button"
+                                        disabled="@(IsEnabled is false)"
+                                        aria-current="@(isSelected ? "page" : null)"
+                                        aria-label="@GetPageLabel(pageNumber, isSelected)"
+                                        style="@Styles?.Button @(isSelected ? Styles?.SelectedButton : null)"
+                                        class="@pageClass">
+                                    @pageNumber
+                                </button>
+                            }
                         </li>
                     }
                 }
@@ -100,34 +205,112 @@
             @if (ShowNextButton)
             {
                 var nextIcon = BitIconInfo.From(NextButtonIcon, NextButtonIconName ?? "ChevronRight bit-pgn-tre");
+                var nextClass = $"bit-pgn-btn {(NextButtonText.HasValue() ? "bit-pgn-lbl" : null)} {Classes?.Button} {Classes?.NextButton} {_VariantClass}";
                 <li role="listitem" class="bit-pgn-itm">
-                    <button @onclick="@(() => ChangePage(Loop && _SelectedPage == _Count ? 1 : _SelectedPage + 1))"
-                            type="button"
-                            title="@NextButtonAriaLabel"
-                            aria-label="@NextButtonAriaLabel"
-                            disabled="@(IsEnabled is false || (Loop is false && _SelectedPage == _Count))"
-                            style="@Styles?.Button @Styles?.NextButton"
-                            class="bit-pgn-btn @Classes?.Button @Classes?.NextButton @_VariantClass">
-                        <i aria-hidden="true" style="@Styles?.NextButtonIcon" class="@nextIcon?.GetCssClasses() @Classes?.NextButtonIcon" />
-                    </button>
+                    @if (_UseLinks)
+                    {
+                        var nextHref = GetHref(_NextPage, _IsNextDisabled);
+                        <a @ref="_nextButtonRef"
+                           @onclick="@(() => ChangePageFrom(FocusTarget.Next, _NextPage))"
+                           href="@nextHref"
+                           title="@NextButtonAriaLabel"
+                           aria-label="@NextButtonAriaLabel"
+                           aria-disabled="@(nextHref is null ? "true" : null)"
+                           style="@Styles?.Button @Styles?.NextButton"
+                           class="@nextClass">
+                            @if (NextButtonText.HasValue())
+                            {
+                                <span class="bit-pgn-btx">@NextButtonText</span>
+                            }
+                            <i aria-hidden="true" style="@Styles?.NextButtonIcon" class="@nextIcon?.GetCssClasses() @Classes?.NextButtonIcon" />
+                        </a>
+                    }
+                    else
+                    {
+                        <button @ref="_nextButtonRef"
+                                @onclick="@(() => ChangePageFrom(FocusTarget.Next, _NextPage))"
+                                type="button"
+                                title="@NextButtonAriaLabel"
+                                aria-label="@NextButtonAriaLabel"
+                                disabled="@_IsNextDisabled"
+                                style="@Styles?.Button @Styles?.NextButton"
+                                class="@nextClass">
+                            @if (NextButtonText.HasValue())
+                            {
+                                <span class="bit-pgn-btx">@NextButtonText</span>
+                            }
+                            <i aria-hidden="true" style="@Styles?.NextButtonIcon" class="@nextIcon?.GetCssClasses() @Classes?.NextButtonIcon" />
+                        </button>
+                    }
                 </li>
             }
 
             @if (ShowLastButton)
             {
                 var lastIcon = BitIconInfo.From(LastButtonIcon, LastButtonIconName ?? "ChevronRightEnd6 bit-pgn-tre");
+                var lastClass = $"bit-pgn-btn {(LastButtonText.HasValue() ? "bit-pgn-lbl" : null)} {Classes?.Button} {Classes?.LastButton} {_VariantClass}";
                 <li role="listitem" class="bit-pgn-itm">
-                    <button @onclick="@(() => ChangePage(_Count))"
-                            type="button"
-                            title="@LastButtonAriaLabel"
-                            aria-label="@LastButtonAriaLabel"
-                            disabled="@(IsEnabled is false || _SelectedPage == _Count)"
-                            style="@Styles?.Button @Styles?.LastButton"
-                            class="bit-pgn-btn @Classes?.Button @Classes?.LastButton @_VariantClass">
-                        <i aria-hidden="true" style="@Styles?.LastButtonIcon" class="@lastIcon?.GetCssClasses() @Classes?.LastButtonIcon" />
-                    </button>
+                    @if (_UseLinks)
+                    {
+                        var lastHref = GetHref(_Count, _IsLastDisabled);
+                        <a @ref="_lastButtonRef"
+                           @onclick="@(() => ChangePageFrom(FocusTarget.Last, _Count))"
+                           href="@lastHref"
+                           title="@LastButtonAriaLabel"
+                           aria-label="@LastButtonAriaLabel"
+                           aria-disabled="@(lastHref is null ? "true" : null)"
+                           style="@Styles?.Button @Styles?.LastButton"
+                           class="@lastClass">
+                            @if (LastButtonText.HasValue())
+                            {
+                                <span class="bit-pgn-btx">@LastButtonText</span>
+                            }
+                            <i aria-hidden="true" style="@Styles?.LastButtonIcon" class="@lastIcon?.GetCssClasses() @Classes?.LastButtonIcon" />
+                        </a>
+                    }
+                    else
+                    {
+                        <button @ref="_lastButtonRef"
+                                @onclick="@(() => ChangePageFrom(FocusTarget.Last, _Count))"
+                                type="button"
+                                title="@LastButtonAriaLabel"
+                                aria-label="@LastButtonAriaLabel"
+                                disabled="@_IsLastDisabled"
+                                style="@Styles?.Button @Styles?.LastButton"
+                                class="@lastClass">
+                            @if (LastButtonText.HasValue())
+                            {
+                                <span class="bit-pgn-btx">@LastButtonText</span>
+                            }
+                            <i aria-hidden="true" style="@Styles?.LastButtonIcon" class="@lastIcon?.GetCssClasses() @Classes?.LastButtonIcon" />
+                        </button>
+                    }
                 </li>
             }
         </ul>
+
+        @* The jump closes the pagination, after the controls it is the shortcut for. The input is named on
+           its own so the visible text beside it can be dropped without leaving it unnamed, and the value is
+           tracked on every keystroke so that clearing the field after a jump actually reaches the DOM. *@
+        @if (ShowGoToPage)
+        {
+            <div style="@Styles?.GoToPage" class="bit-pgn-gtp @Classes?.GoToPage">
+                @if (GoToPageText.HasValue())
+                {
+                    <label for="@($"{_Id}-gtp")" style="@Styles?.GoToPageLabel" class="bit-pgn-gtl @Classes?.GoToPageLabel">@GoToPageText</label>
+                }
+                <input id="@($"{_Id}-gtp")"
+                       min="1"
+                       max="@_Count"
+                       type="number"
+                       value="@_goToPageText"
+                       disabled="@(IsEnabled is false)"
+                       aria-label="@GoToPageAriaLabel"
+                       @oninput="HandleGoToPageInput"
+                       @onchange="HandleGoToPageChange"
+                       style="@Styles?.GoToPageInput"
+                       class="bit-pgn-gti @Classes?.GoToPageInput" />
+            </div>
+        }
     </nav>
 }
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor.cs
index 2a757e26936..7255b3bb8b9 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.razor.cs
@@ -1,3 +1,5 @@
+using System.Globalization;
+
 namespace Bit.BlazorUI;
 
 /// <summary>
@@ -10,6 +12,9 @@ namespace Bit.BlazorUI;
 /// <br />
 /// Name the landmark through <see cref="BitComponentBase.AriaLabel"/> whenever more than one pagination is
 /// rendered on the same page, so each of them can be told apart in the landmark list.
+/// <br />
+/// The controls are buttons by default and become links as soon as <see cref="GetPageHref"/> hands them an
+/// address, which is what a range that is meant to be crawled, bookmarked or opened in another tab calls for.
 /// </remarks>
 public partial class BitPagination : BitComponentBase
 {
@@ -21,7 +26,31 @@ public partial class BitPagination : BitComponentBase
     private const int DefaultMiddleCount = 3;
     private const int DefaultBoundaryCount = 2;
 
+    private static readonly int[] DefaultPageSizeOptions = [10, 25, 50, 100];
+
+    /// <summary>
+    /// The control the focus is handed over to after a navigation button disabled itself by moving the
+    /// selection to the end of the range it points at.
+    /// </summary>
+    private enum FocusTarget { None, SelectedPage, First, Previous, Next, Last }
+
     private int _correctedPage;
+    private string? _goToPageText;
+
+    // The offered page sizes are materialized once per parameter change rather than on every render, since a
+    // consumer is free to hand over an enumerable that walks (or computes) itself each time it is read.
+    private int[] _pageSizeOptions = DefaultPageSizeOptions;
+
+    private FocusTarget _focusTarget;
+    private ElementReference _firstButtonRef;
+    private ElementReference _previousButtonRef;
+    private ElementReference _nextButtonRef;
+    private ElementReference _lastButtonRef;
+
+    // The page buttons are captured by their page number so that the one holding the selection can be found
+    // again after the range around it moved. Entries of the pages that left the range are harmless: the focus
+    // is only ever handed to the page the pagination just settled on, which is always one of the rendered ones.
+    private readonly Dictionary<int, ElementReference> _pageRefs = [];
 
 
 
@@ -63,6 +92,24 @@ public partial class BitPagination : BitComponentBase
     /// </summary>
     [Parameter] public int DefaultSelectedPage { get; set; }
 
+    /// <summary>
+    /// The accessible label of the item standing in for the pages an ellipsis collapses.
+    /// <br />
+    /// The default value is <strong>"More pages"</strong>.
+    /// </summary>
+    /// <remarks>
+    /// The glyph itself is hidden from assistive technologies and this label is announced in its place, so
+    /// the gap in the range is reported as one item instead of being read as a run of punctuation.
+    /// </remarks>
+    [Parameter] public string EllipsisAriaLabel { get; set; } = "More pages";
+
+    /// <summary>
+    /// The text of the ellipsis standing in for the pages that are collapsed out of the range.
+    /// <br />
+    /// The default value is <strong>"•••"</strong>.
+    /// </summary>
+    [Parameter] public string EllipsisText { get; set; } = "•••";
+
     /// <summary>
     /// The accessible label of the first button.
     /// <br />
@@ -86,6 +133,16 @@ public partial class BitPagination : BitComponentBase
     /// </summary>
     [Parameter] public string? FirstButtonIconName { get; set; }
 
+    /// <summary>
+    /// The text rendered beside the icon of the first button.
+    /// </summary>
+    /// <remarks>
+    /// A navigation button carries an icon only unless it is given a text, and it widens to fit the text it
+    /// is given. The accessible name still comes from <see cref="FirstButtonAriaLabel"/>, so a short visible
+    /// text can sit next to a fuller spoken one.
+    /// </remarks>
+    [Parameter] public string? FirstButtonText { get; set; }
+
     /// <summary>
     /// Provides the accessible label of a page button, from its one-based number and whether it is the
     /// selected one, replacing the default "Page {number}" label.
@@ -99,6 +156,25 @@ public partial class BitPagination : BitComponentBase
     /// </remarks>
     [Parameter] public Func<int, bool, string>? GetPageAriaLabel { get; set; }
 
+    /// <summary>
+    /// Provides the address a page control points at, from its one-based number, which turns every control of
+    /// the pagination into a link instead of a button.
+    /// </summary>
+    /// <remarks>
+    /// Pagination is navigation, so a range that is reachable by its own address (a crawler following it, a
+    /// page opened in another tab, a middle click) belongs in links rather than in buttons. The four
+    /// navigation controls ask for the address of the page they move to, so they turn into links along with
+    /// the numeric ones.
+    /// <br />
+    /// A control with no address to point at - one at the end of the range it navigates, one the pagination is
+    /// disabled for, or one this returns nothing for - keeps its place while reporting aria-disabled and
+    /// staying out of the tab order.
+    /// <br />
+    /// The click still reaches <see cref="OnChange"/> and <see cref="SelectedPage"/>, so a pagination of links
+    /// reports the page that was asked for exactly like a pagination of buttons.
+    /// </remarks>
+    [Parameter] public Func<int, string?>? GetPageHref { get; set; }
+
     /// <summary>
     /// Provides the text of the summary, from the selected page and the total number of pages, replacing the
     /// default "Page {number} of {count}" text.
@@ -111,6 +187,27 @@ public partial class BitPagination : BitComponentBase
     /// </remarks>
     [Parameter] public Func<int, int, string>? GetSummary { get; set; }
 
+    /// <summary>
+    /// The accessible label of the go to page input.
+    /// <br />
+    /// The default value is <strong>"Go to page"</strong>.
+    /// </summary>
+    /// <remarks>
+    /// It names the input on its own, so the visible <see cref="GoToPageText"/> beside it can be dropped
+    /// without leaving the input unnamed.
+    /// </remarks>
+    [Parameter] public string GoToPageAriaLabel { get; set; } = "Go to page";
+
+    /// <summary>
+    /// The text rendered ahead of the go to page input.
+    /// <br />
+    /// The default value is <strong>"Go to"</strong>.
+    /// </summary>
+    /// <remarks>
+    /// An empty text leaves the input on its own, which is the compact form a narrow layout calls for.
+    /// </remarks>
+    [Parameter] public string? GoToPageText { get; set; } = "Go to";
+
     /// <summary>
     /// Renders nothing at all while there is a single page to navigate.
     /// <br />
@@ -145,6 +242,16 @@ public partial class BitPagination : BitComponentBase
     /// </summary>
     [Parameter] public string? LastButtonIconName { get; set; }
 
+    /// <summary>
+    /// The text rendered beside the icon of the last button.
+    /// </summary>
+    /// <remarks>
+    /// A navigation button carries an icon only unless it is given a text, and it widens to fit the text it
+    /// is given. The accessible name still comes from <see cref="LastButtonAriaLabel"/>, so a short visible
+    /// text can sit next to a fuller spoken one.
+    /// </remarks>
+    [Parameter] public string? LastButtonText { get; set; }
+
     /// <summary>
     /// Wraps the next and previous buttons around the ends of the range, so the next button moves from the
     /// last page to the first one and the previous button from the first page to the last one.
@@ -191,6 +298,16 @@ public partial class BitPagination : BitComponentBase
     /// </summary>
     [Parameter] public string? NextButtonIconName { get; set; }
 
+    /// <summary>
+    /// The text rendered beside the icon of the next button.
+    /// </summary>
+    /// <remarks>
+    /// A navigation button carries an icon only unless it is given a text, and it widens to fit the text it
+    /// is given. The accessible name still comes from <see cref="NextButtonAriaLabel"/>, so a short visible
+    /// text can sit next to a fuller spoken one.
+    /// </remarks>
+    [Parameter] public string? NextButtonText { get; set; }
+
     /// <summary>
     /// The event callback for when selected page changes.
     /// </summary>
@@ -200,6 +317,58 @@ public partial class BitPagination : BitComponentBase
     /// </remarks>
     [Parameter] public EventCallback<int> OnChange { get; set; }
 
+    /// <summary>
+    /// The event callback for when the page size is picked out of the page size selector.
+    /// </summary>
+    /// <remarks>
+    /// The callback also runs when <see cref="PageSize"/> is bound one way, and it is where the consumer
+    /// recomputes <see cref="Count"/> from the page size it was handed.
+    /// </remarks>
+    [Parameter] public EventCallback<int> OnPageSizeChange { get; set; }
+
+    /// <summary>
+    /// The number of items a page holds, which the page size selector picks.
+    /// </summary>
+    /// <remarks>
+    /// The pagination only reports the number that was picked: the range of pages it renders still comes from
+    /// <see cref="Count"/>, which the consumer recomputes from the new page size. A value that is not positive
+    /// falls back to the first of the <see cref="PageSizeOptions"/>.
+    /// </remarks>
+    [Parameter, TwoWayBound]
+    public int PageSize { get; set; }
+
+    /// <summary>
+    /// The accessible label of the page size selector.
+    /// <br />
+    /// The default value is <strong>"Items per page"</strong>.
+    /// </summary>
+    /// <remarks>
+    /// It names the selector on its own, so the visible <see cref="PageSizeText"/> beside it can be dropped
+    /// without leaving the selector unnamed.
+    /// </remarks>
+    [Parameter] public string PageSizeAriaLabel { get; set; } = "Items per page";
+
+    /// <summary>
+    /// The page sizes the page size selector offers.
+    /// <br />
+    /// The default value is <strong>10, 25, 50 and 100</strong>.
+    /// </summary>
+    /// <remarks>
+    /// An empty list falls back to the default, since a selector with nothing to pick from would leave the
+    /// page size it reports unreachable.
+    /// </remarks>
+    [Parameter] public IEnumerable<int>? PageSizeOptions { get; set; }
+
+    /// <summary>
+    /// The text rendered ahead of the page size selector.
+    /// <br />
+    /// The default value is <strong>"Items per page"</strong>.
+    /// </summary>
+    /// <remarks>
+    /// An empty text leaves the selector on its own, which is the compact form a narrow layout calls for.
+    /// </remarks>
+    [Parameter] public string? PageSizeText { get; set; } = "Items per page";
+
     /// <summary>
     /// The accessible label of the previous button.
     /// <br />
@@ -223,6 +392,16 @@ public partial class BitPagination : BitComponentBase
     /// </summary>
     [Parameter] public string? PreviousButtonIconName { get; set; }
 
+    /// <summary>
+    /// The text rendered beside the icon of the previous button.
+    /// </summary>
+    /// <remarks>
+    /// A navigation button carries an icon only unless it is given a text, and it widens to fit the text it
+    /// is given. The accessible name still comes from <see cref="PreviousButtonAriaLabel"/>, so a short
+    /// visible text can sit next to a fuller spoken one.
+    /// </remarks>
+    [Parameter] public string? PreviousButtonText { get; set; }
+
     /// <summary>
     /// Renders the buttons of the pagination with fully rounded (circular) corners.
     /// <br />
@@ -246,6 +425,18 @@ public partial class BitPagination : BitComponentBase
     /// </summary>
     [Parameter] public bool ShowFirstButton { get; set; }
 
+    /// <summary>
+    /// Shows an input that jumps straight to the page number typed into it, at the end of the pagination.
+    /// <br />
+    /// The default value is <strong>false</strong>.
+    /// </summary>
+    /// <remarks>
+    /// The jump runs when the input is committed (on Enter, or when it loses the focus) and the input clears
+    /// itself afterwards. A number outside of the range lands on the nearest end of it instead of being
+    /// dropped, so a long range can be reached without knowing where it stops.
+    /// </remarks>
+    [Parameter] public bool ShowGoToPage { get; set; }
+
     /// <summary>
     /// Determines whether to show the last button.
     /// </summary>
@@ -267,6 +458,18 @@ public partial class BitPagination : BitComponentBase
     /// </remarks>
     [Parameter] public bool ShowPageButtons { get; set; } = true;
 
+    /// <summary>
+    /// Shows a selector that picks how many items a page holds, ahead of everything else in the pagination.
+    /// <br />
+    /// The default value is <strong>false</strong>.
+    /// </summary>
+    /// <remarks>
+    /// Picking a size reports it through <see cref="PageSize"/> and <see cref="OnPageSizeChange"/> and changes
+    /// nothing else: the number of pages the new size adds up to is the consumer's to recompute into
+    /// <see cref="Count"/>, and a selected page that falls out of the shrunk range is pulled back on its own.
+    /// </remarks>
+    [Parameter] public bool ShowPageSizeSelector { get; set; }
+
     /// <summary>
     /// Determines whether to show the previous button.
     /// </summary>
@@ -304,6 +507,31 @@ public partial class BitPagination : BitComponentBase
 
 
 
+    /// <summary>
+    /// Gives the keyboard focus to the button of the selected page, falling back to the first navigation
+    /// button that is rendered while the page buttons are turned off.
+    /// </summary>
+    /// <remarks>
+    /// This is what a consumer reloading the list behind the pagination calls to put the focus back on the
+    /// navigation the reload was asked from.
+    /// </remarks>
+    public ValueTask FocusAsync()
+    {
+        if (ShowPageButtons && _pageRefs.TryGetValue(_SelectedPage, out var pageRef)) return pageRef.FocusAsync();
+
+        if (ShowFirstButton) return _firstButtonRef.FocusAsync();
+
+        if (ShowPreviousButton) return _previousButtonRef.FocusAsync();
+
+        if (ShowNextButton) return _nextButtonRef.FocusAsync();
+
+        if (ShowLastButton) return _lastButtonRef.FocusAsync();
+
+        return ValueTask.CompletedTask;
+    }
+
+
+
     protected override string RootElementClass => "bit-pgn";
 
     protected override void RegisterCssClasses()
@@ -356,6 +584,8 @@ protected override async Task OnInitializedAsync()
 
     protected override async Task OnParametersSetAsync()
     {
+        _pageSizeOptions = PageSizeOptions?.ToArray() is { Length: > 0 } options ? options : DefaultPageSizeOptions;
+
         // A selected page that fell outside of the range (a count that shrank under it, or a value that was
         // never inside it) is written back so that the value a consumer is bound to never keeps pointing at a
         // page that does not exist. This runs after every parameter has been applied, so a count and a
@@ -378,6 +608,34 @@ protected override async Task OnParametersSetAsync()
         await base.OnParametersSetAsync();
     }
 
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        // A navigation button that disabled itself by reaching the end of the range it points at drops the
+        // keyboard focus on the document, so the focus is handed over to the control that took its place
+        // (the selected page, or the navigation button pointing the other way) once the new markup is there.
+        if (_focusTarget != FocusTarget.None)
+        {
+            var target = _focusTarget;
+            _focusTarget = FocusTarget.None;
+
+            switch (target)
+            {
+                case FocusTarget.SelectedPage:
+                    if (_pageRefs.TryGetValue(_SelectedPage, out var pageRef))
+                    {
+                        await pageRef.FocusAsync();
+                    }
+                    break;
+                case FocusTarget.First: await _firstButtonRef.FocusAsync(); break;
+                case FocusTarget.Previous: await _previousButtonRef.FocusAsync(); break;
+                case FocusTarget.Next: await _nextButtonRef.FocusAsync(); break;
+                case FocusTarget.Last: await _lastButtonRef.FocusAsync(); break;
+            }
+        }
+
+        await base.OnAfterRenderAsync(firstRender);
+    }
+
 
 
     // There is always at least one page to be on, so a count that is not positive still renders a pagination
@@ -389,10 +647,40 @@ protected override async Task OnParametersSetAsync()
     // pagination with a current page and with the right buttons disabled.
     private int _SelectedPage => Math.Clamp(SelectedPage, 1, _Count);
 
+    // A page size that was never picked falls back to the first of the offered ones, so the selector opens on
+    // a size that is actually one of its options instead of on an empty selection.
+    private int _PageSize => PageSize > 0 ? PageSize : _pageSizeOptions[0];
+
     private int _MiddleCount => MiddleCount > 0 ? MiddleCount : DefaultMiddleCount;
 
     private int _BoundaryCount => BoundaryCount > 0 ? BoundaryCount : DefaultBoundaryCount;
 
+    // The first and last buttons always target a fixed page, so they are the ones the loop leaves alone. The
+    // previous and next buttons only stay enabled at the ends of the range while the loop has somewhere else
+    // to take them, which a range holding a single page does not.
+    private bool _IsFirstDisabled => IsEnabled is false || _SelectedPage == 1;
+
+    private bool _IsPreviousDisabled => IsEnabled is false || (Loop ? _Count == 1 : _SelectedPage == 1);
+
+    private bool _IsNextDisabled => IsEnabled is false || (Loop ? _Count == 1 : _SelectedPage == _Count);
+
+    private bool _IsLastDisabled => IsEnabled is false || _SelectedPage == _Count;
+
+    private int _PreviousPage => Loop && _SelectedPage == 1 ? _Count : _SelectedPage - 1;
+
+    private int _NextPage => Loop && _SelectedPage == _Count ? 1 : _SelectedPage + 1;
+
+    // Every control of the pagination turns into a link at once, so the markup a control renders with never
+    // changes under it while the selection moves along the range.
+    private bool _UseLinks => GetPageHref is not null;
+
+    // A control that cannot be navigated to carries no address at all, which is what keeps it out of the tab
+    // order the way a disabled button is.
+    private string? GetHref(int page, bool disabled)
+    {
+        return disabled ? null : GetPageHref?.Invoke(page);
+    }
+
     private string _VariantClass => Variant switch
     {
         BitVariant.Fill => "bit-pgn-fil",
@@ -413,12 +701,17 @@ private string GetSummaryText()
 
     private int[] GeneratePages()
     {
-        if (_Count <= 4 || _Count <= 2 * _BoundaryCount + _MiddleCount + 2)
+        // The size of the window is worked out in long so that boundary and middle counts big enough to
+        // overflow an int still compare as wider than the count and fall back to spelling every page out.
+        var windowLength = 2L * _BoundaryCount + _MiddleCount + 2;
+
+        if (_Count <= 4 || _Count <= windowLength)
         {
             return Enumerable.Range(1, _Count).ToArray();
         }
 
-        var length = 2 * _BoundaryCount + _MiddleCount + 2;
+        // The window is narrower than the count at this point, so its length fits an int.
+        var length = (int)windowLength;
         var pages = new int[length];
 
         for (var i = 0; i < _BoundaryCount; i++)
@@ -483,4 +776,92 @@ private async Task ChangePage(int page)
         // consumer holding the value itself still hears about the page the user asked for.
         await OnChange.InvokeAsync(page);
     }
+
+    private async Task ChangePageFrom(FocusTarget source, int page)
+    {
+        if (IsEnabled is false) return;
+
+        var target = ResolveFocusTarget(source, Math.Clamp(page, 1, _Count));
+
+        await ChangePage(page);
+
+        // The focus only moves once the page actually changed, so a click that lands on the page already
+        // selected leaves it where the user put it.
+        if (target != FocusTarget.None && _SelectedPage == Math.Clamp(page, 1, _Count))
+        {
+            _focusTarget = target;
+        }
+    }
+
+    // A navigation button is removed from the tab order the moment the page it moved to disables it, and the
+    // focus it was holding goes with it. The page the pagination settles on is the one the focus belongs to,
+    // and the navigation button pointing the other way is what is left to hold it once the page buttons are
+    // turned off.
+    private FocusTarget ResolveFocusTarget(FocusTarget source, int page)
+    {
+        var stillEnabled = source switch
+        {
+            FocusTarget.First => page > 1,
+            FocusTarget.Previous => Loop ? _Count > 1 : page > 1,
+            FocusTarget.Next => Loop ? _Count > 1 : page < _Count,
+            FocusTarget.Last => page < _Count,
+            _ => true
+        };
+
+        if (stillEnabled) return FocusTarget.None;
+
+        if (ShowPageButtons) return FocusTarget.SelectedPage;
+
+        var goingBack = source is FocusTarget.First or FocusTarget.Previous;
+
+        if (goingBack)
+        {
+            if (ShowNextButton && page < _Count) return FocusTarget.Next;
+            if (ShowLastButton && page < _Count) return FocusTarget.Last;
+        }
+        else
+        {
+            if (ShowPreviousButton && page > 1) return FocusTarget.Previous;
+            if (ShowFirstButton && page > 1) return FocusTarget.First;
+        }
+
+        return FocusTarget.None;
+    }
+
+    private async Task HandlePageSizeChange(ChangeEventArgs e)
+    {
+        if (IsEnabled is false) return;
+
+        if (int.TryParse(e.Value?.ToString(), NumberStyles.Integer, CultureInfo.InvariantCulture, out var size) is false) return;
+
+        if (size == _PageSize) return;
+
+        await AssignPageSize(size);
+
+        // The callback runs even when PageSize is bound one way and could not be written back, so that a
+        // consumer holding the value itself still hears about the size the user asked for.
+        await OnPageSizeChange.InvokeAsync(size);
+    }
+
+    private void HandleGoToPageInput(ChangeEventArgs e)
+    {
+        _goToPageText = e.Value?.ToString();
+    }
+
+    private async Task HandleGoToPageChange(ChangeEventArgs e)
+    {
+        _goToPageText = e.Value?.ToString();
+
+        // The input clears itself so that the next jump starts from an empty field instead of from the number
+        // the previous one left behind. Assigning the text first and clearing it after keeps the two values
+        // different, which is what makes the rendered input follow.
+        var text = _goToPageText;
+        _goToPageText = string.Empty;
+
+        if (int.TryParse(text, NumberStyles.Integer, CultureInfo.InvariantCulture, out var page) is false) return;
+
+        // A number outside of the range lands on the nearest end of it, since a jump past the last page is a
+        // request for the last page and not a typing mistake worth dropping.
+        await ChangePage(page);
+    }
 }
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.scss b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.scss
index 04d22578c8d..fbf97d13a53 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.scss
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPagination.scss
@@ -79,12 +79,71 @@
     height: var(--bit-pgn-btn-size);
 }
 
+// The jump sits on the same baseline as the buttons. Its input keeps the neutral surface of a text input
+// rather than the role color of the buttons, so the digits typed into it stay readable whichever color and
+// variant the pagination is rendered with.
+.bit-pgn-gtp,
+.bit-pgn-pss {
+    display: flex;
+    font-size: inherit;
+    align-items: center;
+    white-space: nowrap;
+    gap: spacing(0.5);
+    padding: 0 spacing(0.5);
+    height: var(--bit-pgn-btn-size);
+}
+
+.bit-pgn-gti,
+.bit-pgn-pse {
+    font: inherit;
+    color: $clr-fg-pri;
+    background: $clr-bg-sec;
+    padding: 0 spacing(0.5);
+    height: var(--bit-pgn-btn-size);
+    border-style: $shp-border-style;
+    border-width: $shp-border-width;
+    border-color: $clr-brd-sec;
+    border-radius: $shp-radius-control;
+
+    &:focus-visible {
+        z-index: 1;
+        @include focus-ring(var(--bit-pgn-clr-fcs, #{$clr-pri-focus}));
+    }
+
+    &[disabled] {
+        cursor: default;
+        pointer-events: none;
+        color: $clr-fg-dis;
+        background: $clr-bg-dis;
+        border-color: $clr-brd-dis;
+    }
+}
+
+// The spin buttons are dropped: the field is a jump to a page and not a value to step through, and they
+// would leave next to no room for the digits at the width the pagination gives it.
+.bit-pgn-gti {
+    text-align: center;
+    appearance: textfield;
+    width: calc(var(--bit-pgn-btn-size) * 1.75);
+
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+        margin: 0;
+        appearance: none;
+    }
+}
+
+.bit-pgn-pse {
+    cursor: pointer;
+}
+
 .bit-pgn-btn {
     cursor: pointer;
     text-align: center;
     font-size: inherit;
     align-items: center;
     display: inline-flex;
+    text-decoration: none;
     justify-content: center;
     width: var(--bit-pgn-btn-size);
     height: var(--bit-pgn-btn-size);
@@ -114,7 +173,10 @@
         @include focus-ring(var(--bit-pgn-clr-fcs, #{$clr-pri-focus}));
     }
 
-    &[disabled] {
+    // A link has no disabled attribute of its own, so a page control it cannot reach reports aria-disabled
+    // and is painted (and made inert) by the same rule.
+    &[disabled],
+    &[aria-disabled="true"] {
         cursor: default;
         pointer-events: none;
         color: var(--bit-pgn-clr-btn-txt-dis);
@@ -123,6 +185,15 @@
     }
 }
 
+// A navigation button carrying a text is no longer a square: it keeps the height of the others and grows
+// along the text, with the icon and the text sharing the room the way a labelled button does.
+.bit-pgn-lbl {
+    width: auto;
+    gap: spacing(0.5);
+    min-width: var(--bit-pgn-btn-size);
+    padding: 0 spacing(1);
+}
+
 .bit-pgn-sel {
     color: var(--bit-pgn-clr-btn-sel-txt);
     border-color: var(--bit-pgn-clr-btn-sel-brd);
@@ -151,6 +222,12 @@
     .bit-pgn-elp {
         border-radius: 50%;
     }
+
+    // A navigation button carrying a text is wider than it is tall, where a 50% radius would draw an
+    // ellipse instead of the pill the round shape asks for.
+    .bit-pgn-lbl {
+        border-radius: calc(var(--bit-pgn-btn-size) / 2);
+    }
 }
 
 
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPaginationClassStyles.cs b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPaginationClassStyles.cs
index 0896f39d000..cd8e5697ebf 100644
--- a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPaginationClassStyles.cs
+++ b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Pagination/BitPaginationClassStyles.cs
@@ -7,11 +7,41 @@ public class BitPaginationClassStyles
     /// </summary>
     public string? Root { get; set; }
 
+    /// <summary>
+    /// Custom CSS classes/styles for the page size selector container of the BitPagination.
+    /// </summary>
+    public string? PageSizeSelector { get; set; }
+
+    /// <summary>
+    /// Custom CSS classes/styles for the page size label of the BitPagination.
+    /// </summary>
+    public string? PageSizeLabel { get; set; }
+
+    /// <summary>
+    /// Custom CSS classes/styles for the page size select of the BitPagination.
+    /// </summary>
+    public string? PageSizeSelect { get; set; }
+
     /// <summary>
     /// Custom CSS classes/styles for the summary of the BitPagination.
     /// </summary>
     public string? Summary { get; set; }
 
+    /// <summary>
+    /// Custom CSS classes/styles for the go to page container of the BitPagination.
+    /// </summary>
+    public string? GoToPage { get; set; }
+
+    /// <summary>
+    /// Custom CSS classes/styles for the go to page label of the BitPagination.
+    /// </summary>
+    public string? GoToPageLabel { get; set; }
+
+    /// <summary>
+    /// Custom CSS classes/styles for the go to page input of the BitPagination.
+    /// </summary>
+    public string? GoToPageInput { get; set; }
+
     /// <summary>
     /// Custom CSS classes/styles for the button of the BitPagination.
     /// </summary>
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor
index 58cdd3c4fda..c4268101e16 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor
@@ -5,7 +5,7 @@
             Description="Pagination component helps users easily navigate through content, allowing swift browsing across multiple pages or sections." />
 
 <DemoPage Name="Pagination"
-          Description="Pagination splits long content into pages and renders the navigation to move between them: a range of page buttons that collapses into ellipses when the pages do not fit, optional first, previous, next and last buttons, one-way and two-way binding of the selected page, and a navigation landmark that names every control for assistive technologies."
+          Description="Pagination splits long content into pages and renders the navigation to move between them: a range of page buttons that collapses into ellipses when the pages do not fit, optional first, previous, next and last buttons, a position summary, a page size selector and a jump straight to a page number, controls that render as buttons or as links, one-way and two-way binding of the selected page, and a navigation landmark that names every control for assistive technologies."
           Parameters="componentParameters"
           SubEnums="componentSubEnums"
           SubClasses="componentSubClasses"
@@ -50,7 +50,18 @@
         <BitPagination Count="20" MiddleCount="5" BoundaryCount="1" DefaultSelectedPage="10" />
     </DemoExample>
 
-    <DemoExample Title="Navigation buttons" RazorCode="@example6RazorCode" Id="example6">
+    <DemoExample Title="Ellipsis" RazorCode="@example6RazorCode" Id="example6">
+        <div>
+            <b>EllipsisText</b> replaces the glyph standing in for the pages that are collapsed out of the range, and <b>EllipsisAriaLabel</b> the name it is announced with.
+            The glyph itself is hidden from assistive technologies, so the gap is reported as one named item instead of being read out as a run of punctuation.
+        </div>
+        <br />
+        <BitPagination Count="24" EllipsisText="..." DefaultSelectedPage="12" />
+        <br /><br />
+        <BitPagination Count="24" EllipsisText="⋯" EllipsisAriaLabel="Hidden pages" DefaultSelectedPage="12" />
+    </DemoExample>
+
+    <DemoExample Title="Navigation buttons" RazorCode="@example7RazorCode" Id="example7">
         <div>
             Beside the previous and next buttons, which are shown by default, <b>ShowFirstButton</b> and <b>ShowLastButton</b> add the jumps to the two ends of the range.
             Each of the four can be turned off on its own through <b>ShowPreviousButton</b> and <b>ShowNextButton</b>.
@@ -63,7 +74,28 @@
         <BitPagination Count="24" ShowFirstButton ShowLastButton ShowNextButton="false" ShowPreviousButton="false" />
     </DemoExample>
 
-    <DemoExample Title="Compact" RazorCode="@example7RazorCode" Id="example7">
+    <DemoExample Title="Button labels" RazorCode="@example8RazorCode" Id="example8">
+        <div>
+            <b>FirstButtonText</b>, <b>PreviousButtonText</b>, <b>NextButtonText</b> and <b>LastButtonText</b> put a text beside the icon of a navigation button, which widens to fit it.
+            The spoken name still comes from the matching <b>AriaLabel</b> parameter, so a short visible text can sit next to a fuller one for a screen reader.
+        </div>
+        <br />
+        <BitPagination Count="12" PreviousButtonText="Previous" NextButtonText="Next" DefaultSelectedPage="5" />
+        <br /><br />
+        <BitPagination Count="12"
+                       Rounded
+                       ShowFirstButton
+                       ShowLastButton
+                       FirstButtonText="First"
+                       LastButtonText="Last"
+                       ShowPageButtons="false"
+                       PreviousButtonText="Previous"
+                       NextButtonText="Next"
+                       Variant="BitVariant.Outline"
+                       DefaultSelectedPage="5" />
+    </DemoExample>
+
+    <DemoExample Title="Compact" RazorCode="@example9RazorCode" Id="example9">
         <div>
             <b>ShowPageButtons</b> turns the numeric page buttons off and leaves only the navigation buttons, which is the compact pagination a narrow layout calls for,
             or an unbounded result set where the number of pages is not worth spelling out.
@@ -74,13 +106,13 @@
         <BitPagination Count="24" ShowPageButtons="false" ShowFirstButton ShowLastButton DefaultSelectedPage="12" />
     </DemoExample>
 
-    <DemoExample Title="Summary" RazorCode="@example8RazorCode" CsharpCode="@example8CsharpCode" Id="example8">
+    <DemoExample Title="Summary" RazorCode="@example10RazorCode" CsharpCode="@example10CsharpCode" Id="example10">
         <div>
             <b>ShowSummary</b> puts the position in the range ahead of the buttons, reading <i>"Page {number} of {count}"</i>, and <b>GetSummary</b> replaces that text from the selected page and the total number of pages,
             which is the hook to localize it or to count the items rather than the pages.
         </div>
         <div>
-            The summary is a status region, so a screen reader reports the new position as the page changes. That makes it the piece to pair with <BitLink Href="#example7">ShowPageButtons</BitLink> turned off,
+            The summary is a status region, so a screen reader reports the new position as the page changes. That makes it the piece to pair with <BitLink Href="#example9">ShowPageButtons</BitLink> turned off,
             where nothing else says which page of how many is the current one.
         </div>
         <br /><br />
@@ -91,16 +123,51 @@
         <BitPagination Count="24" ShowSummary ShowPageButtons="false" GetSummary="@GetItemsRangeSummary" DefaultSelectedPage="3" />
     </DemoExample>
 
-    <DemoExample Title="Loop" RazorCode="@example9RazorCode" Id="example9">
+    <DemoExample Title="Page size" RazorCode="@example11RazorCode" CsharpCode="@example11CsharpCode" Id="example11">
+        <div>
+            <b>ShowPageSizeSelector</b> opens the pagination with a selector of how many items a page holds, picked out of <b>PageSizeOptions</b> (10, 25, 50 and 100 by default).
+            Picking a size reports it through the two-way bound <b>PageSize</b> and through <b>OnPageSizeChange</b>, and changes nothing else: the number of pages the new size adds up to is yours to recompute into <b>Count</b>.
+            A selected page that falls out of the shrunk range is pulled back on its own.
+        </div>
+        <div>
+            <b>PageSizeText</b> is the visible text ahead of the selector and can be dropped, since <b>PageSizeAriaLabel</b> names it on its own.
+        </div>
+        <br /><br />
+        <BitPagination ShowSummary
+                       ShowPageSizeSelector
+                       Count="@pageSizeCount"
+                       PageSizeOptions="@([10, 20, 50])"
+                       @bind-PageSize="selectedPageSize"
+                       @bind-SelectedPage="pageSizeSelectedPage"
+                       GetSummary="@GetPageSizeSummary" />
+        <br /><br />
+        <div>Page size: <b>@selectedPageSize</b>, page: <b>@pageSizeSelectedPage</b> of <b>@pageSizeCount</b></div>
+    </DemoExample>
+
+    <DemoExample Title="Go to page" RazorCode="@example12RazorCode" Id="example12">
+        <div>
+            <b>ShowGoToPage</b> closes the pagination with an input that jumps straight to the page number typed into it, which is the shortcut a long range needs.
+            The jump runs when the input is committed (on Enter, or when it loses the focus) and a number past the ends of the range lands on the nearest one.
+        </div>
+        <div>
+            <b>GoToPageText</b> is the visible text ahead of the input and can be dropped, since <b>GoToPageAriaLabel</b> names the input on its own.
+        </div>
+        <br /><br />
+        <BitPagination Count="24" ShowGoToPage DefaultSelectedPage="4" />
+        <br /><br />
+        <BitPagination Count="24" ShowGoToPage GoToPageText="" ShowSummary ShowPageButtons="false" ShowFirstButton ShowLastButton DefaultSelectedPage="4" />
+    </DemoExample>
+
+    <DemoExample Title="Loop" RazorCode="@example13RazorCode" Id="example13">
         <div>
             <b>Loop</b> wraps the previous and next buttons around the ends of the range: the next button moves from the last page back to the first one and the previous button from the first page to the last one.
-            Both buttons also stay enabled at the ends while it is on. The first and last buttons are unaffected, since they always target a fixed page.
+            Both buttons also stay enabled at the ends while it is on, unless the range holds a single page and there is nowhere to wrap to. The first and last buttons are unaffected, since they always target a fixed page.
         </div>
         <br />
         <BitPagination Count="5" Loop />
     </DemoExample>
 
-    <DemoExample Title="Hide on single page" RazorCode="@example10RazorCode" Id="example10">
+    <DemoExample Title="Hide on single page" RazorCode="@example14RazorCode" Id="example14">
         <div><b>HideOnSinglePage</b> renders nothing at all while there is a single page to navigate, so a short result set is not left with navigation that cannot go anywhere.</div>
         <br />
         <BitPagination Count="1" HideOnSinglePage />
@@ -109,7 +176,7 @@
         <BitPagination Count="3" HideOnSinglePage />
     </DemoExample>
 
-    <DemoExample Title="Icon" RazorCode="@example11RazorCode" Id="example11">
+    <DemoExample Title="Icon" RazorCode="@example15RazorCode" Id="example15">
         <div>Each navigation button takes its own built-in icon through the <b>IconName</b> parameters, replacing the default chevrons.</div>
         <br />
         <BitPagination Count="5"
@@ -121,7 +188,7 @@
                        LastButtonIconName="@BitIconName.DoubleChevronRight" />
     </DemoExample>
 
-    <DemoExample Title="Rounded" RazorCode="@example12RazorCode" Id="example12">
+    <DemoExample Title="Rounded" RazorCode="@example16RazorCode" Id="example16">
         <div><b>Rounded</b> renders the buttons (and the ellipses standing between them) as circles instead of the default rounded rectangles.</div>
         <br /><br />
         <BitPagination Count="9" Rounded ShowFirstButton ShowLastButton DefaultSelectedPage="5" />
@@ -131,7 +198,7 @@
         <BitPagination Count="9" Rounded Variant="BitVariant.Text" DefaultSelectedPage="5" />
     </DemoExample>
 
-    <DemoExample Title="Binding" RazorCode="@example13RazorCode" CsharpCode="@example13CsharpCode" Id="example13">
+    <DemoExample Title="Binding" RazorCode="@example17RazorCode" CsharpCode="@example17CsharpCode" Id="example17">
         <div>
             With <b>@(nameof(BitPagination.SelectedPage))</b> bound one way the pagination only renders the page you hand it and never changes it on its own, so the clicks reach you through <b>OnChange</b> and it is up to you to apply them.
             Binding it two way lets the pagination keep the value in sync by itself. <b>OnChange</b> runs in both cases, and only for a page the user actually asked for.
@@ -158,7 +225,26 @@
         </div>
     </DemoExample>
 
-    <DemoExample Title="Accessibility" RazorCode="@example14RazorCode" CsharpCode="@example14CsharpCode" Id="example14">
+    <DemoExample Title="Links" RazorCode="@example18RazorCode" CsharpCode="@example18CsharpCode" Id="example18">
+        <div>
+            <b>GetPageHref</b> gives every control the address of the page it points at, which turns the whole pagination into links instead of buttons, so the range can be crawled, opened in another tab, or bookmarked.
+            The four navigation controls ask for the address of the page they move to, so they turn into links along with the numeric ones.
+        </div>
+        <div>
+            A control with no page to reach — one at the end of the range it navigates, one the pagination is disabled for, or one <b>GetPageHref</b> returns nothing for — keeps its place while reporting <code>aria-disabled</code> and staying out of the tab order.
+            The click still reaches <b>OnChange</b> and <b>SelectedPage</b>, so a pagination of links reports the page that was asked for exactly like a pagination of buttons.
+        </div>
+        <br /><br />
+        <BitPagination Count="8"
+                       ShowFirstButton
+                       ShowLastButton
+                       GetPageHref="@GetDemoPageHref"
+                       @bind-SelectedPage="linkSelectedPage" />
+        <br /><br />
+        <div>Selected page: <b>@linkSelectedPage</b></div>
+    </DemoExample>
+
+    <DemoExample Title="Accessibility" RazorCode="@example19RazorCode" CsharpCode="@example19CsharpCode" Id="example19">
         <div>
             The pagination renders as a navigation landmark holding a list of page buttons, and marks the selected page with <code>aria-current="page"</code>.
             Give it a name through <b>AriaLabel</b> whenever more than one pagination shares a page, so each of them can be told apart in the landmark list.
@@ -167,6 +253,11 @@
             The navigation buttons carry no text, so each of them takes its accessible name (used as its tooltip as well) from
             <b>FirstButtonAriaLabel</b>, <b>PreviousButtonAriaLabel</b>, <b>NextButtonAriaLabel</b> and <b>LastButtonAriaLabel</b>.
             <b>GetPageAriaLabel</b> replaces the default <i>"Page {number}"</i> label of a page button from its number and whether it is the selected one, which is the hook to localize them or to say what the page holds.
+            <b>EllipsisAriaLabel</b> and <b>GoToPageAriaLabel</b> name the collapsed range and the jump input the same way.
+        </div>
+        <div>
+            A navigation button that reaches the end of the range it points at disables itself, which would drop the keyboard focus on the document. The focus is handed over to the page the pagination settled on instead,
+            or to the navigation button pointing the other way while the page buttons are turned off, so a keyboard walk through the range never loses its place.
         </div>
         <br /><br />
         <BitPagination Count="12"
@@ -181,7 +272,7 @@
                        GetPageAriaLabel="@GetResultsRangeLabel" />
     </DemoExample>
 
-    <DemoExample Title="Color" RazorCode="@example15RazorCode" Id="example15">
+    <DemoExample Title="Color" RazorCode="@example20RazorCode" Id="example20">
         <div>Offering a range of specialized color variants, providing visual cues for specific actions or states within your application.</div>
         <br /><br />
         <div>Primary</div><br />
@@ -299,7 +390,7 @@
         <BitPagination IsEnabled="false" Count="5" Color="BitColor.Error" Variant="BitVariant.Text" />
     </DemoExample>
 
-    <DemoExample Title="External Icons" RazorCode="@example16RazorCode" Id="example16">
+    <DemoExample Title="External Icons" RazorCode="@example21RazorCode" Id="example21">
         <div>Use icons from external libraries like FontAwesome and Bootstrap Icons with the navigation button <b>Icon</b> parameters.</div>
         <div>See the <BitLink Href="#bit-icon-info">BitIconInfo</BitLink> section in the parameters table for usage.</div>
 
@@ -347,7 +438,7 @@
                        LastButtonIcon="@BitIconInfo.Css("bi bi-skip-end-fill")" />
     </DemoExample>
 
-    <DemoExample Title="Size" RazorCode="@example17RazorCode" Id="example17">
+    <DemoExample Title="Size" RazorCode="@example22RazorCode" Id="example22">
         <div>Varying sizes for paginations tailored to meet diverse design needs, ensuring flexibility and visual hierarchy within your interface.</div>
         <br /><br />
         <div>Small</div><br />
@@ -372,7 +463,7 @@
         <BitPagination Count="5" Size="BitSize.Large" Variant="BitVariant.Outline" />
     </DemoExample>
 
-    <DemoExample Title="Style & Class" RazorCode="@example18RazorCode" Id="example18">
+    <DemoExample Title="Style & Class" RazorCode="@example23RazorCode" Id="example23">
         <div>Empower customization by overriding default styles and classes, allowing tailored design modifications to suit specific UI requirements.</div>
         <br /><br />
         <div>
@@ -399,7 +490,7 @@
         </div>
     </DemoExample>
 
-    <DemoExample Title="RTL" RazorCode="@example19RazorCode" Id="example19">
+    <DemoExample Title="RTL" RazorCode="@example24RazorCode" Id="example24">
         <div>Use BitPagination in right-to-left (RTL). The chevrons of the navigation buttons are mirrored along with the layout, so the next button keeps pointing at the direction the reading goes.</div>
         <br /><br />
         <div dir="rtl">
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.cs b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.cs
index ebe6e93d82e..5a90ec9ce18 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.cs
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.cs
@@ -44,6 +44,20 @@ public partial class BitPaginationDemo
             Description = "The default selected page number."
         },
         new()
+        {
+            Name = "EllipsisAriaLabel",
+            Type = "string",
+            DefaultValue = "\"More pages\"",
+            Description = "The accessible label of the item standing in for the pages an ellipsis collapses. The glyph itself is hidden from assistive technologies and this label is announced in its place."
+        },
+        new()
+        {
+            Name = "EllipsisText",
+            Type = "string",
+            DefaultValue = "\"•••\"",
+            Description = "The text of the ellipsis standing in for the pages that are collapsed out of the range."
+        },
+        new()
         {
             Name = "FirstButtonAriaLabel",
             Type = "string",
@@ -69,6 +83,13 @@ public partial class BitPaginationDemo
             Href = "https://blazorui.bitplatform.dev/iconography",
         },
         new()
+        {
+            Name = "FirstButtonText",
+            Type = "string?",
+            DefaultValue = "null",
+            Description = "The text rendered beside the icon of the first button, which widens to fit it. The accessible name still comes from FirstButtonAriaLabel."
+        },
+        new()
         {
             Name = "GetPageAriaLabel",
             Type = "Func<int, bool, string>?",
@@ -76,6 +97,13 @@ public partial class BitPaginationDemo
             Description = "Provides the accessible label of a page button, from its one-based number and whether it is the selected one, replacing the default \"Page {number}\" label."
         },
         new()
+        {
+            Name = "GetPageHref",
+            Type = "Func<int, string?>?",
+            DefaultValue = "null",
+            Description = "Provides the address a page control points at, from its one-based number, which turns every control of the pagination into a link instead of a button. A control with no address to point at reports aria-disabled and stays out of the tab order."
+        },
+        new()
         {
             Name = "GetSummary",
             Type = "Func<int, int, string>?",
@@ -83,6 +111,20 @@ public partial class BitPaginationDemo
             Description = "Provides the text of the summary, from the selected page and the total number of pages, replacing the default \"Page {number} of {count}\" text."
         },
         new()
+        {
+            Name = "GoToPageAriaLabel",
+            Type = "string",
+            DefaultValue = "\"Go to page\"",
+            Description = "The accessible label of the go to page input, which names it on its own so the visible GoToPageText beside it can be dropped."
+        },
+        new()
+        {
+            Name = "GoToPageText",
+            Type = "string?",
+            DefaultValue = "\"Go to\"",
+            Description = "The text rendered ahead of the go to page input. An empty text leaves the input on its own."
+        },
+        new()
         {
             Name = "HideOnSinglePage",
             Type = "bool",
@@ -115,6 +157,13 @@ public partial class BitPaginationDemo
             Href = "https://blazorui.bitplatform.dev/iconography",
         },
         new()
+        {
+            Name = "LastButtonText",
+            Type = "string?",
+            DefaultValue = "null",
+            Description = "The text rendered beside the icon of the last button, which widens to fit it. The accessible name still comes from LastButtonAriaLabel."
+        },
+        new()
         {
             Name = "Loop",
             Type = "bool",
@@ -154,6 +203,13 @@ public partial class BitPaginationDemo
             Href = "https://blazorui.bitplatform.dev/iconography",
         },
         new()
+        {
+            Name = "NextButtonText",
+            Type = "string?",
+            DefaultValue = "null",
+            Description = "The text rendered beside the icon of the next button, which widens to fit it. The accessible name still comes from NextButtonAriaLabel."
+        },
+        new()
         {
             Name = "OnChange",
             Type = "EventCallback<int>",
@@ -161,6 +217,41 @@ public partial class BitPaginationDemo
             Description = "The event callback for when selected page changes. It also runs when SelectedPage is bound one way."
         },
         new()
+        {
+            Name = "OnPageSizeChange",
+            Type = "EventCallback<int>",
+            DefaultValue = "null",
+            Description = "The event callback for when the page size is picked out of the page size selector. It also runs when PageSize is bound one way, and it is where Count is recomputed from the new page size."
+        },
+        new()
+        {
+            Name = "PageSize",
+            Type = "int",
+            DefaultValue = "0",
+            Description = "The number of items a page holds, which the page size selector picks. A value that is not positive falls back to the first of the PageSizeOptions."
+        },
+        new()
+        {
+            Name = "PageSizeAriaLabel",
+            Type = "string",
+            DefaultValue = "\"Items per page\"",
+            Description = "The accessible label of the page size selector, which names it on its own so the visible PageSizeText beside it can be dropped."
+        },
+        new()
+        {
+            Name = "PageSizeOptions",
+            Type = "IEnumerable<int>?",
+            DefaultValue = "null",
+            Description = "The page sizes the page size selector offers. An empty list falls back to the default 10, 25, 50 and 100."
+        },
+        new()
+        {
+            Name = "PageSizeText",
+            Type = "string?",
+            DefaultValue = "\"Items per page\"",
+            Description = "The text rendered ahead of the page size selector. An empty text leaves the selector on its own."
+        },
+        new()
         {
             Name = "PreviousButtonAriaLabel",
             Type = "string",
@@ -186,6 +277,13 @@ public partial class BitPaginationDemo
             Href = "https://blazorui.bitplatform.dev/iconography",
         },
         new()
+        {
+            Name = "PreviousButtonText",
+            Type = "string?",
+            DefaultValue = "null",
+            Description = "The text rendered beside the icon of the previous button, which widens to fit it. The accessible name still comes from PreviousButtonAriaLabel."
+        },
+        new()
         {
             Name = "Rounded",
             Type = "bool",
@@ -207,6 +305,13 @@ public partial class BitPaginationDemo
             Description = "Determines whether to show the first button."
         },
         new()
+        {
+            Name = "ShowGoToPage",
+            Type = "bool",
+            DefaultValue = "false",
+            Description = "Shows an input that jumps straight to the page number typed into it, at the end of the pagination. The jump runs when the input is committed and a number outside of the range lands on the nearest end of it."
+        },
+        new()
         {
             Name = "ShowLastButton",
             Type = "bool",
@@ -228,6 +333,13 @@ public partial class BitPaginationDemo
             Description = "Determines whether to show the numeric page buttons. Turning them off leaves a compact pagination made of the navigation buttons only."
         },
         new()
+        {
+            Name = "ShowPageSizeSelector",
+            Type = "bool",
+            DefaultValue = "false",
+            Description = "Shows a selector that picks how many items a page holds, ahead of everything else in the pagination. Picking a size reports it through PageSize and OnPageSizeChange and changes nothing else."
+        },
+        new()
         {
             Name = "ShowPreviousButton",
             Type = "bool",
@@ -430,6 +542,27 @@ public partial class BitPaginationDemo
                     Description = "Custom CSS classes/styles for the root element of the BitPagination."
                 },
                 new()
+                {
+                    Name = "PageSizeSelector",
+                    Type = "string?",
+                    DefaultValue = "null",
+                    Description = "Custom CSS classes/styles for the page size selector container of the BitPagination."
+                },
+                new()
+                {
+                    Name = "PageSizeLabel",
+                    Type = "string?",
+                    DefaultValue = "null",
+                    Description = "Custom CSS classes/styles for the page size label of the BitPagination."
+                },
+                new()
+                {
+                    Name = "PageSizeSelect",
+                    Type = "string?",
+                    DefaultValue = "null",
+                    Description = "Custom CSS classes/styles for the page size select of the BitPagination."
+                },
+                new()
                 {
                     Name = "Summary",
                     Type = "string?",
@@ -437,6 +570,27 @@ public partial class BitPaginationDemo
                     Description = "Custom CSS classes/styles for the summary of the BitPagination."
                 },
                 new()
+                {
+                    Name = "GoToPage",
+                    Type = "string?",
+                    DefaultValue = "null",
+                    Description = "Custom CSS classes/styles for the go to page container of the BitPagination."
+                },
+                new()
+                {
+                    Name = "GoToPageLabel",
+                    Type = "string?",
+                    DefaultValue = "null",
+                    Description = "Custom CSS classes/styles for the go to page label of the BitPagination."
+                },
+                new()
+                {
+                    Name = "GoToPageInput",
+                    Type = "string?",
+                    DefaultValue = "null",
+                    Description = "Custom CSS classes/styles for the go to page input of the BitPagination."
+                },
+                new()
                 {
                     Name = "Button",
                     Type = "string?",
@@ -519,6 +673,23 @@ public partial class BitPaginationDemo
 
 
 
+    private const int totalItems = 240;
+    private int selectedPageSize = 10;
+    private int pageSizeSelectedPage = 1;
+    private int pageSizeCount => (int)Math.Ceiling(totalItems / (double)selectedPageSize);
+
+    private string GetPageSizeSummary(int page, int count)
+    {
+        return $"Showing {(page - 1) * selectedPageSize + 1} to {Math.Min(page * selectedPageSize, totalItems)} of {totalItems}";
+    }
+
+    private int linkSelectedPage = 1;
+
+    private string GetDemoPageHref(int page)
+    {
+        return $"#example18-page-{page}";
+    }
+
     private int oneWaySelectedPage = 1;
     private int twoWaySelectedPage = 2;
     private int onChangeSelectedPage = 3;
diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.samples.cs b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.samples.cs
index 38c6da48c6b..a487f1e7a82 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.samples.cs
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/Pagination/BitPaginationDemo.razor.samples.cs
@@ -22,36 +22,82 @@ public partial class BitPaginationDemo
 <BitPagination Count=""20"" MiddleCount=""5"" BoundaryCount=""1"" DefaultSelectedPage=""10"" />";
 
     private readonly string example6RazorCode = @"
+<BitPagination Count=""24"" EllipsisText=""..."" DefaultSelectedPage=""12"" />
+
+<BitPagination Count=""24"" EllipsisText=""⋯"" EllipsisAriaLabel=""Hidden pages"" DefaultSelectedPage=""12"" />";
+
+    private readonly string example7RazorCode = @"
 <BitPagination Count=""24"" ShowFirstButton ShowLastButton />
 
 <BitPagination Count=""24"" ShowFirstButton ShowLastButton ShowNextButton=""false"" ShowPreviousButton=""false"" />";
 
-    private readonly string example7RazorCode = @"
+    private readonly string example8RazorCode = @"
+<BitPagination Count=""12"" PreviousButtonText=""Previous"" NextButtonText=""Next"" DefaultSelectedPage=""5"" />
+
+<BitPagination Count=""12""
+               Rounded
+               ShowFirstButton
+               ShowLastButton
+               FirstButtonText=""First""
+               LastButtonText=""Last""
+               ShowPageButtons=""false""
+               PreviousButtonText=""Previous""
+               NextButtonText=""Next""
+               Variant=""BitVariant.Outline""
+               DefaultSelectedPage=""5"" />";
+
+    private readonly string example9RazorCode = @"
 <BitPagination Count=""24"" ShowPageButtons=""false"" />
 
 <BitPagination Count=""24"" ShowPageButtons=""false"" ShowFirstButton ShowLastButton DefaultSelectedPage=""12"" />";
 
-    private readonly string example8RazorCode = @"
+    private readonly string example10RazorCode = @"
 <BitPagination Count=""12"" ShowSummary DefaultSelectedPage=""4"" />
 
 <BitPagination Count=""12"" ShowSummary ShowPageButtons=""false"" ShowFirstButton ShowLastButton DefaultSelectedPage=""4"" />
 
 <BitPagination Count=""24"" ShowSummary ShowPageButtons=""false"" GetSummary=""@GetItemsRangeSummary"" DefaultSelectedPage=""3"" />";
-    private readonly string example8CsharpCode = @"
+    private readonly string example10CsharpCode = @"
 private string GetItemsRangeSummary(int page, int count)
 {
     return $""Showing {(page - 1) * 10 + 1} to {page * 10} of {count * 10} results"";
 }";
 
-    private readonly string example9RazorCode = @"
+    private readonly string example11RazorCode = @"
+<BitPagination ShowSummary
+               ShowPageSizeSelector
+               Count=""@pageSizeCount""
+               PageSizeOptions=""@([10, 20, 50])""
+               @bind-PageSize=""selectedPageSize""
+               @bind-SelectedPage=""pageSizeSelectedPage""
+               GetSummary=""@GetPageSizeSummary"" />
+
+<div>Page size: <b>@selectedPageSize</b>, page: <b>@pageSizeSelectedPage</b> of <b>@pageSizeCount</b></div>";
+    private readonly string example11CsharpCode = @"
+private const int totalItems = 240;
+private int selectedPageSize = 10;
+private int pageSizeSelectedPage = 1;
+private int pageSizeCount => (int)Math.Ceiling(totalItems / (double)selectedPageSize);
+
+private string GetPageSizeSummary(int page, int count)
+{
+    return $""Showing {(page - 1) * selectedPageSize + 1} to {Math.Min(page * selectedPageSize, totalItems)} of {totalItems}"";
+}";
+
+    private readonly string example12RazorCode = @"
+<BitPagination Count=""24"" ShowGoToPage DefaultSelectedPage=""4"" />
+
+<BitPagination Count=""24"" ShowGoToPage GoToPageText="""" ShowSummary ShowPageButtons=""false"" ShowFirstButton ShowLastButton DefaultSelectedPage=""4"" />";
+
+    private readonly string example13RazorCode = @"
 <BitPagination Count=""5"" Loop />";
 
-    private readonly string example10RazorCode = @"
+    private readonly string example14RazorCode = @"
 <BitPagination Count=""1"" HideOnSinglePage />
 
 <BitPagination Count=""3"" HideOnSinglePage />";
 
-    private readonly string example11RazorCode = @"
+    private readonly string example15RazorCode = @"
 <BitPagination Count=""5""
                ShowFirstButton
                ShowLastButton
@@ -60,14 +106,14 @@ private string GetItemsRangeSummary(int page, int count)
                FirstButtonIconName=""@BitIconName.DoubleChevronLeft""
                LastButtonIconName=""@BitIconName.DoubleChevronRight"" />";
 
-    private readonly string example12RazorCode = @"
+    private readonly string example16RazorCode = @"
 <BitPagination Count=""9"" Rounded ShowFirstButton ShowLastButton DefaultSelectedPage=""5"" />
 
 <BitPagination Count=""9"" Rounded Variant=""BitVariant.Outline"" DefaultSelectedPage=""5"" />
 
 <BitPagination Count=""9"" Rounded Variant=""BitVariant.Text"" DefaultSelectedPage=""5"" />";
 
-    private readonly string example13RazorCode = @"
+    private readonly string example17RazorCode = @"
 <BitPagination Count=""5"" SelectedPage=""oneWaySelectedPage"" />
 <BitNumberField @bind-Value=""oneWaySelectedPage"" Min=""1"" Max=""5"" />
 
@@ -76,12 +122,28 @@ private string GetItemsRangeSummary(int page, int count)
 
 <BitPagination Count=""5"" OnChange=""p => onChangeSelectedPage = p"" />
 <div>Changed page: <b>@onChangeSelectedPage</b></div>";
-    private readonly string example13CsharpCode = @"
+    private readonly string example17CsharpCode = @"
 private int oneWaySelectedPage = 1;
 private int twoWaySelectedPage = 2;
 private int onChangeSelectedPage = 3;";
 
-    private readonly string example14RazorCode = @"
+    private readonly string example18RazorCode = @"
+<BitPagination Count=""8""
+               ShowFirstButton
+               ShowLastButton
+               GetPageHref=""@GetDemoPageHref""
+               @bind-SelectedPage=""linkSelectedPage"" />
+
+<div>Selected page: <b>@linkSelectedPage</b></div>";
+    private readonly string example18CsharpCode = @"
+private int linkSelectedPage = 1;
+
+private string GetDemoPageHref(int page)
+{
+    return $""#example18-page-{page}"";
+}";
+
+    private readonly string example19RazorCode = @"
 <BitPagination Count=""12""
                ShowFirstButton
                ShowLastButton
@@ -92,13 +154,13 @@ private string GetItemsRangeSummary(int page, int count)
                NextButtonAriaLabel=""Go to the next page""
                PreviousButtonAriaLabel=""Go to the previous page""
                GetPageAriaLabel=""@GetResultsRangeLabel"" />";
-    private readonly string example14CsharpCode = @"
+    private readonly string example19CsharpCode = @"
 private string GetResultsRangeLabel(int page, bool isSelected)
 {
     return $""Results {(page - 1) * 10 + 1} to {page * 10}"";
 }";
 
-    private readonly string example15RazorCode = @"
+    private readonly string example20RazorCode = @"
 <BitPagination Count=""5"" Color=""BitColor.Primary"" />
 <BitPagination Count=""5"" Color=""BitColor.Primary"" Variant=""BitVariant.Outline"" />
 <BitPagination Count=""5"" Color=""BitColor.Primary"" Variant=""BitVariant.Text"" />
@@ -166,7 +228,7 @@ private string GetResultsRangeLabel(int page, bool isSelected)
 <BitPagination IsEnabled=""false"" Count=""5"" Color=""BitColor.Error"" Variant=""BitVariant.Outline"" />
 <BitPagination IsEnabled=""false"" Count=""5"" Color=""BitColor.Error"" Variant=""BitVariant.Text"" />";
 
-    private readonly string example16RazorCode = @"
+    private readonly string example21RazorCode = @"
 <link rel=""stylesheet"" href=""https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"" />
 
 <BitPagination Count=""5""
@@ -196,7 +258,7 @@ private string GetResultsRangeLabel(int page, bool isSelected)
                FirstButtonIcon=""@BitIconInfo.Css(""bi bi-skip-start-fill"")""
                LastButtonIcon=""@BitIconInfo.Css(""bi bi-skip-end-fill"")"" />";
 
-    private readonly string example17RazorCode = @"
+    private readonly string example22RazorCode = @"
 <BitPagination Count=""5"" Size=""BitSize.Small"" Variant=""BitVariant.Fill"" />
 <BitPagination Count=""5"" Size=""BitSize.Small"" Variant=""BitVariant.Outline"" />
 <BitPagination Count=""5"" Size=""BitSize.Small"" Variant=""BitVariant.Text"" />
@@ -209,7 +271,7 @@ private string GetResultsRangeLabel(int page, bool isSelected)
 <BitPagination Count=""5"" Size=""BitSize.Large"" Variant=""BitVariant.Text"" />
 <BitPagination Count=""5"" Size=""BitSize.Large"" Variant=""BitVariant.Outline"" />";
 
-    private readonly string example18RazorCode = @"
+    private readonly string example23RazorCode = @"
 <style>
     .custom-class {
         margin-left: 1rem;
@@ -258,7 +320,7 @@ private string GetResultsRangeLabel(int page, bool isSelected)
                                   Button = ""custom-button"",
                                   SelectedButton = ""custom-selected-button""})"" />";
 
-    private readonly string example19RazorCode = @"
+    private readonly string example24RazorCode = @"
 <BitPagination Dir=""BitDir.Rtl"" Count=""5"" Variant=""BitVariant.Fill"" ShowFirstButton ShowLastButton />
 <BitPagination Dir=""BitDir.Rtl"" Count=""5"" Variant=""BitVariant.Outline"" />
 <BitPagination Dir=""BitDir.Rtl"" Count=""5"" Variant=""BitVariant.Text"" />";
diff --git a/src/BlazorUI/Tests/Bit.BlazorUI.Tests/Components/Navs/Pagination/BitPaginationTests.cs b/src/BlazorUI/Tests/Bit.BlazorUI.Tests/Components/Navs/Pagination/BitPaginationTests.cs
index dca84d524e6..a8ab5eebd17 100644
--- a/src/BlazorUI/Tests/Bit.BlazorUI.Tests/Components/Navs/Pagination/BitPaginationTests.cs
+++ b/src/BlazorUI/Tests/Bit.BlazorUI.Tests/Components/Navs/Pagination/BitPaginationTests.cs
@@ -1,4 +1,5 @@
 using System.Linq;
+using System.Threading.Tasks;
 using AngleSharp.Dom;
 using Bunit;
 using Microsoft.VisualStudio.TestTools.UnitTesting;
@@ -603,8 +604,10 @@ public void BitPaginationShouldRespectShowSummary()
         // The summary reports the new position on its own, without moving the focus.
         Assert.AreEqual("status", summary.GetAttribute("role"));
 
-        // It leads the pagination, ahead of the controls it describes.
-        Assert.IsTrue(comp.Find(".bit-pgn > ul > li:first-child > *").ClassList.Contains("bit-pgn-sum"));
+        // It leads the pagination, ahead of the controls it describes, and stays out of the list of pages
+        // so that the items the list reports are the navigation items and nothing else.
+        Assert.IsTrue(comp.Find(".bit-pgn > *:first-child").ClassList.Contains("bit-pgn-sum"));
+        Assert.AreEqual(0, comp.FindAll(".bit-pgn > ul .bit-pgn-sum").Count);
 
         FindPageButton(comp, 5)!.Click();
 
@@ -908,6 +911,924 @@ public void BitPaginationShouldKeepTheListOfPagesInPlaceWhileTheSelectionMoves()
 
 
 
+    [TestMethod]
+    public void BitPaginationShouldNameTheEllipsisAndHideItsGlyph()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 50);
+            parameters.Add(p => p.DefaultSelectedPage, 25);
+        });
+
+        var items = comp.FindAll(".bit-pgn-itm").Where(i => i.QuerySelector(".bit-pgn-elp") is not null).ToList();
+
+        Assert.AreEqual(2, items.Count);
+
+        // The gap is reported as one named item while the dots themselves stay out of the accessibility tree.
+        Assert.IsTrue(items.All(i => i.GetAttribute("aria-label") == "More pages"));
+        Assert.IsTrue(items.All(i => i.GetAttribute("role") == "listitem"));
+        Assert.IsTrue(comp.FindAll(".bit-pgn-elp").All(e => e.GetAttribute("aria-hidden") == "true"));
+        Assert.IsTrue(comp.FindAll(".bit-pgn-elp").All(e => e.TextContent.Trim() == "•••"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectEllipsisTextAndAriaLabel()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 50);
+            parameters.Add(p => p.EllipsisText, "...");
+            parameters.Add(p => p.EllipsisAriaLabel, "Hidden pages");
+            parameters.Add(p => p.DefaultSelectedPage, 25);
+        });
+
+        Assert.IsTrue(comp.FindAll(".bit-pgn-elp").All(e => e.TextContent.Trim() == "..."));
+
+        var items = comp.FindAll(".bit-pgn-itm").Where(i => i.QuerySelector(".bit-pgn-elp") is not null).ToList();
+
+        Assert.AreEqual(2, items.Count);
+        Assert.IsTrue(items.All(i => i.GetAttribute("aria-label") == "Hidden pages"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRenderTheNavigationButtonTexts()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 10);
+            parameters.Add(p => p.ShowFirstButton, true);
+            parameters.Add(p => p.ShowLastButton, true);
+            parameters.Add(p => p.FirstButtonText, "First");
+            parameters.Add(p => p.PreviousButtonText, "Previous");
+            parameters.Add(p => p.NextButtonText, "Next");
+            parameters.Add(p => p.LastButtonText, "Last");
+            parameters.Add(p => p.DefaultSelectedPage, 5);
+        });
+
+        var first = FindByAriaLabel(comp, "First page")!;
+        var previous = FindByAriaLabel(comp, "Previous page")!;
+        var next = FindByAriaLabel(comp, "Next page")!;
+        var last = FindByAriaLabel(comp, "Last page")!;
+
+        Assert.AreEqual("First", first.QuerySelector(".bit-pgn-btx")!.TextContent.Trim());
+        Assert.AreEqual("Previous", previous.QuerySelector(".bit-pgn-btx")!.TextContent.Trim());
+        Assert.AreEqual("Next", next.QuerySelector(".bit-pgn-btx")!.TextContent.Trim());
+        Assert.AreEqual("Last", last.QuerySelector(".bit-pgn-btx")!.TextContent.Trim());
+
+        // A labelled button is no longer a square, and the spoken name still comes from the aria label.
+        Assert.IsTrue(new[] { first, previous, next, last }.All(b => b.ClassList.Contains("bit-pgn-lbl")));
+
+        // The icon stays beside the text, and the text leads the buttons pointing backwards only.
+        Assert.IsTrue(new[] { first, previous, next, last }.All(b => b.QuerySelector("i") is not null));
+        Assert.AreEqual("I", previous.Children[0].TagName);
+        Assert.AreEqual("SPAN", next.Children[0].TagName);
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldNotRenderATextlessNavigationButtonAsALabelledOne()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 10);
+            parameters.Add(p => p.NextButtonText, "   ");
+        });
+
+        var next = FindByAriaLabel(comp, "Next page")!;
+
+        Assert.IsNull(next.QuerySelector(".bit-pgn-btx"));
+        Assert.IsFalse(next.ClassList.Contains("bit-pgn-lbl"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldKeepTheNavigationButtonsDisabledWhileLoopingASinglePage()
+    {
+        // A loop has nowhere to take the two buttons while there is a single page to be on.
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 1);
+            parameters.Add(p => p.Loop, true);
+        });
+
+        Assert.IsTrue(FindByAriaLabel(comp, "Previous page")!.HasAttribute("disabled"));
+        Assert.IsTrue(FindByAriaLabel(comp, "Next page")!.HasAttribute("disabled"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldNotRenderTheGoToPageByDefault()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+        });
+
+        Assert.AreEqual(0, comp.FindAll(".bit-pgn-gtp").Count);
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectShowGoToPage()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowGoToPage, true);
+        });
+
+        var input = comp.Find(".bit-pgn-gti");
+
+        Assert.AreEqual("INPUT", input.TagName);
+        Assert.AreEqual("number", input.GetAttribute("type"));
+        Assert.AreEqual("1", input.GetAttribute("min"));
+        Assert.AreEqual("12", input.GetAttribute("max"));
+        Assert.AreEqual("Go to page", input.GetAttribute("aria-label"));
+
+        var label = comp.Find(".bit-pgn-gtl");
+
+        Assert.AreEqual("Go to", label.TextContent.Trim());
+        Assert.AreEqual(input.Id, label.GetAttribute("for"));
+
+        // The jump closes the pagination, after the buttons it is the shortcut for, and stays out of the list.
+        Assert.IsTrue(comp.Find(".bit-pgn > *:last-child").ClassList.Contains("bit-pgn-gtp"));
+        Assert.AreEqual(0, comp.FindAll(".bit-pgn > ul .bit-pgn-gtp").Count);
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldDropTheGoToPageLabelWhenItIsEmpty()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowGoToPage, true);
+            parameters.Add(p => p.GoToPageText, "");
+        });
+
+        Assert.AreEqual(0, comp.FindAll(".bit-pgn-gtl").Count);
+
+        // The input is still named on its own.
+        Assert.AreEqual("Go to page", comp.Find(".bit-pgn-gti").GetAttribute("aria-label"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectGoToPageTexts()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowGoToPage, true);
+            parameters.Add(p => p.GoToPageText, "Jump to");
+            parameters.Add(p => p.GoToPageAriaLabel, "Jump to a page");
+        });
+
+        Assert.AreEqual("Jump to", comp.Find(".bit-pgn-gtl").TextContent.Trim());
+        Assert.AreEqual("Jump to a page", comp.Find(".bit-pgn-gti").GetAttribute("aria-label"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldJumpToThePageTypedIntoTheGoToPage()
+    {
+        var page = 0;
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowGoToPage, true);
+            parameters.Add(p => p.OnChange, p => page = p);
+        });
+
+        comp.Find(".bit-pgn-gti").Change("7");
+
+        Assert.AreEqual(7, page);
+        Assert.AreEqual("7", comp.Find(".bit-pgn-sel").TextContent.Trim());
+
+        // The field clears itself so the next jump starts from an empty one.
+        Assert.AreEqual(string.Empty, comp.Find(".bit-pgn-gti").GetAttribute("value"));
+    }
+
+    [TestMethod]
+    [DataRow("99", 12)]
+    [DataRow("0", 1)]
+    [DataRow("-4", 1)]
+    public void BitPaginationShouldLandOnTheNearestEndForAGoToPageOutOfTheRange(string text, int expected)
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowGoToPage, true);
+            parameters.Add(p => p.DefaultSelectedPage, 6);
+        });
+
+        comp.Find(".bit-pgn-gti").Change(text);
+
+        Assert.AreEqual(expected.ToString(), comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    [DataRow("")]
+    [DataRow("abc")]
+    public void BitPaginationShouldIgnoreAGoToPageThatIsNotANumber(string text)
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowGoToPage, true);
+            parameters.Add(p => p.DefaultSelectedPage, 6);
+        });
+
+        comp.Find(".bit-pgn-gti").Change(text);
+
+        Assert.AreEqual("6", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldNotJumpWhileDisabled()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowGoToPage, true);
+            parameters.Add(p => p.IsEnabled, false);
+            parameters.Add(p => p.DefaultSelectedPage, 6);
+        });
+
+        var input = comp.Find(".bit-pgn-gti");
+
+        Assert.IsTrue(input.HasAttribute("disabled"));
+
+        input.Change("9");
+
+        Assert.AreEqual("6", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldMoveTheFocusOffANavigationButtonThatDisabledItself()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.ShowLastButton, true);
+        });
+
+        // Walking one page at a time leaves the next button enabled, so the focus stays where the user put it.
+        FindByAriaLabel(comp, "Next page")!.Click();
+
+        Assert.AreEqual(0, CountFocusCalls());
+
+        // Reaching the last page disables the button that was activated, which would drop the focus.
+        FindByAriaLabel(comp, "Last page")!.Click();
+
+        Assert.AreEqual(1, CountFocusCalls());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldMoveTheFocusEvenWithoutThePageButtons()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.ShowPageButtons, false);
+            parameters.Add(p => p.DefaultSelectedPage, 4);
+        });
+
+        FindByAriaLabel(comp, "Next page")!.Click();
+
+        Assert.AreEqual("5", comp.Instance.SelectedPage.ToString());
+        Assert.AreEqual(1, CountFocusCalls());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldNotMoveTheFocusOffAPageButton()
+    {
+        // A page button is never disabled by the selection moving onto it, so its focus is left alone.
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+        });
+
+        FindPageButton(comp, 5)!.Click();
+
+        Assert.AreEqual(0, CountFocusCalls());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectTheGoToPageClassesAndStyles()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowGoToPage, true);
+            parameters.Add(p => p.Classes, new BitPaginationClassStyles
+            {
+                GoToPage = "custom-go-to-page",
+                GoToPageLabel = "custom-go-to-page-label",
+                GoToPageInput = "custom-go-to-page-input"
+            });
+            parameters.Add(p => p.Styles, new BitPaginationClassStyles
+            {
+                GoToPage = "color: red;",
+                GoToPageLabel = "color: green;",
+                GoToPageInput = "color: blue;"
+            });
+        });
+
+        var container = comp.Find(".bit-pgn-gtp");
+        var label = comp.Find(".bit-pgn-gtl");
+        var input = comp.Find(".bit-pgn-gti");
+
+        Assert.IsTrue(container.ClassList.Contains("custom-go-to-page"));
+        Assert.IsTrue(label.ClassList.Contains("custom-go-to-page-label"));
+        Assert.IsTrue(input.ClassList.Contains("custom-go-to-page-input"));
+
+        Assert.AreEqual("color: red;", container.GetAttribute("style"));
+        Assert.AreEqual("color: green;", label.GetAttribute("style"));
+        Assert.AreEqual("color: blue;", input.GetAttribute("style"));
+    }
+
+
+
+    [TestMethod]
+    public void BitPaginationShouldNotRenderThePageSizeSelectorByDefault()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+        });
+
+        Assert.AreEqual(0, comp.FindAll(".bit-pgn-pss").Count);
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectShowPageSizeSelector()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowPageSizeSelector, true);
+        });
+
+        var select = comp.Find(".bit-pgn-pse");
+
+        Assert.AreEqual("SELECT", select.TagName);
+        Assert.AreEqual("Items per page", select.GetAttribute("aria-label"));
+
+        var label = comp.Find(".bit-pgn-psl");
+
+        Assert.AreEqual("Items per page", label.TextContent.Trim());
+        Assert.AreEqual(select.Id, label.GetAttribute("for"));
+
+        // The page size opens the pagination, since the whole range of pages follows from it, and it is not
+        // one of the navigation items the list enumerates.
+        Assert.IsTrue(comp.Find(".bit-pgn > *:first-child").ClassList.Contains("bit-pgn-pss"));
+        Assert.AreEqual(0, comp.FindAll(".bit-pgn > ul .bit-pgn-pss").Count);
+
+        var options = comp.FindAll(".bit-pgn-pse option");
+
+        CollectionAssert.AreEqual(new[] { "10", "25", "50", "100" }, options.Select(o => o.TextContent.Trim()).ToArray());
+
+        // A page size that was never picked opens on the first of the offered ones.
+        Assert.AreEqual(1, options.Count(o => o.HasAttribute("selected")));
+        Assert.AreEqual("10", options.Single(o => o.HasAttribute("selected")).GetAttribute("value"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectPageSizeOptions()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowPageSizeSelector, true);
+            parameters.Add(p => p.PageSizeOptions, [5, 15, 30]);
+            parameters.Add(p => p.PageSize, 15);
+        });
+
+        var options = comp.FindAll(".bit-pgn-pse option");
+
+        CollectionAssert.AreEqual(new[] { "5", "15", "30" }, options.Select(o => o.TextContent.Trim()).ToArray());
+        Assert.AreEqual("15", options.Single(o => o.HasAttribute("selected")).GetAttribute("value"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldFallBackToTheDefaultPageSizeOptionsForAnEmptyList()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowPageSizeSelector, true);
+            parameters.Add(p => p.PageSizeOptions, []);
+        });
+
+        CollectionAssert.AreEqual(new[] { "10", "25", "50", "100" },
+                                  comp.FindAll(".bit-pgn-pse option").Select(o => o.TextContent.Trim()).ToArray());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldDropThePageSizeLabelWhenItIsEmpty()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowPageSizeSelector, true);
+            parameters.Add(p => p.PageSizeText, "");
+        });
+
+        Assert.AreEqual(0, comp.FindAll(".bit-pgn-psl").Count);
+
+        // The selector is still named on its own.
+        Assert.AreEqual("Items per page", comp.Find(".bit-pgn-pse").GetAttribute("aria-label"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectThePageSizeTexts()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowPageSizeSelector, true);
+            parameters.Add(p => p.PageSizeText, "Rows");
+            parameters.Add(p => p.PageSizeAriaLabel, "Rows per page");
+        });
+
+        Assert.AreEqual("Rows", comp.Find(".bit-pgn-psl").TextContent.Trim());
+        Assert.AreEqual("Rows per page", comp.Find(".bit-pgn-pse").GetAttribute("aria-label"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldCallOnPageSizeChangeAndBindPageSize()
+    {
+        var size = 10;
+        var changed = 0;
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowPageSizeSelector, true);
+            parameters.Bind(p => p.PageSize, size, v => size = v);
+            parameters.Add(p => p.OnPageSizeChange, v => changed = v);
+        });
+
+        comp.Find(".bit-pgn-pse").Change("50");
+
+        Assert.AreEqual(50, size);
+        Assert.AreEqual(50, changed);
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldCallOnPageSizeChangeWhilePageSizeIsBoundOneWay()
+    {
+        var changed = 0;
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowPageSizeSelector, true);
+            parameters.Add(p => p.PageSize, 10);
+            parameters.Add(p => p.OnPageSizeChange, v => changed = v);
+        });
+
+        comp.Find(".bit-pgn-pse").Change("25");
+
+        Assert.AreEqual(25, changed);
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldNotCallOnPageSizeChangeWhenTheSamePageSizeIsPicked()
+    {
+        var changed = 0;
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowPageSizeSelector, true);
+            parameters.Add(p => p.PageSize, 25);
+            parameters.Add(p => p.OnPageSizeChange, v => changed = v);
+        });
+
+        comp.Find(".bit-pgn-pse").Change("25");
+
+        Assert.AreEqual(0, changed);
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldNotChangeThePageSizeWhileDisabled()
+    {
+        var changed = 0;
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.IsEnabled, false);
+            parameters.Add(p => p.ShowPageSizeSelector, true);
+            parameters.Add(p => p.OnPageSizeChange, v => changed = v);
+        });
+
+        var select = comp.Find(".bit-pgn-pse");
+
+        Assert.IsTrue(select.HasAttribute("disabled"));
+
+        select.Change("50");
+
+        Assert.AreEqual(0, changed);
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldPullTheSelectedPageBackWhenAPageSizeShrinksTheCount()
+    {
+        // Picking a bigger page size leaves fewer pages, and the page the consumer recomputes the count from
+        // is pulled back into the range that is left.
+        var page = 9;
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowPageSizeSelector, true);
+            parameters.Bind(p => p.SelectedPage, page, v => page = v);
+        });
+
+        Assert.AreEqual("9", comp.Find(".bit-pgn-sel").TextContent.Trim());
+
+        comp.Render(parameters => parameters.Add(p => p.Count, 3));
+
+        Assert.AreEqual(3, page);
+        Assert.AreEqual("3", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRespectThePageSizeClassesAndStyles()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.ShowPageSizeSelector, true);
+            parameters.Add(p => p.Classes, new BitPaginationClassStyles
+            {
+                PageSizeSelector = "custom-page-size",
+                PageSizeLabel = "custom-page-size-label",
+                PageSizeSelect = "custom-page-size-select"
+            });
+            parameters.Add(p => p.Styles, new BitPaginationClassStyles
+            {
+                PageSizeSelector = "color: red;",
+                PageSizeLabel = "color: green;",
+                PageSizeSelect = "color: blue;"
+            });
+        });
+
+        var container = comp.Find(".bit-pgn-pss");
+        var label = comp.Find(".bit-pgn-psl");
+        var select = comp.Find(".bit-pgn-pse");
+
+        Assert.IsTrue(container.ClassList.Contains("custom-page-size"));
+        Assert.IsTrue(label.ClassList.Contains("custom-page-size-label"));
+        Assert.IsTrue(select.ClassList.Contains("custom-page-size-select"));
+
+        Assert.AreEqual("color: red;", container.GetAttribute("style"));
+        Assert.AreEqual("color: green;", label.GetAttribute("style"));
+        Assert.AreEqual("color: blue;", select.GetAttribute("style"));
+    }
+
+    [TestMethod]
+    public async Task BitPaginationShouldFocusTheSelectedPage()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.DefaultSelectedPage, 3);
+        });
+
+        await comp.InvokeAsync(async () => await comp.Instance.FocusAsync());
+
+        Assert.AreEqual(1, CountFocusCalls());
+    }
+
+    [TestMethod]
+    public async Task BitPaginationShouldFocusANavigationButtonWithoutThePageButtons()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.ShowPageButtons, false);
+            parameters.Add(p => p.ShowPreviousButton, false);
+            parameters.Add(p => p.DefaultSelectedPage, 3);
+        });
+
+        await comp.InvokeAsync(async () => await comp.Instance.FocusAsync());
+
+        Assert.AreEqual(1, CountFocusCalls());
+    }
+
+    [TestMethod]
+    public async Task BitPaginationShouldNotFocusAnythingWithoutAnyControl()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.ShowPageButtons, false);
+            parameters.Add(p => p.ShowNextButton, false);
+            parameters.Add(p => p.ShowPreviousButton, false);
+        });
+
+        await comp.InvokeAsync(async () => await comp.Instance.FocusAsync());
+
+        Assert.AreEqual(0, CountFocusCalls());
+    }
+
+
+
+    [TestMethod]
+    public void BitPaginationShouldRenderEveryControlAsALinkWithGetPageHref()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.ShowFirstButton, true);
+            parameters.Add(p => p.ShowLastButton, true);
+            parameters.Add(p => p.DefaultSelectedPage, 3);
+            parameters.Add(p => p.GetPageHref, (int page) => $"/results?page={page}");
+        });
+
+        // Not one control is left as a button, so none of them swaps its markup while the selection moves.
+        Assert.AreEqual(0, comp.FindAll("button").Count);
+
+        var links = comp.FindAll(".bit-pgn-btn");
+
+        // The five pages plus the four navigation controls.
+        Assert.AreEqual(9, links.Count);
+        Assert.IsTrue(links.All(l => l.TagName == "A"));
+
+        var pages = links.Where(l => l.QuerySelector("i") is null).ToList();
+
+        CollectionAssert.AreEqual(new[] { "/results?page=1", "/results?page=2", "/results?page=3", "/results?page=4", "/results?page=5" },
+                                  pages.Select(p => p.GetAttribute("href")).ToArray());
+
+        // The selected page is still the current one, and it is still a link of its own.
+        Assert.AreEqual("3", pages.Single(p => p.GetAttribute("aria-current") == "page").TextContent.Trim());
+
+        // The navigation controls point at the page they move to.
+        Assert.AreEqual("/results?page=1", FindLinkByAriaLabel(comp, "First page")!.GetAttribute("href"));
+        Assert.AreEqual("/results?page=2", FindLinkByAriaLabel(comp, "Previous page")!.GetAttribute("href"));
+        Assert.AreEqual("/results?page=4", FindLinkByAriaLabel(comp, "Next page")!.GetAttribute("href"));
+        Assert.AreEqual("/results?page=5", FindLinkByAriaLabel(comp, "Last page")!.GetAttribute("href"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldReportAriaDisabledOnTheLinksAtTheEndsOfTheRange()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.ShowFirstButton, true);
+            parameters.Add(p => p.ShowLastButton, true);
+            parameters.Add(p => p.GetPageHref, (int page) => $"/results?page={page}");
+        });
+
+        var first = FindLinkByAriaLabel(comp, "First page")!;
+        var previous = FindLinkByAriaLabel(comp, "Previous page")!;
+
+        // A link with nowhere to go carries no address at all, which is what keeps it out of the tab order.
+        Assert.IsFalse(first.HasAttribute("href"));
+        Assert.IsFalse(previous.HasAttribute("href"));
+        Assert.AreEqual("true", first.GetAttribute("aria-disabled"));
+        Assert.AreEqual("true", previous.GetAttribute("aria-disabled"));
+
+        Assert.IsNull(FindLinkByAriaLabel(comp, "Next page")!.GetAttribute("aria-disabled"));
+        Assert.IsNull(FindLinkByAriaLabel(comp, "Last page")!.GetAttribute("aria-disabled"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldReportAriaDisabledOnEveryLinkWhileDisabled()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.IsEnabled, false);
+            parameters.Add(p => p.DefaultSelectedPage, 3);
+            parameters.Add(p => p.GetPageHref, (int page) => $"/results?page={page}");
+        });
+
+        var links = comp.FindAll(".bit-pgn-btn");
+
+        Assert.IsTrue(links.All(l => l.HasAttribute("href") is false));
+        Assert.IsTrue(links.All(l => l.GetAttribute("aria-disabled") == "true"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldLeaveAPageWithoutAnAddressOutOfReach()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.ShowNextButton, false);
+            parameters.Add(p => p.ShowPreviousButton, false);
+            parameters.Add(p => p.GetPageHref, (int page) => page == 4 ? null : $"/results?page={page}");
+        });
+
+        var pages = comp.FindAll(".bit-pgn-btn");
+        var fourth = pages.Single(p => p.TextContent.Trim() == "4");
+
+        Assert.IsFalse(fourth.HasAttribute("href"));
+        Assert.AreEqual("true", fourth.GetAttribute("aria-disabled"));
+        Assert.IsTrue(pages.Where(p => p != fourth).All(p => p.HasAttribute("href")));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldStillReportThePageAskedForByALink()
+    {
+        var changed = 0;
+        var selected = 1;
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Bind(p => p.SelectedPage, selected, v => selected = v);
+            parameters.Add(p => p.OnChange, v => changed = v);
+            parameters.Add(p => p.GetPageHref, (int page) => $"/results?page={page}");
+        });
+
+        comp.FindAll(".bit-pgn-btn").Single(p => p.TextContent.Trim() == "4").Click();
+
+        Assert.AreEqual(4, changed);
+        Assert.AreEqual(4, selected);
+        Assert.AreEqual("4", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldWalkTheRangeWithTheNavigationLinks()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.ShowFirstButton, true);
+            parameters.Add(p => p.ShowLastButton, true);
+            parameters.Add(p => p.DefaultSelectedPage, 3);
+            parameters.Add(p => p.GetPageHref, (int page) => $"/results?page={page}");
+        });
+
+        FindLinkByAriaLabel(comp, "Next page")!.Click();
+        Assert.AreEqual("4", comp.Find(".bit-pgn-sel").TextContent.Trim());
+
+        FindLinkByAriaLabel(comp, "Previous page")!.Click();
+        Assert.AreEqual("3", comp.Find(".bit-pgn-sel").TextContent.Trim());
+
+        FindLinkByAriaLabel(comp, "Last page")!.Click();
+        Assert.AreEqual("5", comp.Find(".bit-pgn-sel").TextContent.Trim());
+
+        FindLinkByAriaLabel(comp, "First page")!.Click();
+        Assert.AreEqual("1", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldNotMoveAwayFromAPageALinkAtTheEndOfTheRangePointsAt()
+    {
+        // A link that reports aria-disabled is still clickable with a mouse, so the page it would land on has
+        // to be the one the pagination is already on.
+        var changed = 0;
+
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.OnChange, v => changed = v);
+            parameters.Add(p => p.GetPageHref, (int page) => $"/results?page={page}");
+        });
+
+        FindLinkByAriaLabel(comp, "Previous page")!.Click();
+
+        Assert.AreEqual(0, changed);
+        Assert.AreEqual("1", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldKeepTheLinksInPlaceWhileTheSelectionMoves()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.GetPageHref, (int page) => $"/results?page={page}");
+        });
+
+        var before = GetRenderedPages(comp);
+
+        comp.FindAll(".bit-pgn-btn").Single(p => p.TextContent.Trim() == "3").Click();
+
+        CollectionAssert.AreEqual(before, GetRenderedPages(comp));
+        Assert.AreEqual(0, comp.FindAll("button").Count);
+        Assert.AreEqual("3", comp.Find(".bit-pgn-sel").TextContent.Trim());
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldWrapTheNavigationLinksAroundTheRangeWhileLooping()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.Loop, true);
+            parameters.Add(p => p.GetPageHref, (int page) => $"/results?page={page}");
+        });
+
+        // The link points at the page the wrap lands on, so its address is the page it actually reaches.
+        Assert.AreEqual("/results?page=5", FindLinkByAriaLabel(comp, "Previous page")!.GetAttribute("href"));
+        Assert.IsNull(FindLinkByAriaLabel(comp, "Previous page")!.GetAttribute("aria-disabled"));
+
+        FindLinkByAriaLabel(comp, "Previous page")!.Click();
+
+        Assert.AreEqual("5", comp.Find(".bit-pgn-sel").TextContent.Trim());
+        Assert.AreEqual("/results?page=1", FindLinkByAriaLabel(comp, "Next page")!.GetAttribute("href"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRenderTheNavigationButtonTextsInsideTheLinks()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 5);
+            parameters.Add(p => p.NextButtonText, "Next");
+            parameters.Add(p => p.PreviousButtonText, "Previous");
+            parameters.Add(p => p.DefaultSelectedPage, 3);
+            parameters.Add(p => p.GetPageHref, (int page) => $"/results?page={page}");
+        });
+
+        var next = FindLinkByAriaLabel(comp, "Next page")!;
+        var previous = FindLinkByAriaLabel(comp, "Previous page")!;
+
+        Assert.AreEqual("Next", next.QuerySelector(".bit-pgn-btx")!.TextContent.Trim());
+        Assert.AreEqual("Previous", previous.QuerySelector(".bit-pgn-btx")!.TextContent.Trim());
+        Assert.IsTrue(next.ClassList.Contains("bit-pgn-lbl"));
+        Assert.IsTrue(previous.ClassList.Contains("bit-pgn-lbl"));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldKeepAPageSizeThatIsNotOneOfTheOptions()
+    {
+        // The picked size is reported as it is: an option list that does not hold it leaves the selector with
+        // nothing marked rather than silently reporting another size.
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 12);
+            parameters.Add(p => p.PageSize, 7);
+            parameters.Add(p => p.ShowPageSizeSelector, true);
+        });
+
+        Assert.AreEqual(0, comp.FindAll(".bit-pgn-pse option").Count(o => o.HasAttribute("selected")));
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRenderTheRangeForAnEvenMiddleCount()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 20);
+            parameters.Add(p => p.MiddleCount, 4);
+            parameters.Add(p => p.BoundaryCount, 2);
+            parameters.Add(p => p.DefaultSelectedPage, 10);
+        });
+
+        CollectionAssert.AreEqual(new[] { "1", "2", "•••", "8", "9", "10", "11", "•••", "19", "20" }, GetRenderedPages(comp));
+    }
+
+    [TestMethod]
+    [DataRow(0)]
+    [DataRow(-3)]
+    public void BitPaginationShouldHideANonPositiveCountWithHideOnSinglePage(int count)
+    {
+        // A count that is not positive still leaves the single page there is to be on, which is the page the
+        // navigation cannot go anywhere from.
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, count);
+            parameters.Add(p => p.HideOnSinglePage, true);
+        });
+
+        Assert.AreEqual(0, comp.FindAll(".bit-pgn").Count);
+    }
+
+    [TestMethod]
+    public void BitPaginationShouldRenderAnEmptyEllipsisTextWithoutLosingItsPlace()
+    {
+        var comp = RenderComponent<BitPagination>(parameters =>
+        {
+            parameters.Add(p => p.Count, 50);
+            parameters.Add(p => p.EllipsisText, "");
+            parameters.Add(p => p.DefaultSelectedPage, 25);
+        });
+
+        var ellipsis = comp.FindAll(".bit-pgn-elp");
+
+        Assert.AreEqual(2, ellipsis.Count);
+        Assert.IsTrue(ellipsis.All(e => e.TextContent.Trim().Length == 0));
+
+        // The item is still named, so the gap in the range is still reported.
+        Assert.IsTrue(comp.FindAll(".bit-pgn-itm")
+                          .Where(i => i.QuerySelector(".bit-pgn-elp") is not null)
+                          .All(i => i.GetAttribute("aria-label") == "More pages"));
+    }
+
+    private static IElement? FindLinkByAriaLabel(IRenderedComponent<BitPagination> comp, string label)
+    {
+        return comp.FindAll("a").FirstOrDefault(a => a.GetAttribute("aria-label") == label);
+    }
+
+    private int CountFocusCalls()
+    {
+        return Context.JSInterop.Invocations.Count(i => i.Identifier.Contains("focus", System.StringComparison.OrdinalIgnoreCase));
+    }
+
     private static IElement? FindByAriaLabel(IRenderedComponent<BitPagination> comp, string label)
     {
         return comp.FindAll("button").FirstOrDefault(b => b.GetAttribute("aria-label") == label);