1b:I[576918,["/_next/static/chunks/1aoa8ab3_oqwj.js","/_next/static/chunks/2-_nj4wbsrbu0.js","/_next/static/chunks/36ypo7092iwxu.js"],"default"] 1c:T499,

1d:T47d,export type SegmentedPageControlVariant1Props = { count: number activeIndex: number onChange?: (index: number) => void label?: string } /** * Copy-and-own Tailwind component. Dot-style page indicator for paged mobile * carousels, with the active dot elongated into a pill. Each dot is a real * button so it can also serve as a direct jump-to-slide control. */ export function SegmentedPageControl({ count, activeIndex, onChange, label = 'Slides' }: SegmentedPageControlVariant1Props) { return (

{Array.from({ length: count }, (_, index) => { const isActive = index === activeIndex return (

) }1e:T48d,

1f:T489,export type SegmentedPageControlVariant1DarkProps = { count: number activeIndex: number onChange?: (index: number) => void label?: string } /** * Copy-and-own Tailwind component. Dot-style page indicator for paged mobile * carousels, with the active dot elongated into a pill. Each dot is a real * button so it can also serve as a direct jump-to-slide control. */ export function SegmentedPageControlDark({ count, a

Segmented Page Control

Segmented page control

Segmented page control (Dark)

Related components

Action Sheet

Bottom Sheet Nav

Carousel

Data Table

Mobile List Section