Built-in Breadcrumb and Pagination components

[glennmichael123]

Summary

Navigation components — route-aware breadcrumbs and data pagination.

Components

<StxBreadcrumb>

<!-- Auto-generate from current route -->
<StxBreadcrumb auto />

<!-- Manual items -->
<StxBreadcrumb>
  <StxBreadcrumbItem to="/">Home</StxBreadcrumbItem>
  <StxBreadcrumbItem to="/settings">Settings</StxBreadcrumbItem>
  <StxBreadcrumbItem>Security</StxBreadcrumbItem>
</StxBreadcrumb>

Props: auto (generate from route path), separator (default: /), maxItems (collapse middle items)

<StxPagination>

<StxPagination :total="items().length" :perPage="10" x-model="currentPage" />
<StxPagination :total="500" :perPage="20" x-model="page" showEdges sibling="2" />

Props: total, perPage, x-model (current page signal), showEdges (first/last buttons), sibling (pages around current), size, variant

Features

• Breadcrumb: integrates with useRoute(), SPA-aware links via StxLink
• Pagination: signal-reactive, keyboard accessible, responsive (collapses on mobile)