feat(component): add post-pagination component

[alionazherdetska]

📄 Description

Adds a new post-pagination web component (the initial styles were added just to be able to check the responsive behaviour works) for navigating through paginated content. The component features:

• Responsive design that adapts page button visibility based on available width
• Smart ellipsis handling for large page counts
• Full keyboard navigation support
• Accessibility with proper ARIA labels
• Disabled state support
• Auto-clamping of out-of-range page values

The component uses a hidden measurement system (similar to breadcrumbs) to calculate how many page buttons can fit in the available space, automatically collapsing intermediate pages into ellipses when needed.

Note: This is currently a raw component (only visible in dev mode). Final design system styling will be implemented in a follow-up ticket, that is why the changeset has not been added yet.

🚀 Preview link

Pagination docs

---

🔮 Design review

• Design review done
• No design review needed

📝 Checklist

• ✅ My code follows the style guidelines of this project
• 🛠️ I have performed a self-review of my own code
• 📄 I have made corresponding changes to the documentation
• ⚠️ My changes generate no new warnings or errors
• 🧪 I have added tests that prove my fix is effective or that my feature works
• ✔️ New and existing unit tests pass locally with my changes

[changeset-bot]

⚠️ No Changeset found

Latest commit: 8f9e827

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[swisspost-bot]

Related Previews

• https://preview-6663--swisspost-design-system-next.netlify.app?devModeEnabled=true

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud