npm - @mastra/playground-ui - Versions diffs - 68.0.0 → 69.0.0-alpha.0 - Mend

@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1784) hide show

package/dist/components/DateRangeTimeline.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateRangeTimeline.cjs.js","names":["parseISO","isValid","format","addDays","differenceInCalendarDays","useState","format","Popover","PopoverTrigger","Button","CalendarDaysIcon","Txt","PopoverContent","DatePicker","useState","useRef","format","Txt","format","cn","cn","focusRing","Txt","cn","useRef","useState","useEffectEvent","addDays","useRef","cn","addDays","differenceInCalendarDays","useState","useRef"],"sources":["../../src/ds/components/DateRangeTimeline/lib/date-range-timeline.ts","../../src/ds/components/DateRangeTimeline/DateRangeBoundaryPicker.tsx","../../src/ds/components/DateRangeTimeline/lib/date-range-boundary-layout.ts","../../src/ds/components/DateRangeTimeline/hooks/useDateRangeBoundaryLayout.ts","../../src/ds/components/DateRangeTimeline/DateRangeBoundaryPickers.tsx","../../src/ds/components/DateRangeTimeline/DateRangeTicks.tsx","../../src/ds/components/DateRangeTimeline/DateRangeHandle.tsx","../../src/ds/components/DateRangeTimeline/DateRangeSelection.tsx","../../src/ds/components/DateRangeTimeline/DateRangeTrackGrid.tsx","../../src/ds/components/DateRangeTimeline/lib/date-range-timeline-interactions.ts","../../src/ds/components/DateRangeTimeline/hooks/useDateRangeKeyboardControls.ts","../../src/ds/components/DateRangeTimeline/hooks/use-pointer-drag.ts","../../src/ds/components/DateRangeTimeline/hooks/useDateRangePointerGestures.ts","../../src/ds/components/DateRangeTimeline/hooks/useDateRangeWheelZoom.ts","../../src/ds/components/DateRangeTimeline/lib/date-range-timeline-grid.ts","../../src/ds/components/DateRangeTimeline/lib/date-range-timeline-view-model.ts","../../src/ds/components/DateRangeTimeline/DateRangeTrack.tsx","../../src/ds/components/DateRangeTimeline/hooks/useDateRangeTimelineState.ts","../../src/ds/components/DateRangeTimeline/DateRangeTimeline.tsx"],"sourcesContent":["import { addDays, differenceInCalendarDays, format, isValid, parseISO } from 'date-fns';\nimport type { DateRangeValue, DateRangeBounds } from '../types';\n\nconst API_DATE_FORMAT = 'yyyy-MM-dd';\n\nexport type DateBoundary = 'from' \| 'to';\n\nexport interface TimelineIndexRange {\n from: number;\n to: number;\n}\n\nexport interface TimelineState {\n origin: Date;\n viewport: TimelineIndexRange;\n selection: TimelineIndexRange;\n}\n\nexport interface TimelineTick {\n date: string;\n label: string;\n position: number;\n}\n\nexport function clamp(value: number, min: number, max: number) {\n return Math.min(max, Math.max(min, value));\n}\n\nexport function parseDate(value: string) {\n const date = parseISO(value);\n if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(value) \|\| !isValid(date)) return undefined;\n return format(date, API_DATE_FORMAT) === value ? date : undefined;\n}\n\nexport function toDateRange(state: TimelineState): DateRangeValue {\n return {\n from: format(addDays(state.origin, state.selection.from), API_DATE_FORMAT),\n to: format(addDays(state.origin, state.selection.to), API_DATE_FORMAT),\n };\n}\n\nexport function createTimelineState(value: DateRangeValue, min: Date, max: Date): TimelineState {\n const selectedFrom = parseDate(value.from) ?? min;\n const selectedTo = parseDate(value.to) ?? max;\n const absoluteSpan = Math.max(0, differenceInCalendarDays(max, min));\n if (absoluteSpan === 0) {\n return {\n origin: min,\n viewport: { from: 0, to: 0 },\n selection: { from: 0, to: 0 },\n };\n }\n\n const selectedFromIndex = clamp(differenceInCalendarDays(selectedFrom, min), 0, absoluteSpan);\n const selectedToIndex = clamp(differenceInCalendarDays(selectedTo, min), 0, absoluteSpan);\n\n return {\n origin: min,\n viewport: { from: 0, to: absoluteSpan },\n selection: {\n from: Math.min(selectedFromIndex, selectedToIndex),\n to: Math.max(selectedFromIndex, selectedToIndex),\n },\n };\n}\n\nexport function zoomTimelineViewport(\n state: TimelineState,\n maximumIndex: number,\n factor: number,\n anchor: number,\n): TimelineState {\n if (!Number.isFinite(factor) \|\| factor <= 0 \|\| factor === 1) return state;\n\n const boundedMaximum = Math.max(0, maximumIndex);\n const viewportSpan = state.viewport.to - state.viewport.from;\n const selectionSpan = state.selection.to - state.selection.from;\n const minimumViewportSpan = Math.max(selectionSpan, Math.min(1, boundedMaximum));\n const scaledSpan = clamp(Math.round(viewportSpan * factor), minimumViewportSpan, boundedMaximum);\n const nextSpan =\n scaledSpan === viewportSpan\n ? clamp(viewportSpan + (factor > 1 ? 1 : -1), minimumViewportSpan, boundedMaximum)\n : scaledSpan;\n if (nextSpan === viewportSpan) return state;\n\n const normalizedAnchor = Number.isFinite(anchor) ? clamp(anchor, 0, 1) : 0.5;\n const anchorIndex = state.viewport.from + viewportSpan * normalizedAnchor;\n const desiredFrom = Math.round(anchorIndex - nextSpan * normalizedAnchor);\n const earliestFrom = Math.max(0, state.selection.to - nextSpan);\n const latestFrom = Math.min(state.selection.from, boundedMaximum - nextSpan);\n const from = clamp(desiredFrom, earliestFrom, latestFrom);\n\n return {\n ...state,\n viewport: { from, to: from + nextSpan },\n };\n}\n\nexport function revealTimelineSelection(\n viewport: TimelineIndexRange,\n selection: TimelineIndexRange,\n maximumIndex: number,\n): TimelineIndexRange {\n const boundedMaximum = Math.max(0, maximumIndex);\n const selectionFrom = clamp(Math.min(selection.from, selection.to), 0, boundedMaximum);\n const selectionTo = clamp(Math.max(selection.from, selection.to), selectionFrom, boundedMaximum);\n const viewportSpan = clamp(viewport.to - viewport.from, 0, boundedMaximum);\n const viewportFrom = clamp(viewport.from, 0, boundedMaximum - viewportSpan);\n const normalizedViewport = { from: viewportFrom, to: viewportFrom + viewportSpan };\n const selectionSpan = selectionTo - selectionFrom;\n const nextSpan = Math.max(viewportSpan, selectionSpan);\n\n if (selectionFrom >= normalizedViewport.from && selectionTo <= normalizedViewport.to) {\n if (normalizedViewport.from === viewport.from && normalizedViewport.to === viewport.to) {\n return viewport;\n }\n return normalizedViewport;\n }\n\n const desiredFrom = selectionFrom < normalizedViewport.from ? selectionFrom : selectionTo - nextSpan;\n const from = clamp(desiredFrom, 0, boundedMaximum - nextSpan);\n return { from, to: from + nextSpan };\n}\n\nexport function getTimelinePosition(index: number, viewport: TimelineIndexRange) {\n const viewportSpan = viewport.to - viewport.from;\n if (viewportSpan === 0) return 50;\n return ((index - viewport.from) / viewportSpan) * 100;\n}\n\nexport function buildTimelineTickOffsets(span: number) {\n const boundedSpan = Math.max(0, Math.floor(span));\n const tickCount = boundedSpan === 0 ? 1 : Math.min(5, boundedSpan + 1);\n\n return Array.from({ length: tickCount }, (_, index) =>\n Math.round((boundedSpan * index) / Math.max(1, tickCount - 1)),\n );\n}\n\nexport function buildTimelineTicks(domainFrom: Date, domainTo: Date): TimelineTick[] {\n const span = Math.max(0, differenceInCalendarDays(domainTo, domainFrom));\n const crossesYears = domainFrom.getFullYear() !== domainTo.getFullYear();\n\n return buildTimelineTickOffsets(span).map(dayOffset => {\n const date = addDays(domainFrom, dayOffset);\n const labelFormat = span > 365 \|\| crossesYears ? 'MMM yyyy' : 'MMM d';\n\n return {\n label: format(date, labelFormat),\n date: format(date, API_DATE_FORMAT),\n position: span === 0 ? 50 : (dayOffset / span) * 100,\n };\n });\n}\n\nexport function clampDateRangeToBounds(value: DateRangeValue, bounds: DateRangeBounds): DateRangeValue {\n const min = parseDate(bounds.min);\n const max = parseDate(bounds.max);\n if (!min \|\| !max) return value;\n\n const from = parseDate(value.from) ?? min;\n const to = parseDate(value.to) ?? max;\n const clampedFrom = new Date(clamp(from.getTime(), min.getTime(), max.getTime()));\n const clampedTo = new Date(clamp(to.getTime(), clampedFrom.getTime(), max.getTime()));\n\n return {\n from: format(clampedFrom, API_DATE_FORMAT),\n to: format(clampedTo, API_DATE_FORMAT),\n };\n}\n\nexport function getDateRangeBounds(createdAt: string, today: string): DateRangeBounds {\n const max = parseDate(today) ?? new Date();\n const created = parseDate(createdAt) ?? max;\n const min = created > max ? max : created;\n return {\n min: format(min, API_DATE_FORMAT),\n max: format(max, API_DATE_FORMAT),\n };\n}\n\nexport function formatDateRangeDuration(value: DateRangeValue) {\n const from = parseDate(value.from);\n const to = parseDate(value.to);\n if (!from \|\| !to) return '';\n const days = Math.max(1, differenceInCalendarDays(to, from) + 1);\n return days === 1 ? '1 day' : `${days} days`;\n}\n\nexport function formatDateRangeValueText(value: DateRangeValue) {\n const from = parseDate(value.from);\n const to = parseDate(value.to);\n if (!from \|\| !to) return `${value.from} through ${value.to}`;\n return `${format(from, 'MMMM d, yyyy')} through ${format(to, 'MMMM d, yyyy')}`;\n}\n","import { format } from 'date-fns';\nimport { CalendarDaysIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { parseDate } from './lib/date-range-timeline';\nimport type { DateBoundary } from './lib/date-range-timeline';\nimport { Button } from '@/ds/components/Button/Button';\nimport { DatePicker } from '@/ds/components/DateTimePicker';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { Txt } from '@/ds/components/Txt/Txt';\n\ninterface DateRangeBoundaryPickerProps {\n boundary: DateBoundary;\n value: string;\n min: string;\n max: string;\n onSelect: (boundary: DateBoundary, value: string) => void;\n}\n\nexport function DateRangeBoundaryPicker({ boundary, value, min, max, onSelect }: DateRangeBoundaryPickerProps) {\n const [open, setOpen] = useState(false);\n const isFrom = boundary === 'from';\n const boundaryLabel = isFrom ? 'start date' : 'end date';\n const selectedDate = parseDate(value);\n const firstDate = parseDate(min) ?? selectedDate;\n const lastDate = parseDate(max) ?? selectedDate;\n const formattedDate = selectedDate ? format(selectedDate, 'MMM d, yyyy') : value;\n\n function handleSelect(date?: Date) {\n if (!date) return;\n onSelect(boundary, format(date, 'yyyy-MM-dd'));\n setOpen(false);\n }\n\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger\n render={\n <Button\n aria-label={`Choose ${boundaryLabel}, ${formattedDate}`}\n aria-expanded={open}\n size=\"sm\"\n className=\"h-11 w-full min-w-0 justify-start overflow-hidden px-3 sm:h-8\"\n icon={<CalendarDaysIcon aria-hidden=\"true\" />}\n >\n <Txt as=\"span\" variant=\"caption\" tone=\"ink\" className=\"truncate tabular-nums\">\n {formattedDate}\n </Txt>\n </Button>\n }\n />\n <PopoverContent align={isFrom ? 'start' : 'end'} className=\"w-auto p-0\" sideOffset={6}>\n <DatePicker\n mode=\"single\"\n selected={selectedDate}\n defaultMonth={selectedDate}\n fromMonth={firstDate}\n toMonth={lastDate}\n disabled={firstDate && lastDate ? { before: firstDate, after: lastDate } : undefined}\n onSelect={handleSelect}\n />\n </PopoverContent>\n </Popover>\n );\n}\n","import { clamp } from './date-range-timeline';\n\nconst PREFERRED_PICKER_WIDTH = 160;\nconst PREFERRED_PICKER_GAP = 8;\n\ninterface BoundaryPositions {\n from: number;\n to: number;\n}\n\ninterface BoundaryPickerRect {\n left: number;\n width: number;\n}\n\nexport interface DateRangeBoundaryLayout {\n from: BoundaryPickerRect;\n to: BoundaryPickerRect;\n gap: number;\n}\n\nexport function resolveDateRangeBoundaryLayout(\n requestedWidth: number,\n positions: BoundaryPositions,\n): DateRangeBoundaryLayout {\n const width = Math.max(0, requestedWidth);\n const gap = Math.min(PREFERRED_PICKER_GAP, width);\n const pickerWidth = Math.min(PREFERRED_PICKER_WIDTH, Math.max(0, (width - gap) / 2));\n const maximumLeft = Math.max(0, width - pickerWidth);\n const fromAnchor = (clamp(positions.from, 0, 100) / 100) * width;\n const toAnchor = (clamp(positions.to, 0, 100) / 100) * width;\n const preferredFromLeft = clamp(fromAnchor - pickerWidth - gap / 2, 0, maximumLeft);\n const preferredToLeft = clamp(toAnchor + gap / 2, 0, maximumLeft);\n const overlap = preferredFromLeft + pickerWidth + gap - preferredToLeft;\n\n if (overlap <= 0) {\n return {\n from: { left: preferredFromLeft, width: pickerWidth },\n to: { left: preferredToLeft, width: pickerWidth },\n gap,\n };\n }\n\n const pairWidth = pickerWidth * 2 + gap;\n const pairLeft = clamp(preferredFromLeft - overlap / 2, 0, Math.max(0, width - pairWidth));\n\n return {\n from: { left: pairLeft, width: pickerWidth },\n to: { left: pairLeft + pickerWidth + gap, width: pickerWidth },\n gap,\n };\n}\n","import { useLayoutEffect, useState } from 'react';\nimport type { RefObject } from 'react';\nimport { resolveDateRangeBoundaryLayout } from '../lib/date-range-boundary-layout';\nimport type { DateRangeBoundaryLayout } from '../lib/date-range-boundary-layout';\n\ninterface BoundaryPositions {\n from: number;\n to: number;\n}\n\nexport function useDateRangeBoundaryLayout(\n containerRef: RefObject<HTMLDivElement \| null>,\n positions: BoundaryPositions,\n): DateRangeBoundaryLayout \| undefined {\n const [containerWidth, setContainerWidth] = useState<number>();\n\n useLayoutEffect(() => {\n const container = containerRef.current;\n if (!container) return;\n\n function updateWidth(width: number) {\n // Accept 0 (collapsed container) so stale positions don't linger; reject\n // only invalid measurements. resolveDateRangeBoundaryLayout handles 0.\n if (!Number.isFinite(width) \|\| width < 0) return;\n setContainerWidth(current => (current === width ? current : width));\n }\n\n updateWidth(container.getBoundingClientRect().width);\n if (typeof ResizeObserver === 'undefined') return;\n\n const observer = new ResizeObserver(entries => {\n const entry = entries.find(({ target }) => target === container) ?? entries[0];\n const width = entry?.contentRect.width ?? container.getBoundingClientRect().width;\n updateWidth(width);\n });\n observer.observe(container);\n return () => observer.disconnect();\n }, [containerRef]);\n\n return containerWidth === undefined ? undefined : resolveDateRangeBoundaryLayout(containerWidth, positions);\n}\n","import { useRef } from 'react';\nimport { DateRangeBoundaryPicker } from './DateRangeBoundaryPicker';\nimport { useDateRangeBoundaryLayout } from './hooks/useDateRangeBoundaryLayout';\nimport type { DateBoundary } from './lib/date-range-timeline';\nimport type { DateRangeValue } from './types';\n\ninterface DateRangeBoundaryPickersProps {\n positions: { from: number; to: number };\n value: DateRangeValue;\n min: string;\n max: string;\n onSelect: (boundary: DateBoundary, value: string) => void;\n}\n\nconst FALLBACK_PICKER_WIDTH = 'clamp(0px, calc(50% - 0.25rem), 10rem)';\n\nexport function DateRangeBoundaryPickers({ positions, value, min, max, onSelect }: DateRangeBoundaryPickersProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const layout = useDateRangeBoundaryLayout(containerRef, positions);\n\n return (\n <div ref={containerRef} className=\"relative h-16 sm:h-12\">\n <div\n className=\"absolute top-0 min-w-0\"\n style={{\n left: layout?.from.left ?? 0,\n width: layout?.from.width ?? FALLBACK_PICKER_WIDTH,\n }}\n >\n <DateRangeBoundaryPicker boundary=\"from\" value={value.from} min={min} max={value.to} onSelect={onSelect} />\n </div>\n\n <div\n className=\"absolute top-0 min-w-0\"\n style={{\n left: layout?.to.left ?? 'max(calc(50% + 0.25rem), calc(100% - 10rem))',\n width: layout?.to.width ?? FALLBACK_PICKER_WIDTH,\n }}\n >\n <DateRangeBoundaryPicker boundary=\"to\" value={value.to} min={value.from} max={max} onSelect={onSelect} />\n </div>\n\n <div\n className=\"absolute top-11 h-4 w-px -translate-x-1/2 bg-border-strong transition-[left] duration-150 ease-out motion-reduce:transition-none sm:top-8\"\n style={{ left: `${positions.from}%` }}\n aria-hidden=\"true\"\n />\n <div\n className=\"absolute top-11 h-4 w-px -translate-x-1/2 bg-border-strong transition-[left] duration-150 ease-out motion-reduce:transition-none sm:top-8\"\n style={{ left: `${positions.to}%` }}\n aria-hidden=\"true\"\n />\n </div>\n );\n}\n","import { format } from 'date-fns';\nimport { parseDate } from './lib/date-range-timeline';\nimport type { TimelineTick } from './lib/date-range-timeline';\nimport { Txt } from '@/ds/components/Txt/Txt';\n\ninterface DateRangeTicksProps {\n ticks: TimelineTick[];\n min: string;\n max: string;\n}\n\nfunction formatBoundaryDate(value: string) {\n const date = parseDate(value);\n return date ? format(date, 'MMM d, yyyy') : value;\n}\n\nexport function DateRangeTicks({ ticks, min, max }: DateRangeTicksProps) {\n const firstTick = ticks[0];\n const lastTick = ticks.at(-1);\n if (!firstTick \|\| !lastTick) return null;\n const timelineLabel = `Visible from ${formatBoundaryDate(firstTick.date)} through ${formatBoundaryDate(lastTick.date)}. Available from ${formatBoundaryDate(min)} through ${formatBoundaryDate(max)}`;\n\n if (firstTick.date === lastTick.date) {\n const date = formatBoundaryDate(firstTick.date);\n // Only claim \"Created today\" when the whole available domain is a single\n // day; a zoomed viewport can hold one tick for any date, so stay neutral.\n const singleLabel =\n firstTick.date === min && firstTick.date === max\n ? `Created today · ${date}`\n : firstTick.date === min\n ? `Created · ${date}`\n : firstTick.date === max\n ? `Today · ${date}`\n : date;\n return (\n <div role=\"group\" aria-label={timelineLabel} className=\"flex h-10 items-start justify-center pt-2\">\n {/* TODO(ds): Txt needs a muted timeline-axis variant. /}\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n {singleLabel}\n </Txt>\n </div>\n );\n }\n\n const startLabel = firstTick.date === min ? `Created · ${formatBoundaryDate(min)}` : firstTick.label;\n const endLabel = lastTick.date === max ? `Today · ${formatBoundaryDate(max)}` : lastTick.label;\n const middleTicks = ticks.slice(1, -1);\n\n return (\n <div role=\"group\" className=\"relative h-10\" aria-label={timelineLabel}>\n <div className=\"absolute top-0 left-0 flex flex-col items-start\">\n <span className=\"mb-1 h-1.5 w-px bg-border-strong\" aria-hidden=\"true\" />\n {/ TODO(ds): Txt needs a muted timeline-axis variant. /}\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"whitespace-nowrap\">\n {startLabel}\n </Txt>\n </div>\n\n {middleTicks.map(tick => (\n <div\n key={tick.date}\n className=\"absolute top-0 hidden -translate-x-1/2 flex-col items-center sm:flex\"\n style={{ left: `${tick.position}%` }}\n aria-hidden=\"true\"\n >\n <span className=\"mb-1 h-1.5 w-px bg-border-strong\" />\n {/ TODO(ds): Txt needs a muted timeline-axis variant. /}\n <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"whitespace-nowrap\">\n {tick.label}\n </Txt>\n </div>\n ))}\n\n <div className=\"absolute top-0 right-0 flex flex-col items-end\">\n <span className=\"mb-1 h-1.5 w-px bg-border-strong\" aria-hidden=\"true\" />\n {/ TODO(ds): Txt needs a muted timeline-axis variant. /}\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"whitespace-nowrap\">\n {endLabel}\n </Txt>\n </div>\n </div>\n );\n}\n","import { format } from 'date-fns';\nimport type { KeyboardEventHandler, PointerEventHandler } from 'react';\nimport { parseDate } from './lib/date-range-timeline';\nimport type { DateBoundary } from './lib/date-range-timeline';\nimport { cn } from '@/lib/utils';\n\ninterface DateRangeHandleProps {\n boundary: DateBoundary;\n position: number;\n value: number;\n valueText: string;\n min: number;\n max: number;\n active: boolean;\n onPointerDown: PointerEventHandler<HTMLDivElement>;\n onKeyDown: KeyboardEventHandler<HTMLDivElement>;\n}\n\nexport function DateRangeHandle({\n boundary,\n position,\n value,\n valueText,\n min,\n max,\n active,\n onPointerDown,\n onKeyDown,\n}: DateRangeHandleProps) {\n const label = boundary === 'from' ? 'Start date handle' : 'End date handle';\n const date = parseDate(valueText);\n const accessibleValue = date ? format(date, 'MMMM d, yyyy') : valueText;\n\n return (\n <div\n role=\"slider\"\n tabIndex={0}\n aria-label={label}\n aria-orientation=\"horizontal\"\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={value}\n aria-valuetext={accessibleValue}\n className=\"group absolute inset-y-0 z-30 w-11 -translate-x-1/2 cursor-ew-resize touch-none outline-hidden\"\n style={{ left: `${position}%` }}\n onPointerDown={onPointerDown}\n onKeyDown={onKeyDown}\n >\n <span\n className={cn(\n 'absolute top-1/2 left-1/2 h-7 w-1.5 -translate-1/2 rounded-xs bg-card ring-1 transition-[width,box-shadow] duration-150 group-hover:w-2 group-focus-visible:w-2 group-focus-visible:ring-1 group-focus-visible:ring-border-focus motion-reduce:transition-none',\n active ? 'w-2 ring-2 ring-border-focus' : 'ring-border-strong',\n )}\n aria-hidden=\"true\"\n />\n </div>\n );\n}\n","import type { KeyboardEventHandler, PointerEventHandler } from 'react';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\ninterface DateRangeSelectionProps {\n left: number;\n width: number;\n duration: string;\n active: boolean;\n value: number;\n valueText: string;\n max: number;\n onPointerDown: PointerEventHandler<HTMLDivElement>;\n onKeyDown: KeyboardEventHandler<HTMLDivElement>;\n}\n\nexport function DateRangeSelection({\n left,\n width,\n duration,\n active,\n value,\n valueText,\n max,\n onPointerDown,\n onKeyDown,\n}: DateRangeSelectionProps) {\n const visibleWidth = Math.max(width, 0.6);\n const visibleLeft = Math.min(left, 100 - visibleWidth);\n const showDuration = width >= 12;\n return (\n <div\n role=\"slider\"\n tabIndex={0}\n aria-label=\"Move selected date range\"\n aria-orientation=\"horizontal\"\n aria-valuemin={0}\n aria-valuemax={max}\n aria-valuenow={value}\n aria-valuetext={valueText}\n className={cn(\n 'absolute inset-y-1 z-10 flex cursor-grab touch-none items-center justify-center overflow-hidden rounded-md bg-fill text-foreground select-none active:cursor-grabbing',\n focusRing,\n active\n ? 'transition-none'\n : 'transition-[left,width,background-color] duration-150 ease-out motion-reduce:transition-none',\n )}\n style={{ left: `${visibleLeft}%`, width: `${visibleWidth}%` }}\n onPointerDown={onPointerDown}\n onKeyDown={onKeyDown}\n >\n {showDuration ? (\n // TODO(ds): Txt needs a compact data-label variant.\n <Txt as=\"span\" variant=\"caption\" tone=\"ink\" font=\"mono\" className=\"tabular-nums\">\n {duration}\n </Txt>\n ) : null}\n </div>\n );\n}\n","import type { DateRangeGridMarker } from './lib/date-range-timeline-grid';\nimport { cn } from '@/lib/utils';\n\ninterface DateRangeTrackGridProps {\n markers: DateRangeGridMarker[];\n}\n\nfunction getMarkerHeight(emphasis: DateRangeGridMarker['emphasis']) {\n if (emphasis === 'major') return 'h-5';\n if (emphasis === 'medium') return 'h-3';\n return 'h-1.5';\n}\n\nexport function DateRangeTrackGrid({ markers }: DateRangeTrackGridProps) {\n // Skip markers sitting exactly on the edges — the track boundary already reads as a line there.\n const interiorMarkers = markers.filter(marker => marker.position > 0 && marker.position < 100);\n\n return (\n <div className=\"pointer-events-none absolute inset-0\" aria-hidden=\"true\">\n {interiorMarkers.map(marker => (\n <span\n key={marker.index}\n className={cn(\n 'absolute top-1/2 w-px -translate-1/2 bg-muted-foreground/15',\n getMarkerHeight(marker.emphasis),\n )}\n style={{ left: `${marker.position}%` }}\n />\n ))}\n </div>\n );\n}\n","import { clamp } from './date-range-timeline';\nimport type { DateBoundary, TimelineIndexRange } from './date-range-timeline';\n\ninterface TimelineTrackGeometry {\n left: number;\n width: number;\n}\n\nexport type TimelinePointerGesture =\n \| { type: 'brush'; startIndex: number }\n \| { type: 'pan'; startIndex: number; originalSelection: TimelineIndexRange }\n \| { type: 'handle'; boundary: DateBoundary; originalSelection: TimelineIndexRange };\n\nexport type TimelineInteraction =\n \| { type: 'selecting' }\n \| { type: 'moving' }\n \| { type: 'resizing'; boundary: DateBoundary };\n\nconst KEYBOARD_LARGE_STEP_DAYS = 7;\n\nfunction getKeyboardDelta(key: string) {\n if (key === 'ArrowLeft' \|\| key === 'ArrowDown') return -1;\n if (key === 'ArrowRight' \|\| key === 'ArrowUp') return 1;\n if (key === 'PageDown') return -KEYBOARD_LARGE_STEP_DAYS;\n if (key === 'PageUp') return KEYBOARD_LARGE_STEP_DAYS;\n return undefined;\n}\n\nexport function getTimelineInteraction(gesture: TimelinePointerGesture): TimelineInteraction {\n if (gesture.type === 'brush') return { type: 'selecting' };\n if (gesture.type === 'pan') return { type: 'moving' };\n return { type: 'resizing', boundary: gesture.boundary };\n}\n\nexport function getTimelineIndexAtClientX(\n clientX: number,\n track: TimelineTrackGeometry \| undefined,\n viewport: TimelineIndexRange,\n) {\n const viewportSpan = viewport.to - viewport.from;\n if (!track \|\| track.width <= 0 \|\| viewportSpan <= 0) return viewport.from;\n\n const position = clamp((clientX - track.left) / track.width, 0, 1);\n return viewport.from + Math.round(position viewportSpan);\n}\n\nexport function resolveTimelineGestureSelection(\n gesture: TimelinePointerGesture,\n pointerIndex: number,\n viewport: TimelineIndexRange,\n): TimelineIndexRange {\n const boundedPointerIndex = clamp(pointerIndex, viewport.from, viewport.to);\n\n if (gesture.type === 'brush') {\n return {\n from: Math.min(gesture.startIndex, boundedPointerIndex),\n to: Math.max(gesture.startIndex, boundedPointerIndex),\n };\n }\n\n if (gesture.type === 'pan') {\n const selectionSpan = gesture.originalSelection.to - gesture.originalSelection.from;\n const delta = boundedPointerIndex - gesture.startIndex;\n const from = clamp(gesture.originalSelection.from + delta, viewport.from, viewport.to - selectionSpan);\n return { from, to: from + selectionSpan };\n }\n\n if (gesture.boundary === 'from') {\n return {\n from: clamp(boundedPointerIndex, viewport.from, gesture.originalSelection.to),\n to: gesture.originalSelection.to,\n };\n }\n\n return {\n from: gesture.originalSelection.from,\n to: clamp(boundedPointerIndex, gesture.originalSelection.from, viewport.to),\n };\n}\n\nexport function moveTimelineSelectionFromKey(selection: TimelineIndexRange, key: string, maximumIndex: number) {\n const span = selection.to - selection.from;\n if (key === 'Home') return { from: 0, to: span };\n if (key === 'End') return { from: maximumIndex - span, to: maximumIndex };\n\n const delta = getKeyboardDelta(key);\n if (delta === undefined) return undefined;\n const from = clamp(selection.from + delta, 0, maximumIndex - span);\n return { from, to: from + span };\n}\n\nexport function resizeTimelineSelectionFromKey(\n selection: TimelineIndexRange,\n boundary: DateBoundary,\n key: string,\n maximumIndex: number,\n) {\n const { from, to } = selection;\n if (key === 'Home') return boundary === 'from' ? { from: 0, to } : { from, to: from };\n if (key === 'End') {\n return boundary === 'from' ? { from: to, to } : { from, to: maximumIndex };\n }\n\n const delta = getKeyboardDelta(key);\n if (delta === undefined) return undefined;\n return boundary === 'from'\n ? { from: clamp(from + delta, 0, to), to }\n : { from, to: clamp(to + delta, from, maximumIndex) };\n}\n","import type { KeyboardEvent } from 'react';\nimport type { DateBoundary, TimelineIndexRange } from '../lib/date-range-timeline';\nimport { moveTimelineSelectionFromKey, resizeTimelineSelectionFromKey } from '../lib/date-range-timeline-interactions';\n\ninterface UseDateRangeKeyboardControlsInput {\n selection: TimelineIndexRange;\n maximumIndex: number;\n onCommit: (selection: TimelineIndexRange) => void;\n}\n\nexport function useDateRangeKeyboardControls({ selection, maximumIndex, onCommit }: UseDateRangeKeyboardControlsInput) {\n function handleSelectionKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n const nextSelection = moveTimelineSelectionFromKey(selection, event.key, maximumIndex);\n if (!nextSelection) return;\n\n event.preventDefault();\n onCommit(nextSelection);\n }\n\n function handleBoundaryKeyDown(boundary: DateBoundary, event: KeyboardEvent<HTMLDivElement>) {\n const nextSelection = resizeTimelineSelectionFromKey(selection, boundary, event.key, maximumIndex);\n if (!nextSelection) return;\n\n event.preventDefault();\n onCommit(nextSelection);\n }\n\n function handleFromKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n handleBoundaryKeyDown('from', event);\n }\n\n function handleToKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n handleBoundaryKeyDown('to', event);\n }\n\n return {\n handleSelectionKeyDown,\n handleFromKeyDown,\n handleToKeyDown,\n };\n}\n","import { useRef } from 'react';\nimport type { PointerEvent } from 'react';\n\ninterface PointerDragSession<TPayload> {\n pointerId: number;\n captureTarget: HTMLElement;\n payload: TPayload;\n}\n\ninterface UsePointerDragInput<TPayload> {\n onMove: (payload: TPayload, event: PointerEvent<HTMLElement>) => void;\n onEnd: (payload: TPayload, event: PointerEvent<HTMLElement>) => void;\n onCancel: (payload: TPayload, event: PointerEvent<HTMLElement>) => void;\n}\n\nexport function usePointerDrag<TPayload>({ onMove, onEnd, onCancel }: UsePointerDragInput<TPayload>) {\n const sessionRef = useRef<PointerDragSession<TPayload> \| undefined>(undefined);\n\n function startPointerDrag(event: PointerEvent<HTMLElement>, payload: TPayload) {\n if (sessionRef.current) return false;\n\n const captureTarget = event.currentTarget;\n captureTarget.setPointerCapture(event.pointerId);\n sessionRef.current = {\n pointerId: event.pointerId,\n captureTarget,\n payload,\n };\n return true;\n }\n\n function getSession(event: PointerEvent<HTMLElement>) {\n const session = sessionRef.current;\n if (!session \|\| session.pointerId !== event.pointerId) return undefined;\n return session;\n }\n\n function releaseSession(session: PointerDragSession<TPayload>) {\n sessionRef.current = undefined;\n if (!session.captureTarget.hasPointerCapture(session.pointerId)) return;\n session.captureTarget.releasePointerCapture(session.pointerId);\n }\n\n function handlePointerMove(event: PointerEvent<HTMLElement>) {\n const session = getSession(event);\n if (!session) return;\n onMove(session.payload, event);\n }\n\n function handlePointerUp(event: PointerEvent<HTMLElement>) {\n const session = getSession(event);\n if (!session) return;\n releaseSession(session);\n onEnd(session.payload, event);\n }\n\n function handlePointerCancel(event: PointerEvent<HTMLElement>) {\n const session = getSession(event);\n if (!session) return;\n releaseSession(session);\n onCancel(session.payload, event);\n }\n\n function handleLostPointerCapture(event: PointerEvent<HTMLElement>) {\n const session = getSession(event);\n if (!session) return;\n sessionRef.current = undefined;\n onCancel(session.payload, event);\n }\n\n return {\n startPointerDrag,\n handlePointerMove,\n handlePointerUp,\n handlePointerCancel,\n handleLostPointerCapture,\n };\n}\n","import { useState } from 'react';\nimport type { PointerEvent, RefObject } from 'react';\nimport type { DateBoundary, TimelineIndexRange, TimelineState } from '../lib/date-range-timeline';\nimport {\n getTimelineIndexAtClientX,\n getTimelineInteraction,\n resolveTimelineGestureSelection,\n} from '../lib/date-range-timeline-interactions';\nimport type { TimelineInteraction, TimelinePointerGesture } from '../lib/date-range-timeline-interactions';\nimport { usePointerDrag } from './use-pointer-drag';\n\nexport type { TimelineInteraction } from '../lib/date-range-timeline-interactions';\n\ninterface TimelinePointerDrag {\n gesture: TimelinePointerGesture;\n currentSelection: TimelineIndexRange;\n}\n\ninterface UseDateRangePointerGesturesInput {\n trackRef: RefObject<HTMLDivElement \| null>;\n timeline: TimelineState;\n onSelectionPreview: (selection: TimelineIndexRange) => void;\n onSelectionCommit: (selection: TimelineIndexRange) => void;\n onSelectionCancel: () => void;\n}\n\nexport function useDateRangePointerGestures({\n trackRef,\n timeline,\n onSelectionPreview,\n onSelectionCommit,\n onSelectionCancel,\n}: UseDateRangePointerGesturesInput) {\n const [interaction, setInteraction] = useState<TimelineInteraction>();\n\n function getPointerIndex(clientX: number) {\n const track = trackRef.current?.getBoundingClientRect();\n return getTimelineIndexAtClientX(clientX, track, timeline.viewport);\n }\n\n function previewPointerDrag(drag: TimelinePointerDrag, event: PointerEvent<HTMLElement>) {\n const pointerIndex = getPointerIndex(event.clientX);\n const selection = resolveTimelineGestureSelection(drag.gesture, pointerIndex, timeline.viewport);\n drag.currentSelection = selection;\n onSelectionPreview(selection);\n }\n\n function commitPointerDrag(drag: TimelinePointerDrag, event: PointerEvent<HTMLElement>) {\n previewPointerDrag(drag, event);\n setInteraction(undefined);\n onSelectionCommit(drag.currentSelection);\n }\n\n function cancelPointerDrag() {\n setInteraction(undefined);\n onSelectionCancel();\n }\n\n const pointerDrag = usePointerDrag<TimelinePointerDrag>({\n onMove: previewPointerDrag,\n onEnd: commitPointerDrag,\n onCancel: cancelPointerDrag,\n });\n\n function beginPointerDrag(\n event: PointerEvent<HTMLDivElement>,\n gesture: TimelinePointerGesture,\n currentSelection: TimelineIndexRange,\n ) {\n const started = pointerDrag.startPointerDrag(event, { gesture, currentSelection });\n if (!started) return false;\n setInteraction(getTimelineInteraction(gesture));\n return true;\n }\n\n function startBrush(event: PointerEvent<HTMLDivElement>) {\n if (event.button !== 0) return;\n event.preventDefault();\n const startIndex = getPointerIndex(event.clientX);\n const selection = { from: startIndex, to: startIndex };\n const started = beginPointerDrag(\n event,\n {\n type: 'brush',\n startIndex,\n },\n selection,\n );\n if (!started) return;\n onSelectionPreview(selection);\n }\n\n function startPan(event: PointerEvent<HTMLDivElement>) {\n if (event.button !== 0) return;\n event.preventDefault();\n event.stopPropagation();\n beginPointerDrag(\n event,\n {\n type: 'pan',\n startIndex: getPointerIndex(event.clientX),\n originalSelection: timeline.selection,\n },\n timeline.selection,\n );\n }\n\n function startHandle(boundary: DateBoundary, event: PointerEvent<HTMLDivElement>) {\n if (event.button !== 0) return;\n event.preventDefault();\n event.stopPropagation();\n beginPointerDrag(\n event,\n {\n type: 'handle',\n boundary,\n originalSelection: timeline.selection,\n },\n timeline.selection,\n );\n }\n\n function handlePointerMove(event: PointerEvent<HTMLDivElement>) {\n pointerDrag.handlePointerMove(event);\n }\n\n function handlePointerUp(event: PointerEvent<HTMLDivElement>) {\n pointerDrag.handlePointerUp(event);\n }\n\n function handlePointerCancel(event: PointerEvent<HTMLDivElement>) {\n pointerDrag.handlePointerCancel(event);\n }\n\n function handleLostPointerCapture(event: PointerEvent<HTMLDivElement>) {\n pointerDrag.handleLostPointerCapture(event);\n }\n\n return {\n interaction,\n startBrush,\n startPan,\n startHandle,\n handlePointerMove,\n handlePointerUp,\n handlePointerCancel,\n handleLostPointerCapture,\n };\n}\n","import { useEffect, useEffectEvent } from 'react';\nimport type { RefObject } from 'react';\nimport { clamp } from '../lib/date-range-timeline';\n\nconst MAX_WHEEL_DELTA = 80;\nconst WHEEL_ZOOM_SENSITIVITY = 0.003;\n\ninterface UseDateRangeWheelZoomInput {\n rootRef: RefObject<HTMLDivElement \| null>;\n trackRef: RefObject<HTMLDivElement \| null>;\n disabled: boolean;\n onZoom: (factor: number, anchor: number) => void;\n}\n\nexport function useDateRangeWheelZoom({ rootRef, trackRef, disabled, onZoom }: UseDateRangeWheelZoomInput) {\n const handleWheel = useEffectEvent((event: WheelEvent) => {\n if (!event.ctrlKey) return;\n // Bail before preventDefault when disabled so native browser zoom still works.\n if (disabled) return;\n event.preventDefault();\n\n const trackRect = trackRef.current?.getBoundingClientRect();\n const anchor =\n trackRect && trackRect.width > 0 ? clamp((event.clientX - trackRect.left) / trackRect.width, 0, 1) : 0.5;\n const wheelDelta = clamp(event.deltaY, -MAX_WHEEL_DELTA, MAX_WHEEL_DELTA);\n const factor = Math.exp(wheelDelta * WHEEL_ZOOM_SENSITIVITY);\n onZoom(factor, anchor);\n });\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root) return;\n root.addEventListener('wheel', handleWheel, { passive: false });\n return () => root.removeEventListener('wheel', handleWheel);\n }, [rootRef]);\n}\n","import { buildTimelineTickOffsets, getTimelinePosition } from './date-range-timeline';\nimport type { TimelineIndexRange } from './date-range-timeline';\n\nconst MAX_GRID_INTERVALS = 24;\n\nexport interface DateRangeGridMarker {\n index: number;\n position: number;\n emphasis: 'major' \| 'medium' \| 'minor';\n}\n\nfunction addVisibleMarker(markerIndices: Set<number>, index: number, viewport: TimelineIndexRange) {\n if (index >= viewport.from && index <= viewport.to) {\n markerIndices.add(index);\n }\n}\n\nfunction getMarkerEmphasis(\n index: number,\n majorIndices: Set<number>,\n mediumIndices: Set<number>,\n): DateRangeGridMarker['emphasis'] {\n if (majorIndices.has(index)) return 'major';\n if (mediumIndices.has(index)) return 'medium';\n return 'minor';\n}\n\nexport function createDateRangeGridMarkers(\n viewport: TimelineIndexRange,\n selection: TimelineIndexRange,\n): DateRangeGridMarker[] {\n const viewportSpan = Math.max(0, viewport.to - viewport.from);\n if (viewportSpan === 0) {\n return [{ index: viewport.from, position: 50, emphasis: 'major' }];\n }\n\n const sampleStep = Math.max(1, Math.ceil(viewportSpan / MAX_GRID_INTERVALS));\n const markerIndices = new Set<number>();\n const majorIndices = new Set<number>();\n const mediumIndices = new Set<number>();\n const tickOffsets = buildTimelineTickOffsets(viewportSpan);\n\n for (let index = viewport.from; index <= viewport.to; index += sampleStep) {\n markerIndices.add(index);\n }\n\n for (let index = 0; index < tickOffsets.length; index += 1) {\n const tickOffset = tickOffsets[index];\n if (tickOffset === undefined) continue;\n\n const majorIndex = viewport.from + tickOffset;\n markerIndices.add(majorIndex);\n majorIndices.add(majorIndex);\n\n const nextTickOffset = tickOffsets[index + 1];\n if (nextTickOffset === undefined) continue;\n\n const mediumIndex = viewport.from + Math.round((tickOffset + nextTickOffset) / 2);\n markerIndices.add(mediumIndex);\n mediumIndices.add(mediumIndex);\n }\n\n addVisibleMarker(markerIndices, selection.from, viewport);\n addVisibleMarker(markerIndices, selection.to, viewport);\n\n return [...markerIndices]\n .sort((left, right) => left - right)\n .map(index => ({\n index,\n position: getTimelinePosition(index, viewport),\n emphasis: getMarkerEmphasis(index, majorIndices, mediumIndices),\n }));\n}\n","import { addDays } from 'date-fns';\nimport {\n buildTimelineTicks,\n formatDateRangeDuration,\n formatDateRangeValueText,\n getTimelinePosition,\n toDateRange,\n} from './date-range-timeline';\nimport type { TimelineState } from './date-range-timeline';\n\nexport function createDateRangeBoundaryModel(state: TimelineState) {\n const range = toDateRange(state);\n const fromPosition = getTimelinePosition(state.selection.from, state.viewport);\n const toPosition = getTimelinePosition(state.selection.to, state.viewport);\n\n return {\n positions: { from: fromPosition, to: toPosition },\n range,\n };\n}\n\nexport function createDateRangeTrackModel(state: TimelineState, maximumIndex: number) {\n const range = toDateRange(state);\n const fromPosition = getTimelinePosition(state.selection.from, state.viewport);\n const toPosition = getTimelinePosition(state.selection.to, state.viewport);\n const span = state.selection.to - state.selection.from;\n\n return {\n handles: {\n from: {\n position: fromPosition,\n value: state.selection.from,\n valueText: range.from,\n min: 0,\n max: state.selection.to,\n },\n to: {\n position: toPosition,\n value: state.selection.to,\n valueText: range.to,\n min: state.selection.from,\n max: maximumIndex,\n },\n },\n selection: {\n left: fromPosition,\n width: Math.max(0, toPosition - fromPosition),\n duration: formatDateRangeDuration(range),\n value: state.selection.from,\n valueText: formatDateRangeValueText(range),\n max: maximumIndex - span,\n },\n };\n}\n\nexport function createDateRangeAxisModel(state: TimelineState) {\n const visibleFrom = addDays(state.origin, state.viewport.from);\n const visibleTo = addDays(state.origin, state.viewport.to);\n return { ticks: buildTimelineTicks(visibleFrom, visibleTo) };\n}\n","import { useRef } from 'react';\nimport type { PointerEvent, RefObject } from 'react';\nimport { DateRangeHandle } from './DateRangeHandle';\nimport { DateRangeSelection } from './DateRangeSelection';\nimport { DateRangeTrackGrid } from './DateRangeTrackGrid';\nimport { useDateRangeKeyboardControls } from './hooks/useDateRangeKeyboardControls';\nimport { useDateRangePointerGestures } from './hooks/useDateRangePointerGestures';\nimport { useDateRangeWheelZoom } from './hooks/useDateRangeWheelZoom';\nimport type { TimelineIndexRange, TimelineState } from './lib/date-range-timeline';\nimport { createDateRangeGridMarkers } from './lib/date-range-timeline-grid';\nimport { createDateRangeTrackModel } from './lib/date-range-timeline-view-model';\nimport { cn } from '@/lib/utils';\n\ninterface DateRangeTrackProps {\n wheelTargetRef: RefObject<HTMLDivElement \| null>;\n timeline: TimelineState;\n maximumIndex: number;\n onSelectionPreview: (selection: TimelineIndexRange) => void;\n onSelectionCommit: (selection: TimelineIndexRange) => void;\n onSelectionCancel: () => void;\n onZoom: (factor: number, anchor: number) => void;\n}\n\nexport function DateRangeTrack({\n wheelTargetRef,\n timeline,\n maximumIndex,\n onSelectionPreview,\n onSelectionCommit,\n onSelectionCancel,\n onZoom,\n}: DateRangeTrackProps) {\n const trackRef = useRef<HTMLDivElement>(null);\n const pointer = useDateRangePointerGestures({\n trackRef,\n timeline,\n onSelectionPreview,\n onSelectionCommit,\n onSelectionCancel,\n });\n const { handleSelectionKeyDown, handleFromKeyDown, handleToKeyDown } = useDateRangeKeyboardControls({\n selection: timeline.selection,\n maximumIndex,\n onCommit: onSelectionCommit,\n });\n\n useDateRangeWheelZoom({\n rootRef: wheelTargetRef,\n trackRef,\n disabled: pointer.interaction !== undefined,\n onZoom,\n });\n\n const model = createDateRangeTrackModel(timeline, maximumIndex);\n const gridMarkers = createDateRangeGridMarkers(timeline.viewport, timeline.selection);\n\n function startFromHandle(event: PointerEvent<HTMLDivElement>) {\n pointer.startHandle('from', event);\n }\n\n function startToHandle(event: PointerEvent<HTMLDivElement>) {\n pointer.startHandle('to', event);\n }\n\n return (\n <div\n ref={trackRef}\n role=\"group\"\n aria-label=\"Date range selection area\"\n className={cn(\n 'relative h-12 touch-none rounded-lg bg-muted',\n pointer.interaction?.type === 'selecting' ? 'cursor-col-resize' : 'cursor-crosshair',\n )}\n onPointerDown={pointer.startBrush}\n onPointerMove={pointer.handlePointerMove}\n onPointerUp={pointer.handlePointerUp}\n onPointerCancel={pointer.handlePointerCancel}\n onLostPointerCapture={pointer.handleLostPointerCapture}\n >\n <DateRangeTrackGrid markers={gridMarkers} />\n <DateRangeSelection\n left={model.selection.left}\n width={model.selection.width}\n duration={model.selection.duration}\n active={pointer.interaction !== undefined}\n value={model.selection.value}\n valueText={model.selection.valueText}\n max={model.selection.max}\n onPointerDown={pointer.startPan}\n onKeyDown={handleSelectionKeyDown}\n />\n <DateRangeHandle\n boundary=\"from\"\n position={model.handles.from.position}\n value={model.handles.from.value}\n valueText={model.handles.from.valueText}\n min={model.handles.from.min}\n max={model.handles.from.max}\n active={pointer.interaction?.type === 'resizing' && pointer.interaction.boundary === 'from'}\n onPointerDown={startFromHandle}\n onKeyDown={handleFromKeyDown}\n />\n <DateRangeHandle\n boundary=\"to\"\n position={model.handles.to.position}\n value={model.handles.to.value}\n valueText={model.handles.to.valueText}\n min={model.handles.to.min}\n max={model.handles.to.max}\n active={pointer.interaction?.type === 'resizing' && pointer.interaction.boundary === 'to'}\n onPointerDown={startToHandle}\n onKeyDown={handleToKeyDown}\n />\n </div>\n );\n}\n","import { addDays, differenceInCalendarDays } from 'date-fns';\nimport { useState } from 'react';\nimport {\n clamp,\n createTimelineState,\n parseDate,\n revealTimelineSelection,\n toDateRange,\n zoomTimelineViewport,\n} from '../lib/date-range-timeline';\nimport type { DateBoundary, TimelineIndexRange } from '../lib/date-range-timeline';\nimport type { DateRangeValue } from '../types';\n\ninterface UseDateRangeTimelineStateInput {\n value: DateRangeValue;\n min: string;\n max: string;\n onCommit: (value: DateRangeValue) => void;\n}\n\nfunction resolveTimelineBounds(min: string, max: string) {\n const fallbackMax = new Date();\n const maxDate = parseDate(max) ?? fallbackMax;\n const requestedMin = parseDate(min) ?? addDays(maxDate, -365);\n const minDate = requestedMin > maxDate ? maxDate : requestedMin;\n return { minDate, maxDate };\n}\n\nexport function useDateRangeTimelineState({ value, min, max, onCommit }: UseDateRangeTimelineStateInput) {\n const { minDate, maxDate } = resolveTimelineBounds(min, max);\n const committedTimeline = createTimelineState(value, minDate, maxDate);\n const maximumIndex = Math.max(0, differenceInCalendarDays(maxDate, minDate));\n const [viewport, setViewport] = useState(() => committedTimeline.viewport);\n const [draftSelection, setDraftSelection] = useState<TimelineIndexRange>();\n const selection = draftSelection ?? committedTimeline.selection;\n const state = {\n ...committedTimeline,\n viewport: revealTimelineSelection(viewport, selection, maximumIndex),\n selection,\n };\n\n function previewSelection(nextSelection: TimelineIndexRange) {\n setDraftSelection(nextSelection);\n }\n\n function cancelSelection() {\n setDraftSelection(undefined);\n }\n\n function commitSelection(nextSelection: TimelineIndexRange) {\n setDraftSelection(undefined);\n setViewport(current => revealTimelineSelection(current, nextSelection, maximumIndex));\n onCommit(toDateRange({ ...state, selection: nextSelection }));\n }\n\n function zoom(factor: number, anchor: number) {\n setViewport(current => {\n const visibleViewport = revealTimelineSelection(current, state.selection, maximumIndex);\n return zoomTimelineViewport({ ...state, viewport: visibleViewport }, maximumIndex, factor, anchor).viewport;\n });\n }\n\n function selectDate(boundary: DateBoundary, nextValue: string) {\n const date = parseDate(nextValue);\n if (!date) return;\n\n const dateIndex = clamp(differenceInCalendarDays(date, state.origin), 0, maximumIndex);\n const nextSelection =\n boundary === 'from'\n ? {\n from: clamp(dateIndex, 0, state.selection.to),\n to: state.selection.to,\n }\n : {\n from: state.selection.from,\n to: clamp(dateIndex, state.selection.from, maximumIndex),\n };\n commitSelection(nextSelection);\n }\n\n return {\n state,\n maximumIndex,\n previewSelection,\n cancelSelection,\n commitSelection,\n zoom,\n selectDate,\n };\n}\n","import { useRef } from 'react';\nimport { DateRangeBoundaryPickers } from './DateRangeBoundaryPickers';\nimport { DateRangeTicks } from './DateRangeTicks';\nimport { DateRangeTrack } from './DateRangeTrack';\nimport { useDateRangeTimelineState } from './hooks/useDateRangeTimelineState';\nimport { createDateRangeAxisModel, createDateRangeBoundaryModel } from './lib/date-range-timeline-view-model';\nimport type { DateRangeValue } from './types';\n\ninterface DateRangeTimelineProps {\n value: DateRangeValue;\n min: string;\n max: string;\n onCommit: (value: DateRangeValue) => void;\n}\n\nexport function DateRangeTimeline({ value, min, max, onCommit }: DateRangeTimelineProps) {\n const rootRef = useRef<HTMLDivElement>(null);\n const timeline = useDateRangeTimelineState({\n value,\n min,\n max,\n onCommit,\n });\n const boundaryModel = createDateRangeBoundaryModel(timeline.state);\n const axisModel = createDateRangeAxisModel(timeline.state);\n\n return (\n <div\n ref={rootRef}\n role=\"group\"\n aria-label=\"Date range timeline\"\n // Clip keeps stray axis labels from causing horizontal scroll; the margin lets the edge\n // handles (and their focus ring) render fully instead of being sliced in half at min/max.\n className=\"w-full overflow-x-clip select-none [overflow-clip-margin:0.75rem]\"\n >\n <DateRangeBoundaryPickers\n positions={boundaryModel.positions}\n value={boundaryModel.range}\n min={min}\n max={max}\n onSelect={timeline.selectDate}\n />\n\n <DateRangeTrack\n wheelTargetRef={rootRef}\n timeline={timeline.state}\n maximumIndex={timeline.maximumIndex}\n onSelectionPreview={timeline.previewSelection}\n onSelectionCommit={timeline.commitSelection}\n onSelectionCancel={timeline.cancelSelection}\n onZoom={timeline.zoom}\n />\n\n <DateRangeTicks ticks={axisModel.ticks} min={min} max={max} />\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"DateRangeTimeline.cjs.js","names":["parseISO","isValid","format","addDays","differenceInCalendarDays","useState","format","Popover","PopoverTrigger","Button","CalendarDaysIcon","Txt","PopoverContent","DatePicker","useState","useRef","format","Txt","format","cn","cn","focusRing","Txt","cn","useRef","useState","useEffectEvent","addDays","useRef","cn","addDays","differenceInCalendarDays","useState","useRef"],"sources":["../../src/ds/components/DateRangeTimeline/lib/date-range-timeline.ts","../../src/ds/components/DateRangeTimeline/DateRangeBoundaryPicker.tsx","../../src/ds/components/DateRangeTimeline/lib/date-range-boundary-layout.ts","../../src/ds/components/DateRangeTimeline/hooks/useDateRangeBoundaryLayout.ts","../../src/ds/components/DateRangeTimeline/DateRangeBoundaryPickers.tsx","../../src/ds/components/DateRangeTimeline/DateRangeTicks.tsx","../../src/ds/components/DateRangeTimeline/DateRangeHandle.tsx","../../src/ds/components/DateRangeTimeline/DateRangeSelection.tsx","../../src/ds/components/DateRangeTimeline/DateRangeTrackGrid.tsx","../../src/ds/components/DateRangeTimeline/lib/date-range-timeline-interactions.ts","../../src/ds/components/DateRangeTimeline/hooks/useDateRangeKeyboardControls.ts","../../src/ds/components/DateRangeTimeline/hooks/use-pointer-drag.ts","../../src/ds/components/DateRangeTimeline/hooks/useDateRangePointerGestures.ts","../../src/ds/components/DateRangeTimeline/hooks/useDateRangeWheelZoom.ts","../../src/ds/components/DateRangeTimeline/lib/date-range-timeline-grid.ts","../../src/ds/components/DateRangeTimeline/lib/date-range-timeline-view-model.ts","../../src/ds/components/DateRangeTimeline/DateRangeTrack.tsx","../../src/ds/components/DateRangeTimeline/hooks/useDateRangeTimelineState.ts","../../src/ds/components/DateRangeTimeline/DateRangeTimeline.tsx"],"sourcesContent":["import { addDays, differenceInCalendarDays, format, isValid, parseISO } from 'date-fns';\nimport type { DateRangeValue, DateRangeBounds } from '../types';\n\nconst API_DATE_FORMAT = 'yyyy-MM-dd';\n\nexport type DateBoundary = 'from' \| 'to';\n\nexport interface TimelineIndexRange {\n from: number;\n to: number;\n}\n\nexport interface TimelineState {\n origin: Date;\n viewport: TimelineIndexRange;\n selection: TimelineIndexRange;\n}\n\nexport interface TimelineTick {\n date: string;\n label: string;\n position: number;\n}\n\nexport function clamp(value: number, min: number, max: number) {\n return Math.min(max, Math.max(min, value));\n}\n\nexport function parseDate(value: string) {\n const date = parseISO(value);\n if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(value) \|\| !isValid(date)) return undefined;\n return format(date, API_DATE_FORMAT) === value ? date : undefined;\n}\n\nexport function toDateRange(state: TimelineState): DateRangeValue {\n return {\n from: format(addDays(state.origin, state.selection.from), API_DATE_FORMAT),\n to: format(addDays(state.origin, state.selection.to), API_DATE_FORMAT),\n };\n}\n\nexport function createTimelineState(value: DateRangeValue, min: Date, max: Date): TimelineState {\n const selectedFrom = parseDate(value.from) ?? min;\n const selectedTo = parseDate(value.to) ?? max;\n const absoluteSpan = Math.max(0, differenceInCalendarDays(max, min));\n if (absoluteSpan === 0) {\n return {\n origin: min,\n viewport: { from: 0, to: 0 },\n selection: { from: 0, to: 0 },\n };\n }\n\n const selectedFromIndex = clamp(differenceInCalendarDays(selectedFrom, min), 0, absoluteSpan);\n const selectedToIndex = clamp(differenceInCalendarDays(selectedTo, min), 0, absoluteSpan);\n\n return {\n origin: min,\n viewport: { from: 0, to: absoluteSpan },\n selection: {\n from: Math.min(selectedFromIndex, selectedToIndex),\n to: Math.max(selectedFromIndex, selectedToIndex),\n },\n };\n}\n\nexport function zoomTimelineViewport(\n state: TimelineState,\n maximumIndex: number,\n factor: number,\n anchor: number,\n): TimelineState {\n if (!Number.isFinite(factor) \|\| factor <= 0 \|\| factor === 1) return state;\n\n const boundedMaximum = Math.max(0, maximumIndex);\n const viewportSpan = state.viewport.to - state.viewport.from;\n const selectionSpan = state.selection.to - state.selection.from;\n const minimumViewportSpan = Math.max(selectionSpan, Math.min(1, boundedMaximum));\n const scaledSpan = clamp(Math.round(viewportSpan * factor), minimumViewportSpan, boundedMaximum);\n const nextSpan =\n scaledSpan === viewportSpan\n ? clamp(viewportSpan + (factor > 1 ? 1 : -1), minimumViewportSpan, boundedMaximum)\n : scaledSpan;\n if (nextSpan === viewportSpan) return state;\n\n const normalizedAnchor = Number.isFinite(anchor) ? clamp(anchor, 0, 1) : 0.5;\n const anchorIndex = state.viewport.from + viewportSpan * normalizedAnchor;\n const desiredFrom = Math.round(anchorIndex - nextSpan * normalizedAnchor);\n const earliestFrom = Math.max(0, state.selection.to - nextSpan);\n const latestFrom = Math.min(state.selection.from, boundedMaximum - nextSpan);\n const from = clamp(desiredFrom, earliestFrom, latestFrom);\n\n return {\n ...state,\n viewport: { from, to: from + nextSpan },\n };\n}\n\nexport function revealTimelineSelection(\n viewport: TimelineIndexRange,\n selection: TimelineIndexRange,\n maximumIndex: number,\n): TimelineIndexRange {\n const boundedMaximum = Math.max(0, maximumIndex);\n const selectionFrom = clamp(Math.min(selection.from, selection.to), 0, boundedMaximum);\n const selectionTo = clamp(Math.max(selection.from, selection.to), selectionFrom, boundedMaximum);\n const viewportSpan = clamp(viewport.to - viewport.from, 0, boundedMaximum);\n const viewportFrom = clamp(viewport.from, 0, boundedMaximum - viewportSpan);\n const normalizedViewport = { from: viewportFrom, to: viewportFrom + viewportSpan };\n const selectionSpan = selectionTo - selectionFrom;\n const nextSpan = Math.max(viewportSpan, selectionSpan);\n\n if (selectionFrom >= normalizedViewport.from && selectionTo <= normalizedViewport.to) {\n if (normalizedViewport.from === viewport.from && normalizedViewport.to === viewport.to) {\n return viewport;\n }\n return normalizedViewport;\n }\n\n const desiredFrom = selectionFrom < normalizedViewport.from ? selectionFrom : selectionTo - nextSpan;\n const from = clamp(desiredFrom, 0, boundedMaximum - nextSpan);\n return { from, to: from + nextSpan };\n}\n\nexport function getTimelinePosition(index: number, viewport: TimelineIndexRange) {\n const viewportSpan = viewport.to - viewport.from;\n if (viewportSpan === 0) return 50;\n return ((index - viewport.from) / viewportSpan) * 100;\n}\n\nexport function buildTimelineTickOffsets(span: number) {\n const boundedSpan = Math.max(0, Math.floor(span));\n const tickCount = boundedSpan === 0 ? 1 : Math.min(5, boundedSpan + 1);\n\n return Array.from({ length: tickCount }, (_, index) =>\n Math.round((boundedSpan * index) / Math.max(1, tickCount - 1)),\n );\n}\n\nexport function buildTimelineTicks(domainFrom: Date, domainTo: Date): TimelineTick[] {\n const span = Math.max(0, differenceInCalendarDays(domainTo, domainFrom));\n const crossesYears = domainFrom.getFullYear() !== domainTo.getFullYear();\n\n return buildTimelineTickOffsets(span).map(dayOffset => {\n const date = addDays(domainFrom, dayOffset);\n const labelFormat = span > 365 \|\| crossesYears ? 'MMM yyyy' : 'MMM d';\n\n return {\n label: format(date, labelFormat),\n date: format(date, API_DATE_FORMAT),\n position: span === 0 ? 50 : (dayOffset / span) * 100,\n };\n });\n}\n\nexport function clampDateRangeToBounds(value: DateRangeValue, bounds: DateRangeBounds): DateRangeValue {\n const min = parseDate(bounds.min);\n const max = parseDate(bounds.max);\n if (!min \|\| !max) return value;\n\n const from = parseDate(value.from) ?? min;\n const to = parseDate(value.to) ?? max;\n const clampedFrom = new Date(clamp(from.getTime(), min.getTime(), max.getTime()));\n const clampedTo = new Date(clamp(to.getTime(), clampedFrom.getTime(), max.getTime()));\n\n return {\n from: format(clampedFrom, API_DATE_FORMAT),\n to: format(clampedTo, API_DATE_FORMAT),\n };\n}\n\nexport function getDateRangeBounds(createdAt: string, today: string): DateRangeBounds {\n const max = parseDate(today) ?? new Date();\n const created = parseDate(createdAt) ?? max;\n const min = created > max ? max : created;\n return {\n min: format(min, API_DATE_FORMAT),\n max: format(max, API_DATE_FORMAT),\n };\n}\n\nexport function formatDateRangeDuration(value: DateRangeValue) {\n const from = parseDate(value.from);\n const to = parseDate(value.to);\n if (!from \|\| !to) return '';\n const days = Math.max(1, differenceInCalendarDays(to, from) + 1);\n return days === 1 ? '1 day' : `${days} days`;\n}\n\nexport function formatDateRangeValueText(value: DateRangeValue) {\n const from = parseDate(value.from);\n const to = parseDate(value.to);\n if (!from \|\| !to) return `${value.from} through ${value.to}`;\n return `${format(from, 'MMMM d, yyyy')} through ${format(to, 'MMMM d, yyyy')}`;\n}\n","import { format } from 'date-fns';\nimport { CalendarDaysIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { parseDate } from './lib/date-range-timeline';\nimport type { DateBoundary } from './lib/date-range-timeline';\nimport { Button } from '@/ds/components/Button/Button';\nimport { DatePicker } from '@/ds/components/DateTimePicker';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { Txt } from '@/ds/components/Txt/Txt';\n\ninterface DateRangeBoundaryPickerProps {\n boundary: DateBoundary;\n value: string;\n min: string;\n max: string;\n onSelect: (boundary: DateBoundary, value: string) => void;\n}\n\nexport function DateRangeBoundaryPicker({ boundary, value, min, max, onSelect }: DateRangeBoundaryPickerProps) {\n const [open, setOpen] = useState(false);\n const isFrom = boundary === 'from';\n const boundaryLabel = isFrom ? 'start date' : 'end date';\n const selectedDate = parseDate(value);\n const firstDate = parseDate(min) ?? selectedDate;\n const lastDate = parseDate(max) ?? selectedDate;\n const formattedDate = selectedDate ? format(selectedDate, 'MMM d, yyyy') : value;\n\n function handleSelect(date?: Date) {\n if (!date) return;\n onSelect(boundary, format(date, 'yyyy-MM-dd'));\n setOpen(false);\n }\n\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger\n render={\n <Button\n aria-label={`Choose ${boundaryLabel}, ${formattedDate}`}\n aria-expanded={open}\n size=\"sm\"\n className=\"h-11 w-full min-w-0 justify-start overflow-hidden px-3 sm:h-8\"\n icon={<CalendarDaysIcon aria-hidden=\"true\" />}\n >\n <Txt as=\"span\" variant=\"caption\" tone=\"ink\" className=\"truncate tabular-nums\">\n {formattedDate}\n </Txt>\n </Button>\n }\n />\n <PopoverContent align={isFrom ? 'start' : 'end'} className=\"w-auto p-0\" sideOffset={6}>\n <DatePicker\n mode=\"single\"\n selected={selectedDate}\n defaultMonth={selectedDate}\n startMonth={firstDate}\n endMonth={lastDate}\n disabled={firstDate && lastDate ? { before: firstDate, after: lastDate } : undefined}\n onSelect={handleSelect}\n />\n </PopoverContent>\n </Popover>\n );\n}\n","import { clamp } from './date-range-timeline';\n\nconst PREFERRED_PICKER_WIDTH = 160;\nconst PREFERRED_PICKER_GAP = 8;\n\ninterface BoundaryPositions {\n from: number;\n to: number;\n}\n\ninterface BoundaryPickerRect {\n left: number;\n width: number;\n}\n\nexport interface DateRangeBoundaryLayout {\n from: BoundaryPickerRect;\n to: BoundaryPickerRect;\n gap: number;\n}\n\nexport function resolveDateRangeBoundaryLayout(\n requestedWidth: number,\n positions: BoundaryPositions,\n): DateRangeBoundaryLayout {\n const width = Math.max(0, requestedWidth);\n const gap = Math.min(PREFERRED_PICKER_GAP, width);\n const pickerWidth = Math.min(PREFERRED_PICKER_WIDTH, Math.max(0, (width - gap) / 2));\n const maximumLeft = Math.max(0, width - pickerWidth);\n const fromAnchor = (clamp(positions.from, 0, 100) / 100) * width;\n const toAnchor = (clamp(positions.to, 0, 100) / 100) * width;\n const preferredFromLeft = clamp(fromAnchor - pickerWidth - gap / 2, 0, maximumLeft);\n const preferredToLeft = clamp(toAnchor + gap / 2, 0, maximumLeft);\n const overlap = preferredFromLeft + pickerWidth + gap - preferredToLeft;\n\n if (overlap <= 0) {\n return {\n from: { left: preferredFromLeft, width: pickerWidth },\n to: { left: preferredToLeft, width: pickerWidth },\n gap,\n };\n }\n\n const pairWidth = pickerWidth * 2 + gap;\n const pairLeft = clamp(preferredFromLeft - overlap / 2, 0, Math.max(0, width - pairWidth));\n\n return {\n from: { left: pairLeft, width: pickerWidth },\n to: { left: pairLeft + pickerWidth + gap, width: pickerWidth },\n gap,\n };\n}\n","import { useLayoutEffect, useState } from 'react';\nimport type { RefObject } from 'react';\nimport { resolveDateRangeBoundaryLayout } from '../lib/date-range-boundary-layout';\nimport type { DateRangeBoundaryLayout } from '../lib/date-range-boundary-layout';\n\ninterface BoundaryPositions {\n from: number;\n to: number;\n}\n\nexport function useDateRangeBoundaryLayout(\n containerRef: RefObject<HTMLDivElement \| null>,\n positions: BoundaryPositions,\n): DateRangeBoundaryLayout \| undefined {\n const [containerWidth, setContainerWidth] = useState<number>();\n\n useLayoutEffect(() => {\n const container = containerRef.current;\n if (!container) return;\n\n function updateWidth(width: number) {\n // Accept 0 (collapsed container) so stale positions don't linger; reject\n // only invalid measurements. resolveDateRangeBoundaryLayout handles 0.\n if (!Number.isFinite(width) \|\| width < 0) return;\n setContainerWidth(current => (current === width ? current : width));\n }\n\n updateWidth(container.getBoundingClientRect().width);\n if (typeof ResizeObserver === 'undefined') return;\n\n const observer = new ResizeObserver(entries => {\n const entry = entries.find(({ target }) => target === container) ?? entries[0];\n const width = entry?.contentRect.width ?? container.getBoundingClientRect().width;\n updateWidth(width);\n });\n observer.observe(container);\n return () => observer.disconnect();\n }, [containerRef]);\n\n return containerWidth === undefined ? undefined : resolveDateRangeBoundaryLayout(containerWidth, positions);\n}\n","import { useRef } from 'react';\nimport { DateRangeBoundaryPicker } from './DateRangeBoundaryPicker';\nimport { useDateRangeBoundaryLayout } from './hooks/useDateRangeBoundaryLayout';\nimport type { DateBoundary } from './lib/date-range-timeline';\nimport type { DateRangeValue } from './types';\n\ninterface DateRangeBoundaryPickersProps {\n positions: { from: number; to: number };\n value: DateRangeValue;\n min: string;\n max: string;\n onSelect: (boundary: DateBoundary, value: string) => void;\n}\n\nconst FALLBACK_PICKER_WIDTH = 'clamp(0px, calc(50% - 0.25rem), 10rem)';\n\nexport function DateRangeBoundaryPickers({ positions, value, min, max, onSelect }: DateRangeBoundaryPickersProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const layout = useDateRangeBoundaryLayout(containerRef, positions);\n\n return (\n <div ref={containerRef} className=\"relative h-16 sm:h-12\">\n <div\n className=\"absolute top-0 min-w-0\"\n style={{\n left: layout?.from.left ?? 0,\n width: layout?.from.width ?? FALLBACK_PICKER_WIDTH,\n }}\n >\n <DateRangeBoundaryPicker boundary=\"from\" value={value.from} min={min} max={value.to} onSelect={onSelect} />\n </div>\n\n <div\n className=\"absolute top-0 min-w-0\"\n style={{\n left: layout?.to.left ?? 'max(calc(50% + 0.25rem), calc(100% - 10rem))',\n width: layout?.to.width ?? FALLBACK_PICKER_WIDTH,\n }}\n >\n <DateRangeBoundaryPicker boundary=\"to\" value={value.to} min={value.from} max={max} onSelect={onSelect} />\n </div>\n\n <div\n className=\"absolute top-11 h-4 w-px -translate-x-1/2 bg-border-strong transition-[left] duration-150 ease-out motion-reduce:transition-none sm:top-8\"\n style={{ left: `${positions.from}%` }}\n aria-hidden=\"true\"\n />\n <div\n className=\"absolute top-11 h-4 w-px -translate-x-1/2 bg-border-strong transition-[left] duration-150 ease-out motion-reduce:transition-none sm:top-8\"\n style={{ left: `${positions.to}%` }}\n aria-hidden=\"true\"\n />\n </div>\n );\n}\n","import { format } from 'date-fns';\nimport { parseDate } from './lib/date-range-timeline';\nimport type { TimelineTick } from './lib/date-range-timeline';\nimport { Txt } from '@/ds/components/Txt/Txt';\n\ninterface DateRangeTicksProps {\n ticks: TimelineTick[];\n min: string;\n max: string;\n}\n\nfunction formatBoundaryDate(value: string) {\n const date = parseDate(value);\n return date ? format(date, 'MMM d, yyyy') : value;\n}\n\nexport function DateRangeTicks({ ticks, min, max }: DateRangeTicksProps) {\n const firstTick = ticks[0];\n const lastTick = ticks.at(-1);\n if (!firstTick \|\| !lastTick) return null;\n const timelineLabel = `Visible from ${formatBoundaryDate(firstTick.date)} through ${formatBoundaryDate(lastTick.date)}. Available from ${formatBoundaryDate(min)} through ${formatBoundaryDate(max)}`;\n\n if (firstTick.date === lastTick.date) {\n const date = formatBoundaryDate(firstTick.date);\n // Only claim \"Created today\" when the whole available domain is a single\n // day; a zoomed viewport can hold one tick for any date, so stay neutral.\n const singleLabel =\n firstTick.date === min && firstTick.date === max\n ? `Created today (${date})`\n : firstTick.date === min\n ? `Created ${date}`\n : firstTick.date === max\n ? `Today (${date})`\n : date;\n return (\n <div role=\"group\" aria-label={timelineLabel} className=\"flex h-10 items-start justify-center pt-2\">\n {/* TODO(ds): Txt needs a muted timeline-axis variant. /}\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n {singleLabel}\n </Txt>\n </div>\n );\n }\n\n const startLabel = firstTick.date === min ? `Created ${formatBoundaryDate(min)}` : firstTick.label;\n const endLabel = lastTick.date === max ? `Today (${formatBoundaryDate(max)})` : lastTick.label;\n const middleTicks = ticks.slice(1, -1);\n\n return (\n <div role=\"group\" className=\"relative h-10\" aria-label={timelineLabel}>\n <div className=\"absolute top-0 left-0 flex flex-col items-start\">\n <span className=\"mb-1 h-1.5 w-px bg-border-strong\" aria-hidden=\"true\" />\n {/ TODO(ds): Txt needs a muted timeline-axis variant. /}\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"whitespace-nowrap\">\n {startLabel}\n </Txt>\n </div>\n\n {middleTicks.map(tick => (\n <div\n key={tick.date}\n className=\"absolute top-0 hidden -translate-x-1/2 flex-col items-center sm:flex\"\n style={{ left: `${tick.position}%` }}\n aria-hidden=\"true\"\n >\n <span className=\"mb-1 h-1.5 w-px bg-border-strong\" />\n {/ TODO(ds): Txt needs a muted timeline-axis variant. /}\n <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"whitespace-nowrap\">\n {tick.label}\n </Txt>\n </div>\n ))}\n\n <div className=\"absolute top-0 right-0 flex flex-col items-end\">\n <span className=\"mb-1 h-1.5 w-px bg-border-strong\" aria-hidden=\"true\" />\n {/ TODO(ds): Txt needs a muted timeline-axis variant. /}\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"whitespace-nowrap\">\n {endLabel}\n </Txt>\n </div>\n </div>\n );\n}\n","import { format } from 'date-fns';\nimport type { KeyboardEventHandler, PointerEventHandler } from 'react';\nimport { parseDate } from './lib/date-range-timeline';\nimport type { DateBoundary } from './lib/date-range-timeline';\nimport { cn } from '@/lib/utils';\n\ninterface DateRangeHandleProps {\n boundary: DateBoundary;\n position: number;\n value: number;\n valueText: string;\n min: number;\n max: number;\n active: boolean;\n onPointerDown: PointerEventHandler<HTMLDivElement>;\n onKeyDown: KeyboardEventHandler<HTMLDivElement>;\n}\n\nexport function DateRangeHandle({\n boundary,\n position,\n value,\n valueText,\n min,\n max,\n active,\n onPointerDown,\n onKeyDown,\n}: DateRangeHandleProps) {\n const label = boundary === 'from' ? 'Start date handle' : 'End date handle';\n const date = parseDate(valueText);\n const accessibleValue = date ? format(date, 'MMMM d, yyyy') : valueText;\n\n return (\n <div\n role=\"slider\"\n tabIndex={0}\n aria-label={label}\n aria-orientation=\"horizontal\"\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={value}\n aria-valuetext={accessibleValue}\n className=\"group absolute inset-y-0 z-30 w-11 -translate-x-1/2 cursor-ew-resize touch-none outline-hidden\"\n style={{ left: `${position}%` }}\n onPointerDown={onPointerDown}\n onKeyDown={onKeyDown}\n >\n <span\n className={cn(\n 'absolute top-1/2 left-1/2 h-7 w-1.5 -translate-1/2 rounded-xs bg-card ring-1 transition-[width,box-shadow] duration-150 group-hover:w-2 group-focus-visible:w-2 group-focus-visible:ring-1 group-focus-visible:ring-border-focus motion-reduce:transition-none',\n active ? 'w-2 ring-2 ring-border-focus' : 'ring-border-strong',\n )}\n aria-hidden=\"true\"\n />\n </div>\n );\n}\n","import type { KeyboardEventHandler, PointerEventHandler } from 'react';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\ninterface DateRangeSelectionProps {\n left: number;\n width: number;\n duration: string;\n active: boolean;\n value: number;\n valueText: string;\n max: number;\n onPointerDown: PointerEventHandler<HTMLDivElement>;\n onKeyDown: KeyboardEventHandler<HTMLDivElement>;\n}\n\nexport function DateRangeSelection({\n left,\n width,\n duration,\n active,\n value,\n valueText,\n max,\n onPointerDown,\n onKeyDown,\n}: DateRangeSelectionProps) {\n const visibleWidth = Math.max(width, 0.6);\n const visibleLeft = Math.min(left, 100 - visibleWidth);\n const showDuration = width >= 12;\n return (\n <div\n role=\"slider\"\n tabIndex={0}\n aria-label=\"Move selected date range\"\n aria-orientation=\"horizontal\"\n aria-valuemin={0}\n aria-valuemax={max}\n aria-valuenow={value}\n aria-valuetext={valueText}\n className={cn(\n 'absolute inset-y-1 z-10 flex cursor-grab touch-none items-center justify-center overflow-hidden rounded-md bg-fill text-foreground select-none active:cursor-grabbing',\n focusRing,\n active\n ? 'transition-none'\n : 'transition-[left,width,background-color] duration-150 ease-out motion-reduce:transition-none',\n )}\n style={{ left: `${visibleLeft}%`, width: `${visibleWidth}%` }}\n onPointerDown={onPointerDown}\n onKeyDown={onKeyDown}\n >\n {showDuration ? (\n // TODO(ds): Txt needs a compact data-label variant.\n <Txt as=\"span\" variant=\"caption\" tone=\"ink\" font=\"mono\" className=\"tabular-nums\">\n {duration}\n </Txt>\n ) : null}\n </div>\n );\n}\n","import type { DateRangeGridMarker } from './lib/date-range-timeline-grid';\nimport { cn } from '@/lib/utils';\n\ninterface DateRangeTrackGridProps {\n markers: DateRangeGridMarker[];\n}\n\nfunction getMarkerHeight(emphasis: DateRangeGridMarker['emphasis']) {\n if (emphasis === 'major') return 'h-5';\n if (emphasis === 'medium') return 'h-3';\n return 'h-1.5';\n}\n\nexport function DateRangeTrackGrid({ markers }: DateRangeTrackGridProps) {\n // Skip markers sitting exactly on the edges — the track boundary already reads as a line there.\n const interiorMarkers = markers.filter(marker => marker.position > 0 && marker.position < 100);\n\n return (\n <div className=\"pointer-events-none absolute inset-0\" aria-hidden=\"true\">\n {interiorMarkers.map(marker => (\n <span\n key={marker.index}\n className={cn(\n 'absolute top-1/2 w-px -translate-1/2 bg-muted-foreground/15',\n getMarkerHeight(marker.emphasis),\n )}\n style={{ left: `${marker.position}%` }}\n />\n ))}\n </div>\n );\n}\n","import { clamp } from './date-range-timeline';\nimport type { DateBoundary, TimelineIndexRange } from './date-range-timeline';\n\ninterface TimelineTrackGeometry {\n left: number;\n width: number;\n}\n\nexport type TimelinePointerGesture =\n \| { type: 'brush'; startIndex: number }\n \| { type: 'pan'; startIndex: number; originalSelection: TimelineIndexRange }\n \| { type: 'handle'; boundary: DateBoundary; originalSelection: TimelineIndexRange };\n\nexport type TimelineInteraction =\n \| { type: 'selecting' }\n \| { type: 'moving' }\n \| { type: 'resizing'; boundary: DateBoundary };\n\nconst KEYBOARD_LARGE_STEP_DAYS = 7;\n\nfunction getKeyboardDelta(key: string) {\n if (key === 'ArrowLeft' \|\| key === 'ArrowDown') return -1;\n if (key === 'ArrowRight' \|\| key === 'ArrowUp') return 1;\n if (key === 'PageDown') return -KEYBOARD_LARGE_STEP_DAYS;\n if (key === 'PageUp') return KEYBOARD_LARGE_STEP_DAYS;\n return undefined;\n}\n\nexport function getTimelineInteraction(gesture: TimelinePointerGesture): TimelineInteraction {\n if (gesture.type === 'brush') return { type: 'selecting' };\n if (gesture.type === 'pan') return { type: 'moving' };\n return { type: 'resizing', boundary: gesture.boundary };\n}\n\nexport function getTimelineIndexAtClientX(\n clientX: number,\n track: TimelineTrackGeometry \| undefined,\n viewport: TimelineIndexRange,\n) {\n const viewportSpan = viewport.to - viewport.from;\n if (!track \|\| track.width <= 0 \|\| viewportSpan <= 0) return viewport.from;\n\n const position = clamp((clientX - track.left) / track.width, 0, 1);\n return viewport.from + Math.round(position viewportSpan);\n}\n\nexport function resolveTimelineGestureSelection(\n gesture: TimelinePointerGesture,\n pointerIndex: number,\n viewport: TimelineIndexRange,\n): TimelineIndexRange {\n const boundedPointerIndex = clamp(pointerIndex, viewport.from, viewport.to);\n\n if (gesture.type === 'brush') {\n return {\n from: Math.min(gesture.startIndex, boundedPointerIndex),\n to: Math.max(gesture.startIndex, boundedPointerIndex),\n };\n }\n\n if (gesture.type === 'pan') {\n const selectionSpan = gesture.originalSelection.to - gesture.originalSelection.from;\n const delta = boundedPointerIndex - gesture.startIndex;\n const from = clamp(gesture.originalSelection.from + delta, viewport.from, viewport.to - selectionSpan);\n return { from, to: from + selectionSpan };\n }\n\n if (gesture.boundary === 'from') {\n return {\n from: clamp(boundedPointerIndex, viewport.from, gesture.originalSelection.to),\n to: gesture.originalSelection.to,\n };\n }\n\n return {\n from: gesture.originalSelection.from,\n to: clamp(boundedPointerIndex, gesture.originalSelection.from, viewport.to),\n };\n}\n\nexport function moveTimelineSelectionFromKey(selection: TimelineIndexRange, key: string, maximumIndex: number) {\n const span = selection.to - selection.from;\n if (key === 'Home') return { from: 0, to: span };\n if (key === 'End') return { from: maximumIndex - span, to: maximumIndex };\n\n const delta = getKeyboardDelta(key);\n if (delta === undefined) return undefined;\n const from = clamp(selection.from + delta, 0, maximumIndex - span);\n return { from, to: from + span };\n}\n\nexport function resizeTimelineSelectionFromKey(\n selection: TimelineIndexRange,\n boundary: DateBoundary,\n key: string,\n maximumIndex: number,\n) {\n const { from, to } = selection;\n if (key === 'Home') return boundary === 'from' ? { from: 0, to } : { from, to: from };\n if (key === 'End') {\n return boundary === 'from' ? { from: to, to } : { from, to: maximumIndex };\n }\n\n const delta = getKeyboardDelta(key);\n if (delta === undefined) return undefined;\n return boundary === 'from'\n ? { from: clamp(from + delta, 0, to), to }\n : { from, to: clamp(to + delta, from, maximumIndex) };\n}\n","import type { KeyboardEvent } from 'react';\nimport type { DateBoundary, TimelineIndexRange } from '../lib/date-range-timeline';\nimport { moveTimelineSelectionFromKey, resizeTimelineSelectionFromKey } from '../lib/date-range-timeline-interactions';\n\ninterface UseDateRangeKeyboardControlsInput {\n selection: TimelineIndexRange;\n maximumIndex: number;\n onCommit: (selection: TimelineIndexRange) => void;\n}\n\nexport function useDateRangeKeyboardControls({ selection, maximumIndex, onCommit }: UseDateRangeKeyboardControlsInput) {\n function handleSelectionKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n const nextSelection = moveTimelineSelectionFromKey(selection, event.key, maximumIndex);\n if (!nextSelection) return;\n\n event.preventDefault();\n onCommit(nextSelection);\n }\n\n function handleBoundaryKeyDown(boundary: DateBoundary, event: KeyboardEvent<HTMLDivElement>) {\n const nextSelection = resizeTimelineSelectionFromKey(selection, boundary, event.key, maximumIndex);\n if (!nextSelection) return;\n\n event.preventDefault();\n onCommit(nextSelection);\n }\n\n function handleFromKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n handleBoundaryKeyDown('from', event);\n }\n\n function handleToKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n handleBoundaryKeyDown('to', event);\n }\n\n return {\n handleSelectionKeyDown,\n handleFromKeyDown,\n handleToKeyDown,\n };\n}\n","import { useRef } from 'react';\nimport type { PointerEvent } from 'react';\n\ninterface PointerDragSession<TPayload> {\n pointerId: number;\n captureTarget: HTMLElement;\n payload: TPayload;\n}\n\ninterface UsePointerDragInput<TPayload> {\n onMove: (payload: TPayload, event: PointerEvent<HTMLElement>) => void;\n onEnd: (payload: TPayload, event: PointerEvent<HTMLElement>) => void;\n onCancel: (payload: TPayload, event: PointerEvent<HTMLElement>) => void;\n}\n\nexport function usePointerDrag<TPayload>({ onMove, onEnd, onCancel }: UsePointerDragInput<TPayload>) {\n const sessionRef = useRef<PointerDragSession<TPayload> \| undefined>(undefined);\n\n function startPointerDrag(event: PointerEvent<HTMLElement>, payload: TPayload) {\n if (sessionRef.current) return false;\n\n const captureTarget = event.currentTarget;\n captureTarget.setPointerCapture(event.pointerId);\n sessionRef.current = {\n pointerId: event.pointerId,\n captureTarget,\n payload,\n };\n return true;\n }\n\n function getSession(event: PointerEvent<HTMLElement>) {\n const session = sessionRef.current;\n if (!session \|\| session.pointerId !== event.pointerId) return undefined;\n return session;\n }\n\n function releaseSession(session: PointerDragSession<TPayload>) {\n sessionRef.current = undefined;\n if (!session.captureTarget.hasPointerCapture(session.pointerId)) return;\n session.captureTarget.releasePointerCapture(session.pointerId);\n }\n\n function handlePointerMove(event: PointerEvent<HTMLElement>) {\n const session = getSession(event);\n if (!session) return;\n onMove(session.payload, event);\n }\n\n function handlePointerUp(event: PointerEvent<HTMLElement>) {\n const session = getSession(event);\n if (!session) return;\n releaseSession(session);\n onEnd(session.payload, event);\n }\n\n function handlePointerCancel(event: PointerEvent<HTMLElement>) {\n const session = getSession(event);\n if (!session) return;\n releaseSession(session);\n onCancel(session.payload, event);\n }\n\n function handleLostPointerCapture(event: PointerEvent<HTMLElement>) {\n const session = getSession(event);\n if (!session) return;\n sessionRef.current = undefined;\n onCancel(session.payload, event);\n }\n\n return {\n startPointerDrag,\n handlePointerMove,\n handlePointerUp,\n handlePointerCancel,\n handleLostPointerCapture,\n };\n}\n","import { useState } from 'react';\nimport type { PointerEvent, RefObject } from 'react';\nimport type { DateBoundary, TimelineIndexRange, TimelineState } from '../lib/date-range-timeline';\nimport {\n getTimelineIndexAtClientX,\n getTimelineInteraction,\n resolveTimelineGestureSelection,\n} from '../lib/date-range-timeline-interactions';\nimport type { TimelineInteraction, TimelinePointerGesture } from '../lib/date-range-timeline-interactions';\nimport { usePointerDrag } from './use-pointer-drag';\n\nexport type { TimelineInteraction } from '../lib/date-range-timeline-interactions';\n\ninterface TimelinePointerDrag {\n gesture: TimelinePointerGesture;\n currentSelection: TimelineIndexRange;\n}\n\ninterface UseDateRangePointerGesturesInput {\n trackRef: RefObject<HTMLDivElement \| null>;\n timeline: TimelineState;\n onSelectionPreview: (selection: TimelineIndexRange) => void;\n onSelectionCommit: (selection: TimelineIndexRange) => void;\n onSelectionCancel: () => void;\n}\n\nexport function useDateRangePointerGestures({\n trackRef,\n timeline,\n onSelectionPreview,\n onSelectionCommit,\n onSelectionCancel,\n}: UseDateRangePointerGesturesInput) {\n const [interaction, setInteraction] = useState<TimelineInteraction>();\n\n function getPointerIndex(clientX: number) {\n const track = trackRef.current?.getBoundingClientRect();\n return getTimelineIndexAtClientX(clientX, track, timeline.viewport);\n }\n\n function previewPointerDrag(drag: TimelinePointerDrag, event: PointerEvent<HTMLElement>) {\n const pointerIndex = getPointerIndex(event.clientX);\n const selection = resolveTimelineGestureSelection(drag.gesture, pointerIndex, timeline.viewport);\n drag.currentSelection = selection;\n onSelectionPreview(selection);\n }\n\n function commitPointerDrag(drag: TimelinePointerDrag, event: PointerEvent<HTMLElement>) {\n previewPointerDrag(drag, event);\n setInteraction(undefined);\n onSelectionCommit(drag.currentSelection);\n }\n\n function cancelPointerDrag() {\n setInteraction(undefined);\n onSelectionCancel();\n }\n\n const pointerDrag = usePointerDrag<TimelinePointerDrag>({\n onMove: previewPointerDrag,\n onEnd: commitPointerDrag,\n onCancel: cancelPointerDrag,\n });\n\n function beginPointerDrag(\n event: PointerEvent<HTMLDivElement>,\n gesture: TimelinePointerGesture,\n currentSelection: TimelineIndexRange,\n ) {\n const started = pointerDrag.startPointerDrag(event, { gesture, currentSelection });\n if (!started) return false;\n setInteraction(getTimelineInteraction(gesture));\n return true;\n }\n\n function startBrush(event: PointerEvent<HTMLDivElement>) {\n if (event.button !== 0) return;\n event.preventDefault();\n const startIndex = getPointerIndex(event.clientX);\n const selection = { from: startIndex, to: startIndex };\n const started = beginPointerDrag(\n event,\n {\n type: 'brush',\n startIndex,\n },\n selection,\n );\n if (!started) return;\n onSelectionPreview(selection);\n }\n\n function startPan(event: PointerEvent<HTMLDivElement>) {\n if (event.button !== 0) return;\n event.preventDefault();\n event.stopPropagation();\n beginPointerDrag(\n event,\n {\n type: 'pan',\n startIndex: getPointerIndex(event.clientX),\n originalSelection: timeline.selection,\n },\n timeline.selection,\n );\n }\n\n function startHandle(boundary: DateBoundary, event: PointerEvent<HTMLDivElement>) {\n if (event.button !== 0) return;\n event.preventDefault();\n event.stopPropagation();\n beginPointerDrag(\n event,\n {\n type: 'handle',\n boundary,\n originalSelection: timeline.selection,\n },\n timeline.selection,\n );\n }\n\n function handlePointerMove(event: PointerEvent<HTMLDivElement>) {\n pointerDrag.handlePointerMove(event);\n }\n\n function handlePointerUp(event: PointerEvent<HTMLDivElement>) {\n pointerDrag.handlePointerUp(event);\n }\n\n function handlePointerCancel(event: PointerEvent<HTMLDivElement>) {\n pointerDrag.handlePointerCancel(event);\n }\n\n function handleLostPointerCapture(event: PointerEvent<HTMLDivElement>) {\n pointerDrag.handleLostPointerCapture(event);\n }\n\n return {\n interaction,\n startBrush,\n startPan,\n startHandle,\n handlePointerMove,\n handlePointerUp,\n handlePointerCancel,\n handleLostPointerCapture,\n };\n}\n","import { useEffect, useEffectEvent } from 'react';\nimport type { RefObject } from 'react';\nimport { clamp } from '../lib/date-range-timeline';\n\nconst MAX_WHEEL_DELTA = 80;\nconst WHEEL_ZOOM_SENSITIVITY = 0.003;\n\ninterface UseDateRangeWheelZoomInput {\n rootRef: RefObject<HTMLDivElement \| null>;\n trackRef: RefObject<HTMLDivElement \| null>;\n disabled: boolean;\n onZoom: (factor: number, anchor: number) => void;\n}\n\nexport function useDateRangeWheelZoom({ rootRef, trackRef, disabled, onZoom }: UseDateRangeWheelZoomInput) {\n const handleWheel = useEffectEvent((event: WheelEvent) => {\n if (!event.ctrlKey) return;\n // Bail before preventDefault when disabled so native browser zoom still works.\n if (disabled) return;\n event.preventDefault();\n\n const trackRect = trackRef.current?.getBoundingClientRect();\n const anchor =\n trackRect && trackRect.width > 0 ? clamp((event.clientX - trackRect.left) / trackRect.width, 0, 1) : 0.5;\n const wheelDelta = clamp(event.deltaY, -MAX_WHEEL_DELTA, MAX_WHEEL_DELTA);\n const factor = Math.exp(wheelDelta * WHEEL_ZOOM_SENSITIVITY);\n onZoom(factor, anchor);\n });\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root) return;\n root.addEventListener('wheel', handleWheel, { passive: false });\n return () => root.removeEventListener('wheel', handleWheel);\n }, [rootRef]);\n}\n","import { buildTimelineTickOffsets, getTimelinePosition } from './date-range-timeline';\nimport type { TimelineIndexRange } from './date-range-timeline';\n\nconst MAX_GRID_INTERVALS = 24;\n\nexport interface DateRangeGridMarker {\n index: number;\n position: number;\n emphasis: 'major' \| 'medium' \| 'minor';\n}\n\nfunction addVisibleMarker(markerIndices: Set<number>, index: number, viewport: TimelineIndexRange) {\n if (index >= viewport.from && index <= viewport.to) {\n markerIndices.add(index);\n }\n}\n\nfunction getMarkerEmphasis(\n index: number,\n majorIndices: Set<number>,\n mediumIndices: Set<number>,\n): DateRangeGridMarker['emphasis'] {\n if (majorIndices.has(index)) return 'major';\n if (mediumIndices.has(index)) return 'medium';\n return 'minor';\n}\n\nexport function createDateRangeGridMarkers(\n viewport: TimelineIndexRange,\n selection: TimelineIndexRange,\n): DateRangeGridMarker[] {\n const viewportSpan = Math.max(0, viewport.to - viewport.from);\n if (viewportSpan === 0) {\n return [{ index: viewport.from, position: 50, emphasis: 'major' }];\n }\n\n const sampleStep = Math.max(1, Math.ceil(viewportSpan / MAX_GRID_INTERVALS));\n const markerIndices = new Set<number>();\n const majorIndices = new Set<number>();\n const mediumIndices = new Set<number>();\n const tickOffsets = buildTimelineTickOffsets(viewportSpan);\n\n for (let index = viewport.from; index <= viewport.to; index += sampleStep) {\n markerIndices.add(index);\n }\n\n for (let index = 0; index < tickOffsets.length; index += 1) {\n const tickOffset = tickOffsets[index];\n if (tickOffset === undefined) continue;\n\n const majorIndex = viewport.from + tickOffset;\n markerIndices.add(majorIndex);\n majorIndices.add(majorIndex);\n\n const nextTickOffset = tickOffsets[index + 1];\n if (nextTickOffset === undefined) continue;\n\n const mediumIndex = viewport.from + Math.round((tickOffset + nextTickOffset) / 2);\n markerIndices.add(mediumIndex);\n mediumIndices.add(mediumIndex);\n }\n\n addVisibleMarker(markerIndices, selection.from, viewport);\n addVisibleMarker(markerIndices, selection.to, viewport);\n\n return [...markerIndices]\n .sort((left, right) => left - right)\n .map(index => ({\n index,\n position: getTimelinePosition(index, viewport),\n emphasis: getMarkerEmphasis(index, majorIndices, mediumIndices),\n }));\n}\n","import { addDays } from 'date-fns';\nimport {\n buildTimelineTicks,\n formatDateRangeDuration,\n formatDateRangeValueText,\n getTimelinePosition,\n toDateRange,\n} from './date-range-timeline';\nimport type { TimelineState } from './date-range-timeline';\n\nexport function createDateRangeBoundaryModel(state: TimelineState) {\n const range = toDateRange(state);\n const fromPosition = getTimelinePosition(state.selection.from, state.viewport);\n const toPosition = getTimelinePosition(state.selection.to, state.viewport);\n\n return {\n positions: { from: fromPosition, to: toPosition },\n range,\n };\n}\n\nexport function createDateRangeTrackModel(state: TimelineState, maximumIndex: number) {\n const range = toDateRange(state);\n const fromPosition = getTimelinePosition(state.selection.from, state.viewport);\n const toPosition = getTimelinePosition(state.selection.to, state.viewport);\n const span = state.selection.to - state.selection.from;\n\n return {\n handles: {\n from: {\n position: fromPosition,\n value: state.selection.from,\n valueText: range.from,\n min: 0,\n max: state.selection.to,\n },\n to: {\n position: toPosition,\n value: state.selection.to,\n valueText: range.to,\n min: state.selection.from,\n max: maximumIndex,\n },\n },\n selection: {\n left: fromPosition,\n width: Math.max(0, toPosition - fromPosition),\n duration: formatDateRangeDuration(range),\n value: state.selection.from,\n valueText: formatDateRangeValueText(range),\n max: maximumIndex - span,\n },\n };\n}\n\nexport function createDateRangeAxisModel(state: TimelineState) {\n const visibleFrom = addDays(state.origin, state.viewport.from);\n const visibleTo = addDays(state.origin, state.viewport.to);\n return { ticks: buildTimelineTicks(visibleFrom, visibleTo) };\n}\n","import { useRef } from 'react';\nimport type { PointerEvent, RefObject } from 'react';\nimport { DateRangeHandle } from './DateRangeHandle';\nimport { DateRangeSelection } from './DateRangeSelection';\nimport { DateRangeTrackGrid } from './DateRangeTrackGrid';\nimport { useDateRangeKeyboardControls } from './hooks/useDateRangeKeyboardControls';\nimport { useDateRangePointerGestures } from './hooks/useDateRangePointerGestures';\nimport { useDateRangeWheelZoom } from './hooks/useDateRangeWheelZoom';\nimport type { TimelineIndexRange, TimelineState } from './lib/date-range-timeline';\nimport { createDateRangeGridMarkers } from './lib/date-range-timeline-grid';\nimport { createDateRangeTrackModel } from './lib/date-range-timeline-view-model';\nimport { cn } from '@/lib/utils';\n\ninterface DateRangeTrackProps {\n wheelTargetRef: RefObject<HTMLDivElement \| null>;\n timeline: TimelineState;\n maximumIndex: number;\n onSelectionPreview: (selection: TimelineIndexRange) => void;\n onSelectionCommit: (selection: TimelineIndexRange) => void;\n onSelectionCancel: () => void;\n onZoom: (factor: number, anchor: number) => void;\n}\n\nexport function DateRangeTrack({\n wheelTargetRef,\n timeline,\n maximumIndex,\n onSelectionPreview,\n onSelectionCommit,\n onSelectionCancel,\n onZoom,\n}: DateRangeTrackProps) {\n const trackRef = useRef<HTMLDivElement>(null);\n const pointer = useDateRangePointerGestures({\n trackRef,\n timeline,\n onSelectionPreview,\n onSelectionCommit,\n onSelectionCancel,\n });\n const { handleSelectionKeyDown, handleFromKeyDown, handleToKeyDown } = useDateRangeKeyboardControls({\n selection: timeline.selection,\n maximumIndex,\n onCommit: onSelectionCommit,\n });\n\n useDateRangeWheelZoom({\n rootRef: wheelTargetRef,\n trackRef,\n disabled: pointer.interaction !== undefined,\n onZoom,\n });\n\n const model = createDateRangeTrackModel(timeline, maximumIndex);\n const gridMarkers = createDateRangeGridMarkers(timeline.viewport, timeline.selection);\n\n function startFromHandle(event: PointerEvent<HTMLDivElement>) {\n pointer.startHandle('from', event);\n }\n\n function startToHandle(event: PointerEvent<HTMLDivElement>) {\n pointer.startHandle('to', event);\n }\n\n return (\n <div\n ref={trackRef}\n role=\"group\"\n aria-label=\"Date range selection area\"\n className={cn(\n 'relative h-12 touch-none rounded-lg bg-muted',\n pointer.interaction?.type === 'selecting' ? 'cursor-col-resize' : 'cursor-crosshair',\n )}\n onPointerDown={pointer.startBrush}\n onPointerMove={pointer.handlePointerMove}\n onPointerUp={pointer.handlePointerUp}\n onPointerCancel={pointer.handlePointerCancel}\n onLostPointerCapture={pointer.handleLostPointerCapture}\n >\n <DateRangeTrackGrid markers={gridMarkers} />\n <DateRangeSelection\n left={model.selection.left}\n width={model.selection.width}\n duration={model.selection.duration}\n active={pointer.interaction !== undefined}\n value={model.selection.value}\n valueText={model.selection.valueText}\n max={model.selection.max}\n onPointerDown={pointer.startPan}\n onKeyDown={handleSelectionKeyDown}\n />\n <DateRangeHandle\n boundary=\"from\"\n position={model.handles.from.position}\n value={model.handles.from.value}\n valueText={model.handles.from.valueText}\n min={model.handles.from.min}\n max={model.handles.from.max}\n active={pointer.interaction?.type === 'resizing' && pointer.interaction.boundary === 'from'}\n onPointerDown={startFromHandle}\n onKeyDown={handleFromKeyDown}\n />\n <DateRangeHandle\n boundary=\"to\"\n position={model.handles.to.position}\n value={model.handles.to.value}\n valueText={model.handles.to.valueText}\n min={model.handles.to.min}\n max={model.handles.to.max}\n active={pointer.interaction?.type === 'resizing' && pointer.interaction.boundary === 'to'}\n onPointerDown={startToHandle}\n onKeyDown={handleToKeyDown}\n />\n </div>\n );\n}\n","import { addDays, differenceInCalendarDays } from 'date-fns';\nimport { useState } from 'react';\nimport {\n clamp,\n createTimelineState,\n parseDate,\n revealTimelineSelection,\n toDateRange,\n zoomTimelineViewport,\n} from '../lib/date-range-timeline';\nimport type { DateBoundary, TimelineIndexRange } from '../lib/date-range-timeline';\nimport type { DateRangeValue } from '../types';\n\ninterface UseDateRangeTimelineStateInput {\n value: DateRangeValue;\n min: string;\n max: string;\n onCommit: (value: DateRangeValue) => void;\n}\n\nfunction resolveTimelineBounds(min: string, max: string) {\n const fallbackMax = new Date();\n const maxDate = parseDate(max) ?? fallbackMax;\n const requestedMin = parseDate(min) ?? addDays(maxDate, -365);\n const minDate = requestedMin > maxDate ? maxDate : requestedMin;\n return { minDate, maxDate };\n}\n\nexport function useDateRangeTimelineState({ value, min, max, onCommit }: UseDateRangeTimelineStateInput) {\n const { minDate, maxDate } = resolveTimelineBounds(min, max);\n const committedTimeline = createTimelineState(value, minDate, maxDate);\n const maximumIndex = Math.max(0, differenceInCalendarDays(maxDate, minDate));\n const [viewport, setViewport] = useState(() => committedTimeline.viewport);\n const [draftSelection, setDraftSelection] = useState<TimelineIndexRange>();\n const selection = draftSelection ?? committedTimeline.selection;\n const state = {\n ...committedTimeline,\n viewport: revealTimelineSelection(viewport, selection, maximumIndex),\n selection,\n };\n\n function previewSelection(nextSelection: TimelineIndexRange) {\n setDraftSelection(nextSelection);\n }\n\n function cancelSelection() {\n setDraftSelection(undefined);\n }\n\n function commitSelection(nextSelection: TimelineIndexRange) {\n setDraftSelection(undefined);\n setViewport(current => revealTimelineSelection(current, nextSelection, maximumIndex));\n onCommit(toDateRange({ ...state, selection: nextSelection }));\n }\n\n function zoom(factor: number, anchor: number) {\n setViewport(current => {\n const visibleViewport = revealTimelineSelection(current, state.selection, maximumIndex);\n return zoomTimelineViewport({ ...state, viewport: visibleViewport }, maximumIndex, factor, anchor).viewport;\n });\n }\n\n function selectDate(boundary: DateBoundary, nextValue: string) {\n const date = parseDate(nextValue);\n if (!date) return;\n\n const dateIndex = clamp(differenceInCalendarDays(date, state.origin), 0, maximumIndex);\n const nextSelection =\n boundary === 'from'\n ? {\n from: clamp(dateIndex, 0, state.selection.to),\n to: state.selection.to,\n }\n : {\n from: state.selection.from,\n to: clamp(dateIndex, state.selection.from, maximumIndex),\n };\n commitSelection(nextSelection);\n }\n\n return {\n state,\n maximumIndex,\n previewSelection,\n cancelSelection,\n commitSelection,\n zoom,\n selectDate,\n };\n}\n","import { useRef } from 'react';\nimport { DateRangeBoundaryPickers } from './DateRangeBoundaryPickers';\nimport { DateRangeTicks } from './DateRangeTicks';\nimport { DateRangeTrack } from './DateRangeTrack';\nimport { useDateRangeTimelineState } from './hooks/useDateRangeTimelineState';\nimport { createDateRangeAxisModel, createDateRangeBoundaryModel } from './lib/date-range-timeline-view-model';\nimport type { DateRangeValue } from './types';\n\ninterface DateRangeTimelineProps {\n value: DateRangeValue;\n min: string;\n max: string;\n onCommit: (value: DateRangeValue) => void;\n}\n\nexport function DateRangeTimeline({ value, min, max, onCommit }: DateRangeTimelineProps) {\n const rootRef = useRef<HTMLDivElement>(null);\n const timeline = useDateRangeTimelineState({\n value,\n min,\n max,\n onCommit,\n });\n const boundaryModel = createDateRangeBoundaryModel(timeline.state);\n const axisModel = createDateRangeAxisModel(timeline.state);\n\n return (\n <div\n ref={rootRef}\n role=\"group\"\n aria-label=\"Date range timeline\"\n // Clip keeps stray axis labels from causing horizontal scroll; the margin lets the edge\n // handles (and their focus ring) render fully instead of being sliced in half at min/max.\n className=\"w-full overflow-x-clip select-none [overflow-clip-margin:0.75rem]\"\n >\n <DateRangeBoundaryPickers\n positions={boundaryModel.positions}\n value={boundaryModel.range}\n min={min}\n max={max}\n onSelect={timeline.selectDate}\n />\n\n <DateRangeTrack\n wheelTargetRef={rootRef}\n timeline={timeline.state}\n maximumIndex={timeline.maximumIndex}\n onSelectionPreview={timeline.previewSelection}\n onSelectionCommit={timeline.commitSelection}\n onSelectionCancel={timeline.cancelSelection}\n onZoom={timeline.zoom}\n />\n\n <DateRangeTicks ticks={axisModel.ticks} min={min} max={max} />\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAGA,IAAM,kBAAkB;AAqBxB,SAAgB,MAAM,OAAe,KAAa,KAAa;CAC7D,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAC3C;AAEA,SAAgB,UAAU,OAAe;CACvC,MAAM,QAAA,GAAOA,SAAAA,SAAAA,CAAS,KAAK;CAC3B,IAAI,CAAC,sBAAsB,KAAK,KAAK,KAAK,EAAA,GAACC,SAAAA,QAAAA,CAAQ,IAAI,GAAG,OAAO,KAAA;CACjE,QAAA,GAAOC,SAAAA,OAAAA,CAAO,MAAM,eAAe,MAAM,QAAQ,OAAO,KAAA;AAC1D;AAEA,SAAgB,YAAY,OAAsC;CAChE,OAAO;EACL,OAAA,GAAMA,SAAAA,OAAAA,EAAAA,GAAOC,SAAAA,QAAAA,CAAQ,MAAM,QAAQ,MAAM,UAAU,IAAI,GAAG,eAAe;EACzE,KAAA,GAAID,SAAAA,OAAAA,EAAAA,GAAOC,SAAAA,QAAAA,CAAQ,MAAM,QAAQ,MAAM,UAAU,EAAE,GAAG,eAAe;CACvE;AACF;AAEA,SAAgB,oBAAoB,OAAuB,KAAW,KAA0B;CAC9F,MAAM,eAAe,UAAU,MAAM,IAAI,KAAK;CAC9C,MAAM,aAAa,UAAU,MAAM,EAAE,KAAK;CAC1C,MAAM,eAAe,KAAK,IAAI,IAAA,GAAGC,SAAAA,yBAAAA,CAAyB,KAAK,GAAG,CAAC;CACnE,IAAI,iBAAiB,GACnB,OAAO;EACL,QAAQ;EACR,UAAU;GAAE,MAAM;GAAG,IAAI;EAAE;EAC3B,WAAW;GAAE,MAAM;GAAG,IAAI;EAAE;CAC9B;CAGF,MAAM,oBAAoB,OAAA,GAAMA,SAAAA,yBAAAA,CAAyB,cAAc,GAAG,GAAG,GAAG,YAAY;CAC5F,MAAM,kBAAkB,OAAA,GAAMA,SAAAA,yBAAAA,CAAyB,YAAY,GAAG,GAAG,GAAG,YAAY;CAExF,OAAO;EACL,QAAQ;EACR,UAAU;GAAE,MAAM;GAAG,IAAI;EAAa;EACtC,WAAW;GACT,MAAM,KAAK,IAAI,mBAAmB,eAAe;GACjD,IAAI,KAAK,IAAI,mBAAmB,eAAe;EACjD;CACF;AACF;AAEA,SAAgB,qBACd,OACA,cACA,QACA,QACe;CACf,IAAI,CAAC,OAAO,SAAS,MAAM,KAAK,UAAU,KAAK,WAAW,GAAG,OAAO;CAEpE,MAAM,iBAAiB,KAAK,IAAI,GAAG,YAAY;CAC/C,MAAM,eAAe,MAAM,SAAS,KAAK,MAAM,SAAS;CACxD,MAAM,gBAAgB,MAAM,UAAU,KAAK,MAAM,UAAU;CAC3D,MAAM,sBAAsB,KAAK,IAAI,eAAe,KAAK,IAAI,GAAG,cAAc,CAAC;CAC/E,MAAM,aAAa,MAAM,KAAK,MAAM,eAAe,MAAM,GAAG,qBAAqB,cAAc;CAC/F,MAAM,WACJ,eAAe,eACX,MAAM,gBAAgB,SAAS,IAAI,IAAI,KAAK,qBAAqB,cAAc,IAC/E;CACN,IAAI,aAAa,cAAc,OAAO;CAEtC,MAAM,mBAAmB,OAAO,SAAS,MAAM,IAAI,MAAM,QAAQ,GAAG,CAAC,IAAI;CACzE,MAAM,cAAc,MAAM,SAAS,OAAO,eAAe;CAIzD,MAAM,OAAO,MAHO,KAAK,MAAM,cAAc,WAAW,gBAGrC,GAFE,KAAK,IAAI,GAAG,MAAM,UAAU,KAAK,QAEtB,GADb,KAAK,IAAI,MAAM,UAAU,MAAM,iBAAiB,QACrB,CAAU;CAExD,OAAO;EACL,GAAG;EACH,UAAU;GAAE;GAAM,IAAI,OAAO;EAAS;CACxC;AACF;AAEA,SAAgB,wBACd,UACA,WACA,cACoB;CACpB,MAAM,iBAAiB,KAAK,IAAI,GAAG,YAAY;CAC/C,MAAM,gBAAgB,MAAM,KAAK,IAAI,UAAU,MAAM,UAAU,EAAE,GAAG,GAAG,cAAc;CACrF,MAAM,cAAc,MAAM,KAAK,IAAI,UAAU,MAAM,UAAU,EAAE,GAAG,eAAe,cAAc;CAC/F,MAAM,eAAe,MAAM,SAAS,KAAK,SAAS,MAAM,GAAG,cAAc;CACzE,MAAM,eAAe,MAAM,SAAS,MAAM,GAAG,iBAAiB,YAAY;CAC1E,MAAM,qBAAqB;EAAE,MAAM;EAAc,IAAI,eAAe;CAAa;CACjF,MAAM,gBAAgB,cAAc;CACpC,MAAM,WAAW,KAAK,IAAI,cAAc,aAAa;CAErD,IAAI,iBAAiB,mBAAmB,QAAQ,eAAe,mBAAmB,IAAI;EACpF,IAAI,mBAAmB,SAAS,SAAS,QAAQ,mBAAmB,OAAO,SAAS,IAClF,OAAO;EAET,OAAO;CACT;CAGA,MAAM,OAAO,MADO,gBAAgB,mBAAmB,OAAO,gBAAgB,cAAc,UAC5D,GAAG,iBAAiB,QAAQ;CAC5D,OAAO;EAAE;EAAM,IAAI,OAAO;CAAS;AACrC;AAEA,SAAgB,oBAAoB,OAAe,UAA8B;CAC/E,MAAM,eAAe,SAAS,KAAK,SAAS;CAC5C,IAAI,iBAAiB,GAAG,OAAO;CAC/B,QAAS,QAAQ,SAAS,QAAQ,eAAgB;AACpD;AAEA,SAAgB,yBAAyB,MAAc;CACrD,MAAM,cAAc,KAAK,IAAI,GAAG,KAAK,MAAM,IAAI,CAAC;CAChD,MAAM,YAAY,gBAAgB,IAAI,IAAI,KAAK,IAAI,GAAG,cAAc,CAAC;CAErE,OAAO,MAAM,KAAK,EAAE,QAAQ,UAAU,IAAI,GAAG,UAC3C,KAAK,MAAO,cAAc,QAAS,KAAK,IAAI,GAAG,YAAY,CAAC,CAAC,CAC/D;AACF;AAEA,SAAgB,mBAAmB,YAAkB,UAAgC;CACnF,MAAM,OAAO,KAAK,IAAI,IAAA,GAAGA,SAAAA,yBAAAA,CAAyB,UAAU,UAAU,CAAC;CACvE,MAAM,eAAe,WAAW,YAAY,MAAM,SAAS,YAAY;CAEvE,OAAO,yBAAyB,IAAI,CAAC,CAAC,KAAI,cAAa;EACrD,MAAM,QAAA,GAAOD,SAAAA,QAAAA,CAAQ,YAAY,SAAS;EAG1C,OAAO;GACL,QAAA,GAAOD,SAAAA,OAAAA,CAAO,MAHI,OAAO,OAAO,eAAe,aAAa,OAG7B;GAC/B,OAAA,GAAMA,SAAAA,OAAAA,CAAO,MAAM,eAAe;GAClC,UAAU,SAAS,IAAI,KAAM,YAAY,OAAQ;EACnD;CACF,CAAC;AACH;AAEA,SAAgB,uBAAuB,OAAuB,QAAyC;CACrG,MAAM,MAAM,UAAU,OAAO,GAAG;CAChC,MAAM,MAAM,UAAU,OAAO,GAAG;CAChC,IAAI,CAAC,OAAO,CAAC,KAAK,OAAO;CAEzB,MAAM,OAAO,UAAU,MAAM,IAAI,KAAK;CACtC,MAAM,KAAK,UAAU,MAAM,EAAE,KAAK;CAClC,MAAM,cAAc,IAAI,KAAK,MAAM,KAAK,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,QAAQ,CAAC,CAAC;CAChF,MAAM,YAAY,IAAI,KAAK,MAAM,GAAG,QAAQ,GAAG,YAAY,QAAQ,GAAG,IAAI,QAAQ,CAAC,CAAC;CAEpF,OAAO;EACL,OAAA,GAAMA,SAAAA,OAAAA,CAAO,aAAa,eAAe;EACzC,KAAA,GAAIA,SAAAA,OAAAA,CAAO,WAAW,eAAe;CACvC;AACF;AAEA,SAAgB,mBAAmB,WAAmB,OAAgC;CACpF,MAAM,MAAM,UAAU,KAAK,qBAAK,IAAI,KAAK;CACzC,MAAM,UAAU,UAAU,SAAS,KAAK;CAExC,OAAO;EACL,MAAA,GAAKA,SAAAA,OAAAA,CAFK,UAAU,MAAM,MAAM,SAEf,eAAe;EAChC,MAAA,GAAKA,SAAAA,OAAAA,CAAO,KAAK,eAAe;CAClC;AACF;AAEA,SAAgB,wBAAwB,OAAuB;CAC7D,MAAM,OAAO,UAAU,MAAM,IAAI;CACjC,MAAM,KAAK,UAAU,MAAM,EAAE;CAC7B,IAAI,CAAC,QAAQ,CAAC,IAAI,OAAO;CACzB,MAAM,OAAO,KAAK,IAAI,IAAA,GAAGE,SAAAA,yBAAAA,CAAyB,IAAI,IAAI,IAAI,CAAC;CAC/D,OAAO,SAAS,IAAI,UAAU,GAAG,KAAK;AACxC;AAEA,SAAgB,yBAAyB,OAAuB;CAC9D,MAAM,OAAO,UAAU,MAAM,IAAI;CACjC,MAAM,KAAK,UAAU,MAAM,EAAE;CAC7B,IAAI,CAAC,QAAQ,CAAC,IAAI,OAAO,GAAG,MAAM,KAAK,WAAW,MAAM;CACxD,OAAO,IAAA,GAAGF,SAAAA,OAAAA,CAAO,MAAM,cAAc,EAAE,YAAA,GAAWA,SAAAA,OAAAA,CAAO,IAAI,cAAc;AAC7E;;AChLA,SAAgB,wBAAwB,EAAE,UAAU,OAAO,KAAK,KAAK,YAA0C;CAC7G,MAAM,CAAC,MAAM,YAAA,GAAWG,MAAAA,SAAAA,CAAS,KAAK;CACtC,MAAM,SAAS,aAAa;CAC5B,MAAM,gBAAgB,SAAS,eAAe;CAC9C,MAAM,eAAe,UAAU,KAAK;CACpC,MAAM,YAAY,UAAU,GAAG,KAAK;CACpC,MAAM,WAAW,UAAU,GAAG,KAAK;CACnC,MAAM,gBAAgB,gBAAA,GAAeC,SAAAA,OAAAA,CAAO,cAAc,aAAa,IAAI;CAE3E,SAAS,aAAa,MAAa;EACjC,IAAI,CAAC,MAAM;EACX,SAAS,WAAA,GAAUA,SAAAA,OAAAA,CAAO,MAAM,YAAY,CAAC;EAC7C,QAAQ,KAAK;CACf;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,SAAD;EAAe;EAAM,cAAc;EAAnC,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,gBAAD,EACE,QACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;GACE,cAAY,UAAU,cAAc,IAAI;GACxC,iBAAe;GACf,MAAK;GACL,WAAU;GACV,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,kBAAD,EAAkB,eAAY,OAAQ,CAAA;GAE5C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;IAAK,IAAG;IAAO,SAAQ;IAAU,MAAK;IAAM,WAAU;IACnD,UAAA;GACE,CAAA;EACC,CAAA,EAEX,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,gBAAD;GAAgB,OAAO,SAAS,UAAU;GAAO,WAAU;GAAa,YAAY;GAClF,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,kCAAAA,YAAD;IACE,MAAK;IACL,UAAU;IACV,cAAc;IACd,YAAY;IACZ,UAAU;IACV,UAAU,aAAa,WAAW;KAAE,QAAQ;KAAW,OAAO;IAAS,IAAI,KAAA;IAC3E,UAAU;GACX,CAAA;EACa,CAAA,CACT;;AAEb;;AC7DA,IAAM,yBAAyB;AAC/B,IAAM,uBAAuB;AAkB7B,SAAgB,+BACd,gBACA,WACyB;CACzB,MAAM,QAAQ,KAAK,IAAI,GAAG,cAAc;CACxC,MAAM,MAAM,KAAK,IAAI,sBAAsB,KAAK;CAChD,MAAM,cAAc,KAAK,IAAI,wBAAwB,KAAK,IAAI,IAAI,QAAQ,OAAO,CAAC,CAAC;CACnF,MAAM,cAAc,KAAK,IAAI,GAAG,QAAQ,WAAW;CACnD,MAAM,aAAc,MAAM,UAAU,MAAM,GAAG,GAAG,IAAI,MAAO;CAC3D,MAAM,WAAY,MAAM,UAAU,IAAI,GAAG,GAAG,IAAI,MAAO;CACvD,MAAM,oBAAoB,MAAM,aAAa,cAAc,MAAM,GAAG,GAAG,WAAW;CAClF,MAAM,kBAAkB,MAAM,WAAW,MAAM,GAAG,GAAG,WAAW;CAChE,MAAM,UAAU,oBAAoB,cAAc,MAAM;CAExD,IAAI,WAAW,GACb,OAAO;EACL,MAAM;GAAE,MAAM;GAAmB,OAAO;EAAY;EACpD,IAAI;GAAE,MAAM;GAAiB,OAAO;EAAY;EAChD;CACF;CAGF,MAAM,YAAY,cAAc,IAAI;CACpC,MAAM,WAAW,MAAM,oBAAoB,UAAU,GAAG,GAAG,KAAK,IAAI,GAAG,QAAQ,SAAS,CAAC;CAEzF,OAAO;EACL,MAAM;GAAE,MAAM;GAAU,OAAO;EAAY;EAC3C,IAAI;GAAE,MAAM,WAAW,cAAc;GAAK,OAAO;EAAY;EAC7D;CACF;AACF;;ACzCA,SAAgB,2BACd,cACA,WACqC;CACrC,MAAM,CAAC,gBAAgB,sBAAA,GAAqBC,MAAAA,SAAAA,CAAiB;CAE7D,CAAA,GAAA,MAAA,gBAAA,OAAsB;EACpB,MAAM,YAAY,aAAa;EAC/B,IAAI,CAAC,WAAW;EAEhB,SAAS,YAAY,OAAe;GAGlC,IAAI,CAAC,OAAO,SAAS,KAAK,KAAK,QAAQ,GAAG;GAC1C,mBAAkB,YAAY,YAAY,QAAQ,UAAU,KAAM;EACpE;EAEA,YAAY,UAAU,sBAAsB,CAAC,CAAC,KAAK;EACnD,IAAI,OAAO,mBAAmB,aAAa;EAE3C,MAAM,WAAW,IAAI,gBAAe,YAAW;GAG7C,aAFc,QAAQ,MAAM,EAAE,aAAa,WAAW,SAAS,KAAK,QAAQ,GAAA,EACvD,YAAY,SAAS,UAAU,sBAAsB,CAAC,CAAC,KAC3D;EACnB,CAAC;EACD,SAAS,QAAQ,SAAS;EAC1B,aAAa,SAAS,WAAW;CACnC,GAAG,CAAC,YAAY,CAAC;CAEjB,OAAO,mBAAmB,KAAA,IAAY,KAAA,IAAY,+BAA+B,gBAAgB,SAAS;AAC5G;;AC1BA,IAAM,wBAAwB;AAE9B,SAAgB,yBAAyB,EAAE,WAAW,OAAO,KAAK,KAAK,YAA2C;CAChH,MAAM,gBAAA,GAAeC,MAAAA,OAAAA,CAAuB,IAAI;CAChD,MAAM,SAAS,2BAA2B,cAAc,SAAS;CAEjE,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,KAAK;EAAc,WAAU;EAAlC,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,WAAU;IACV,OAAO;KACL,MAAM,QAAQ,KAAK,QAAQ;KAC3B,OAAO,QAAQ,KAAK,SAAS;IAC/B;IAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAD;KAAyB,UAAS;KAAO,OAAO,MAAM;KAAW;KAAK,KAAK,MAAM;KAAc;IAAW,CAAA;GACvG,CAAA;GAEL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,WAAU;IACV,OAAO;KACL,MAAM,QAAQ,GAAG,QAAQ;KACzB,OAAO,QAAQ,GAAG,SAAS;IAC7B;IAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAD;KAAyB,UAAS;KAAK,OAAO,MAAM;KAAI,KAAK,MAAM;KAAW;KAAe;IAAW,CAAA;GACrG,CAAA;GAEL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,WAAU;IACV,OAAO,EAAE,MAAM,GAAG,UAAU,KAAK,GAAG;IACpC,eAAY;GACb,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IACE,WAAU;IACV,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,GAAG;IAClC,eAAY;GACb,CAAA;EACE;;AAET;;AC3CA,SAAS,mBAAmB,OAAe;CACzC,MAAM,OAAO,UAAU,KAAK;CAC5B,OAAO,QAAA,GAAOC,SAAAA,OAAAA,CAAO,MAAM,aAAa,IAAI;AAC9C;AAEA,SAAgB,eAAe,EAAE,OAAO,KAAK,OAA4B;CACvE,MAAM,YAAY,MAAM;CACxB,MAAM,WAAW,MAAM,GAAG,EAAE;CAC5B,IAAI,CAAC,aAAa,CAAC,UAAU,OAAO;CACpC,MAAM,gBAAgB,gBAAgB,mBAAmB,UAAU,IAAI,EAAE,WAAW,mBAAmB,SAAS,IAAI,EAAE,mBAAmB,mBAAmB,GAAG,EAAE,WAAW,mBAAmB,GAAG;CAElM,IAAI,UAAU,SAAS,SAAS,MAAM;EACpC,MAAM,OAAO,mBAAmB,UAAU,IAAI;EAG9C,MAAM,cACJ,UAAU,SAAS,OAAO,UAAU,SAAS,MACzC,kBAAkB,KAAK,KACvB,UAAU,SAAS,MACjB,WAAW,SACX,UAAU,SAAS,MACjB,UAAU,KAAK,KACf;EACV,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,MAAK;GAAQ,cAAY;GAAe,WAAU;GAErD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;IAAK,IAAG;IAAO,SAAQ;IAAU,MAAK;IACnC,UAAA;GACE,CAAA;EACF,CAAA;CAET;CAEA,MAAM,aAAa,UAAU,SAAS,MAAM,WAAW,mBAAmB,GAAG,MAAM,UAAU;CAC7F,MAAM,WAAW,SAAS,SAAS,MAAM,UAAU,mBAAmB,GAAG,EAAE,KAAK,SAAS;CACzF,MAAM,cAAc,MAAM,MAAM,GAAG,EAAE;CAErC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,MAAK;EAAQ,WAAU;EAAgB,cAAY;EAAxD,UAAA;GACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAAmC,eAAY;IAAQ,CAAA,GAEvE,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;KAAK,IAAG;KAAO,SAAQ;KAAU,MAAK;KAAQ,WAAU;KACrD,UAAA;IACE,CAAA,CACF;;GAEJ,YAAY,KAAI,SACf,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAEE,WAAU;IACV,OAAO,EAAE,MAAM,GAAG,KAAK,SAAS,GAAG;IACnC,eAAY;IAJd,UAAA,CAME,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,WAAU,mCAAoC,CAAA,GAEpD,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;KAAK,IAAG;KAAO,SAAQ;KAAO,MAAK;KAAQ,WAAU;KAClD,UAAA,KAAK;IACH,CAAA,CACF;GAVE,GAAA,KAAK,IAUP,CACN;GAED,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAAmC,eAAY;IAAQ,CAAA,GAEvE,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;KAAK,IAAG;KAAO,SAAQ;KAAU,MAAK;KAAQ,WAAU;KACrD,UAAA;IACE,CAAA,CACF;;EACF;;AAET;;AChEA,SAAgB,gBAAgB,EAC9B,UACA,UACA,OACA,WACA,KACA,KACA,QACA,eACA,aACuB;CACvB,MAAM,QAAQ,aAAa,SAAS,sBAAsB;CAC1D,MAAM,OAAO,UAAU,SAAS;CAChC,MAAM,kBAAkB,QAAA,GAAOC,SAAAA,OAAAA,CAAO,MAAM,cAAc,IAAI;CAE9D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,MAAK;EACL,UAAU;EACV,cAAY;EACZ,oBAAiB;EACjB,iBAAe;EACf,iBAAe;EACf,iBAAe;EACf,kBAAgB;EAChB,WAAU;EACV,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG;EACf;EACJ;EAEX,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,WAAWC,cAAAA,GACT,kQACA,SAAS,iCAAiC,oBAC5C;GACA,eAAY;EACb,CAAA;CACE,CAAA;AAET;;ACxCA,SAAgB,mBAAmB,EACjC,MACA,OACA,UACA,QACA,OACA,WACA,KACA,eACA,aAC0B;CAC1B,MAAM,eAAe,KAAK,IAAI,OAAO,EAAG;CACxC,MAAM,cAAc,KAAK,IAAI,MAAM,MAAM,YAAY;CACrD,MAAM,eAAe,SAAS;CAC9B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,MAAK;EACL,UAAU;EACV,cAAW;EACX,oBAAiB;EACjB,iBAAe;EACf,iBAAe;EACf,iBAAe;EACf,kBAAgB;EAChB,WAAWC,cAAAA,GACT,yKACAC,+BAAAA,WACA,SACI,oBACA,8FACN;EACA,OAAO;GAAE,MAAM,GAAG,YAAY;GAAI,OAAO,GAAG,aAAa;EAAG;EAC7C;EACJ;EAEV,UAAA,eAEC,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAU,MAAK;GAAM,MAAK;GAAO,WAAU;GAC/D,UAAA;EACE,CAAA,IACH;CACD,CAAA;AAET;;ACrDA,SAAS,gBAAgB,UAA2C;CAClE,IAAI,aAAa,SAAS,OAAO;CACjC,IAAI,aAAa,UAAU,OAAO;CAClC,OAAO;AACT;AAEA,SAAgB,mBAAmB,EAAE,WAAoC;CAEvE,MAAM,kBAAkB,QAAQ,QAAO,WAAU,OAAO,WAAW,KAAK,OAAO,WAAW,GAAG;CAE7F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAAuC,eAAY;EAC/D,UAAA,gBAAgB,KAAI,WACnB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAEE,WAAWC,cAAAA,GACT,+DACA,gBAAgB,OAAO,QAAQ,CACjC;GACA,OAAO,EAAE,MAAM,GAAG,OAAO,SAAS,GAAG;EACtC,GANM,OAAO,KAMb,CACF;CACE,CAAA;AAET;;ACbA,IAAM,2BAA2B;AAEjC,SAAS,iBAAiB,KAAa;CACrC,IAAI,QAAQ,eAAe,QAAQ,aAAa,OAAO;CACvD,IAAI,QAAQ,gBAAgB,QAAQ,WAAW,OAAO;CACtD,IAAI,QAAQ,YAAY,OAAO;CAC/B,IAAI,QAAQ,UAAU,OAAO;AAE/B;AAEA,SAAgB,uBAAuB,SAAsD;CAC3F,IAAI,QAAQ,SAAS,SAAS,OAAO,EAAE,MAAM,YAAY;CACzD,IAAI,QAAQ,SAAS,OAAO,OAAO,EAAE,MAAM,SAAS;CACpD,OAAO;EAAE,MAAM;EAAY,UAAU,QAAQ;CAAS;AACxD;AAEA,SAAgB,0BACd,SACA,OACA,UACA;CACA,MAAM,eAAe,SAAS,KAAK,SAAS;CAC5C,IAAI,CAAC,SAAS,MAAM,SAAS,KAAK,gBAAgB,GAAG,OAAO,SAAS;CAErE,MAAM,WAAW,OAAO,UAAU,MAAM,QAAQ,MAAM,OAAO,GAAG,CAAC;CACjE,OAAO,SAAS,OAAO,KAAK,MAAM,WAAW,YAAY;AAC3D;AAEA,SAAgB,gCACd,SACA,cACA,UACoB;CACpB,MAAM,sBAAsB,MAAM,cAAc,SAAS,MAAM,SAAS,EAAE;CAE1E,IAAI,QAAQ,SAAS,SACnB,OAAO;EACL,MAAM,KAAK,IAAI,QAAQ,YAAY,mBAAmB;EACtD,IAAI,KAAK,IAAI,QAAQ,YAAY,mBAAmB;CACtD;CAGF,IAAI,QAAQ,SAAS,OAAO;EAC1B,MAAM,gBAAgB,QAAQ,kBAAkB,KAAK,QAAQ,kBAAkB;EAC/E,MAAM,QAAQ,sBAAsB,QAAQ;EAC5C,MAAM,OAAO,MAAM,QAAQ,kBAAkB,OAAO,OAAO,SAAS,MAAM,SAAS,KAAK,aAAa;EACrG,OAAO;GAAE;GAAM,IAAI,OAAO;EAAc;CAC1C;CAEA,IAAI,QAAQ,aAAa,QACvB,OAAO;EACL,MAAM,MAAM,qBAAqB,SAAS,MAAM,QAAQ,kBAAkB,EAAE;EAC5E,IAAI,QAAQ,kBAAkB;CAChC;CAGF,OAAO;EACL,MAAM,QAAQ,kBAAkB;EAChC,IAAI,MAAM,qBAAqB,QAAQ,kBAAkB,MAAM,SAAS,EAAE;CAC5E;AACF;AAEA,SAAgB,6BAA6B,WAA+B,KAAa,cAAsB;CAC7G,MAAM,OAAO,UAAU,KAAK,UAAU;CACtC,IAAI,QAAQ,QAAQ,OAAO;EAAE,MAAM;EAAG,IAAI;CAAK;CAC/C,IAAI,QAAQ,OAAO,OAAO;EAAE,MAAM,eAAe;EAAM,IAAI;CAAa;CAExE,MAAM,QAAQ,iBAAiB,GAAG;CAClC,IAAI,UAAU,KAAA,GAAW,OAAO,KAAA;CAChC,MAAM,OAAO,MAAM,UAAU,OAAO,OAAO,GAAG,eAAe,IAAI;CACjE,OAAO;EAAE;EAAM,IAAI,OAAO;CAAK;AACjC;AAEA,SAAgB,+BACd,WACA,UACA,KACA,cACA;CACA,MAAM,EAAE,MAAM,OAAO;CACrB,IAAI,QAAQ,QAAQ,OAAO,aAAa,SAAS;EAAE,MAAM;EAAG;CAAG,IAAI;EAAE;EAAM,IAAI;CAAK;CACpF,IAAI,QAAQ,OACV,OAAO,aAAa,SAAS;EAAE,MAAM;EAAI;CAAG,IAAI;EAAE;EAAM,IAAI;CAAa;CAG3E,MAAM,QAAQ,iBAAiB,GAAG;CAClC,IAAI,UAAU,KAAA,GAAW,OAAO,KAAA;CAChC,OAAO,aAAa,SAChB;EAAE,MAAM,MAAM,OAAO,OAAO,GAAG,EAAE;EAAG;CAAG,IACvC;EAAE;EAAM,IAAI,MAAM,KAAK,OAAO,MAAM,YAAY;CAAE;AACxD;;AClGA,SAAgB,6BAA6B,EAAE,WAAW,cAAc,YAA+C;CACrH,SAAS,uBAAuB,OAAsC;EACpE,MAAM,gBAAgB,6BAA6B,WAAW,MAAM,KAAK,YAAY;EACrF,IAAI,CAAC,eAAe;EAEpB,MAAM,eAAe;EACrB,SAAS,aAAa;CACxB;CAEA,SAAS,sBAAsB,UAAwB,OAAsC;EAC3F,MAAM,gBAAgB,+BAA+B,WAAW,UAAU,MAAM,KAAK,YAAY;EACjG,IAAI,CAAC,eAAe;EAEpB,MAAM,eAAe;EACrB,SAAS,aAAa;CACxB;CAEA,SAAS,kBAAkB,OAAsC;EAC/D,sBAAsB,QAAQ,KAAK;CACrC;CAEA,SAAS,gBAAgB,OAAsC;EAC7D,sBAAsB,MAAM,KAAK;CACnC;CAEA,OAAO;EACL;EACA;EACA;CACF;AACF;;ACzBA,SAAgB,eAAyB,EAAE,QAAQ,OAAO,YAA2C;CACnG,MAAM,cAAA,GAAaC,MAAAA,OAAAA,CAAiD,KAAA,CAAS;CAE7E,SAAS,iBAAiB,OAAkC,SAAmB;EAC7E,IAAI,WAAW,SAAS,OAAO;EAE/B,MAAM,gBAAgB,MAAM;EAC5B,cAAc,kBAAkB,MAAM,SAAS;EAC/C,WAAW,UAAU;GACnB,WAAW,MAAM;GACjB;GACA;EACF;EACA,OAAO;CACT;CAEA,SAAS,WAAW,OAAkC;EACpD,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,WAAW,QAAQ,cAAc,MAAM,WAAW,OAAO,KAAA;EAC9D,OAAO;CACT;CAEA,SAAS,eAAe,SAAuC;EAC7D,WAAW,UAAU,KAAA;EACrB,IAAI,CAAC,QAAQ,cAAc,kBAAkB,QAAQ,SAAS,GAAG;EACjE,QAAQ,cAAc,sBAAsB,QAAQ,SAAS;CAC/D;CAEA,SAAS,kBAAkB,OAAkC;EAC3D,MAAM,UAAU,WAAW,KAAK;EAChC,IAAI,CAAC,SAAS;EACd,OAAO,QAAQ,SAAS,KAAK;CAC/B;CAEA,SAAS,gBAAgB,OAAkC;EACzD,MAAM,UAAU,WAAW,KAAK;EAChC,IAAI,CAAC,SAAS;EACd,eAAe,OAAO;EACtB,MAAM,QAAQ,SAAS,KAAK;CAC9B;CAEA,SAAS,oBAAoB,OAAkC;EAC7D,MAAM,UAAU,WAAW,KAAK;EAChC,IAAI,CAAC,SAAS;EACd,eAAe,OAAO;EACtB,SAAS,QAAQ,SAAS,KAAK;CACjC;CAEA,SAAS,yBAAyB,OAAkC;EAClE,MAAM,UAAU,WAAW,KAAK;EAChC,IAAI,CAAC,SAAS;EACd,WAAW,UAAU,KAAA;EACrB,SAAS,QAAQ,SAAS,KAAK;CACjC;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF;;ACnDA,SAAgB,4BAA4B,EAC1C,UACA,UACA,oBACA,mBACA,qBACmC;CACnC,MAAM,CAAC,aAAa,mBAAA,GAAkBC,MAAAA,SAAAA,CAA8B;CAEpE,SAAS,gBAAgB,SAAiB;EACxC,MAAM,QAAQ,SAAS,SAAS,sBAAsB;EACtD,OAAO,0BAA0B,SAAS,OAAO,SAAS,QAAQ;CACpE;CAEA,SAAS,mBAAmB,MAA2B,OAAkC;EACvF,MAAM,eAAe,gBAAgB,MAAM,OAAO;EAClD,MAAM,YAAY,gCAAgC,KAAK,SAAS,cAAc,SAAS,QAAQ;EAC/F,KAAK,mBAAmB;EACxB,mBAAmB,SAAS;CAC9B;CAEA,SAAS,kBAAkB,MAA2B,OAAkC;EACtF,mBAAmB,MAAM,KAAK;EAC9B,eAAe,KAAA,CAAS;EACxB,kBAAkB,KAAK,gBAAgB;CACzC;CAEA,SAAS,oBAAoB;EAC3B,eAAe,KAAA,CAAS;EACxB,kBAAkB;CACpB;CAEA,MAAM,cAAc,eAAoC;EACtD,QAAQ;EACR,OAAO;EACP,UAAU;CACZ,CAAC;CAED,SAAS,iBACP,OACA,SACA,kBACA;EAEA,IAAI,CADY,YAAY,iBAAiB,OAAO;GAAE;GAAS;EAAiB,CAC3E,GAAS,OAAO;EACrB,eAAe,uBAAuB,OAAO,CAAC;EAC9C,OAAO;CACT;CAEA,SAAS,WAAW,OAAqC;EACvD,IAAI,MAAM,WAAW,GAAG;EACxB,MAAM,eAAe;EACrB,MAAM,aAAa,gBAAgB,MAAM,OAAO;EAChD,MAAM,YAAY;GAAE,MAAM;GAAY,IAAI;EAAW;EASrD,IAAI,CARY,iBACd,OACA;GACE,MAAM;GACN;EACF,GACA,SAEG,GAAS;EACd,mBAAmB,SAAS;CAC9B;CAEA,SAAS,SAAS,OAAqC;EACrD,IAAI,MAAM,WAAW,GAAG;EACxB,MAAM,eAAe;EACrB,MAAM,gBAAgB;EACtB,iBACE,OACA;GACE,MAAM;GACN,YAAY,gBAAgB,MAAM,OAAO;GACzC,mBAAmB,SAAS;EAC9B,GACA,SAAS,SACX;CACF;CAEA,SAAS,YAAY,UAAwB,OAAqC;EAChF,IAAI,MAAM,WAAW,GAAG;EACxB,MAAM,eAAe;EACrB,MAAM,gBAAgB;EACtB,iBACE,OACA;GACE,MAAM;GACN;GACA,mBAAmB,SAAS;EAC9B,GACA,SAAS,SACX;CACF;CAEA,SAAS,kBAAkB,OAAqC;EAC9D,YAAY,kBAAkB,KAAK;CACrC;CAEA,SAAS,gBAAgB,OAAqC;EAC5D,YAAY,gBAAgB,KAAK;CACnC;CAEA,SAAS,oBAAoB,OAAqC;EAChE,YAAY,oBAAoB,KAAK;CACvC;CAEA,SAAS,yBAAyB,OAAqC;EACrE,YAAY,yBAAyB,KAAK;CAC5C;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF;;AChJA,IAAM,kBAAkB;AACxB,IAAM,yBAAyB;AAS/B,SAAgB,sBAAsB,EAAE,SAAS,UAAU,UAAU,UAAsC;CACzG,MAAM,eAAA,GAAcC,MAAAA,eAAAA,EAAgB,UAAsB;EACxD,IAAI,CAAC,MAAM,SAAS;EAEpB,IAAI,UAAU;EACd,MAAM,eAAe;EAErB,MAAM,YAAY,SAAS,SAAS,sBAAsB;EAC1D,MAAM,SACJ,aAAa,UAAU,QAAQ,IAAI,OAAO,MAAM,UAAU,UAAU,QAAQ,UAAU,OAAO,GAAG,CAAC,IAAI;EACvG,MAAM,aAAa,MAAM,MAAM,QAAQ,KAAkB,eAAe;EAExE,OADe,KAAK,IAAI,aAAa,sBAC9B,GAAQ,MAAM;CACvB,CAAC;CAED,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,OAAO,QAAQ;EACrB,IAAI,CAAC,MAAM;EACX,KAAK,iBAAiB,SAAS,aAAa,EAAE,SAAS,MAAM,CAAC;EAC9D,aAAa,KAAK,oBAAoB,SAAS,WAAW;CAC5D,GAAG,CAAC,OAAO,CAAC;AACd;;AChCA,IAAM,qBAAqB;AAQ3B,SAAS,iBAAiB,eAA4B,OAAe,UAA8B;CACjG,IAAI,SAAS,SAAS,QAAQ,SAAS,SAAS,IAC9C,cAAc,IAAI,KAAK;AAE3B;AAEA,SAAS,kBACP,OACA,cACA,eACiC;CACjC,IAAI,aAAa,IAAI,KAAK,GAAG,OAAO;CACpC,IAAI,cAAc,IAAI,KAAK,GAAG,OAAO;CACrC,OAAO;AACT;AAEA,SAAgB,2BACd,UACA,WACuB;CACvB,MAAM,eAAe,KAAK,IAAI,GAAG,SAAS,KAAK,SAAS,IAAI;CAC5D,IAAI,iBAAiB,GACnB,OAAO,CAAC;EAAE,OAAO,SAAS;EAAM,UAAU;EAAI,UAAU;CAAQ,CAAC;CAGnE,MAAM,aAAa,KAAK,IAAI,GAAG,KAAK,KAAK,eAAe,kBAAkB,CAAC;CAC3E,MAAM,gCAAgB,IAAI,IAAY;CACtC,MAAM,+BAAe,IAAI,IAAY;CACrC,MAAM,gCAAgB,IAAI,IAAY;CACtC,MAAM,cAAc,yBAAyB,YAAY;CAEzD,KAAK,IAAI,QAAQ,SAAS,MAAM,SAAS,SAAS,IAAI,SAAS,YAC7D,cAAc,IAAI,KAAK;CAGzB,KAAK,IAAI,QAAQ,GAAG,QAAQ,YAAY,QAAQ,SAAS,GAAG;EAC1D,MAAM,aAAa,YAAY;EAC/B,IAAI,eAAe,KAAA,GAAW;EAE9B,MAAM,aAAa,SAAS,OAAO;EACnC,cAAc,IAAI,UAAU;EAC5B,aAAa,IAAI,UAAU;EAE3B,MAAM,iBAAiB,YAAY,QAAQ;EAC3C,IAAI,mBAAmB,KAAA,GAAW;EAElC,MAAM,cAAc,SAAS,OAAO,KAAK,OAAO,aAAa,kBAAkB,CAAC;EAChF,cAAc,IAAI,WAAW;EAC7B,cAAc,IAAI,WAAW;CAC/B;CAEA,iBAAiB,eAAe,UAAU,MAAM,QAAQ;CACxD,iBAAiB,eAAe,UAAU,IAAI,QAAQ;CAEtD,OAAO,CAAC,GAAG,aAAa,CAAC,CACtB,MAAM,MAAM,UAAU,OAAO,KAAK,CAAC,CACnC,KAAI,WAAU;EACb;EACA,UAAU,oBAAoB,OAAO,QAAQ;EAC7C,UAAU,kBAAkB,OAAO,cAAc,aAAa;CAChE,EAAE;AACN;;AC9DA,SAAgB,6BAA6B,OAAsB;CACjE,MAAM,QAAQ,YAAY,KAAK;CAI/B,OAAO;EACL,WAAW;GAAE,MAJM,oBAAoB,MAAM,UAAU,MAAM,MAAM,QAIhD;GAAc,IAHhB,oBAAoB,MAAM,UAAU,IAAI,MAAM,QAG1B;EAAW;EAChD;CACF;AACF;AAEA,SAAgB,0BAA0B,OAAsB,cAAsB;CACpF,MAAM,QAAQ,YAAY,KAAK;CAC/B,MAAM,eAAe,oBAAoB,MAAM,UAAU,MAAM,MAAM,QAAQ;CAC7E,MAAM,aAAa,oBAAoB,MAAM,UAAU,IAAI,MAAM,QAAQ;CACzE,MAAM,OAAO,MAAM,UAAU,KAAK,MAAM,UAAU;CAElD,OAAO;EACL,SAAS;GACP,MAAM;IACJ,UAAU;IACV,OAAO,MAAM,UAAU;IACvB,WAAW,MAAM;IACjB,KAAK;IACL,KAAK,MAAM,UAAU;GACvB;GACA,IAAI;IACF,UAAU;IACV,OAAO,MAAM,UAAU;IACvB,WAAW,MAAM;IACjB,KAAK,MAAM,UAAU;IACrB,KAAK;GACP;EACF;EACA,WAAW;GACT,MAAM;GACN,OAAO,KAAK,IAAI,GAAG,aAAa,YAAY;GAC5C,UAAU,wBAAwB,KAAK;GACvC,OAAO,MAAM,UAAU;GACvB,WAAW,yBAAyB,KAAK;GACzC,KAAK,eAAe;EACtB;CACF;AACF;AAEA,SAAgB,yBAAyB,OAAsB;CAG7D,OAAO,EAAE,OAAO,oBAFV,GAAcC,SAAAA,QAAAA,CAAQ,MAAM,QAAQ,MAAM,SAAS,IAEtB,IAD7B,GAAYA,SAAAA,QAAAA,CAAQ,MAAM,QAAQ,MAAM,SAAS,EACP,CAAS,EAAE;AAC7D;;ACpCA,SAAgB,eAAe,EAC7B,gBACA,UACA,cACA,oBACA,mBACA,mBACA,UACsB;CACtB,MAAM,YAAA,GAAWC,MAAAA,OAAAA,CAAuB,IAAI;CAC5C,MAAM,UAAU,4BAA4B;EAC1C;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,EAAE,wBAAwB,mBAAmB,oBAAoB,6BAA6B;EAClG,WAAW,SAAS;EACpB;EACA,UAAU;CACZ,CAAC;CAED,sBAAsB;EACpB,SAAS;EACT;EACA,UAAU,QAAQ,gBAAgB,KAAA;EAClC;CACF,CAAC;CAED,MAAM,QAAQ,0BAA0B,UAAU,YAAY;CAC9D,MAAM,cAAc,2BAA2B,SAAS,UAAU,SAAS,SAAS;CAEpF,SAAS,gBAAgB,OAAqC;EAC5D,QAAQ,YAAY,QAAQ,KAAK;CACnC;CAEA,SAAS,cAAc,OAAqC;EAC1D,QAAQ,YAAY,MAAM,KAAK;CACjC;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,WAAWC,cAAAA,GACT,gDACA,QAAQ,aAAa,SAAS,cAAc,sBAAsB,kBACpE;EACA,eAAe,QAAQ;EACvB,eAAe,QAAQ;EACvB,aAAa,QAAQ;EACrB,iBAAiB,QAAQ;EACzB,sBAAsB,QAAQ;EAZhC,UAAA;GAcE,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,EAAoB,SAAS,YAAc,CAAA;GAC3C,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD;IACE,MAAM,MAAM,UAAU;IACtB,OAAO,MAAM,UAAU;IACvB,UAAU,MAAM,UAAU;IAC1B,QAAQ,QAAQ,gBAAgB,KAAA;IAChC,OAAO,MAAM,UAAU;IACvB,WAAW,MAAM,UAAU;IAC3B,KAAK,MAAM,UAAU;IACrB,eAAe,QAAQ;IACvB,WAAW;GACZ,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;IACE,UAAS;IACT,UAAU,MAAM,QAAQ,KAAK;IAC7B,OAAO,MAAM,QAAQ,KAAK;IAC1B,WAAW,MAAM,QAAQ,KAAK;IAC9B,KAAK,MAAM,QAAQ,KAAK;IACxB,KAAK,MAAM,QAAQ,KAAK;IACxB,QAAQ,QAAQ,aAAa,SAAS,cAAc,QAAQ,YAAY,aAAa;IACrF,eAAe;IACf,WAAW;GACZ,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;IACE,UAAS;IACT,UAAU,MAAM,QAAQ,GAAG;IAC3B,OAAO,MAAM,QAAQ,GAAG;IACxB,WAAW,MAAM,QAAQ,GAAG;IAC5B,KAAK,MAAM,QAAQ,GAAG;IACtB,KAAK,MAAM,QAAQ,GAAG;IACtB,QAAQ,QAAQ,aAAa,SAAS,cAAc,QAAQ,YAAY,aAAa;IACrF,eAAe;IACf,WAAW;GACZ,CAAA;EACE;;AAET;;AC/FA,SAAS,sBAAsB,KAAa,KAAa;CACvD,MAAM,8BAAc,IAAI,KAAK;CAC7B,MAAM,UAAU,UAAU,GAAG,KAAK;CAClC,MAAM,eAAe,UAAU,GAAG,MAAA,GAAKC,SAAAA,QAAAA,CAAQ,SAAS,IAAI;CAE5D,OAAO;EAAE,SADO,eAAe,UAAU,UAAU;EACjC;CAAQ;AAC5B;AAEA,SAAgB,0BAA0B,EAAE,OAAO,KAAK,KAAK,YAA4C;CACvG,MAAM,EAAE,SAAS,YAAY,sBAAsB,KAAK,GAAG;CAC3D,MAAM,oBAAoB,oBAAoB,OAAO,SAAS,OAAO;CACrE,MAAM,eAAe,KAAK,IAAI,IAAA,GAAGC,SAAAA,yBAAAA,CAAyB,SAAS,OAAO,CAAC;CAC3E,MAAM,CAAC,UAAU,gBAAA,GAAeC,MAAAA,SAAAA,OAAe,kBAAkB,QAAQ;CACzE,MAAM,CAAC,gBAAgB,sBAAA,GAAqBA,MAAAA,SAAAA,CAA6B;CACzE,MAAM,YAAY,kBAAkB,kBAAkB;CACtD,MAAM,QAAQ;EACZ,GAAG;EACH,UAAU,wBAAwB,UAAU,WAAW,YAAY;EACnE;CACF;CAEA,SAAS,iBAAiB,eAAmC;EAC3D,kBAAkB,aAAa;CACjC;CAEA,SAAS,kBAAkB;EACzB,kBAAkB,KAAA,CAAS;CAC7B;CAEA,SAAS,gBAAgB,eAAmC;EAC1D,kBAAkB,KAAA,CAAS;EAC3B,aAAY,YAAW,wBAAwB,SAAS,eAAe,YAAY,CAAC;EACpF,SAAS,YAAY;GAAE,GAAG;GAAO,WAAW;EAAc,CAAC,CAAC;CAC9D;CAEA,SAAS,KAAK,QAAgB,QAAgB;EAC5C,aAAY,YAAW;GACrB,MAAM,kBAAkB,wBAAwB,SAAS,MAAM,WAAW,YAAY;GACtF,OAAO,qBAAqB;IAAE,GAAG;IAAO,UAAU;GAAgB,GAAG,cAAc,QAAQ,MAAM,CAAC,CAAC;EACrG,CAAC;CACH;CAEA,SAAS,WAAW,UAAwB,WAAmB;EAC7D,MAAM,OAAO,UAAU,SAAS;EAChC,IAAI,CAAC,MAAM;EAEX,MAAM,YAAY,OAAA,GAAMD,SAAAA,yBAAAA,CAAyB,MAAM,MAAM,MAAM,GAAG,GAAG,YAAY;EAWrF,gBATE,aAAa,SACT;GACE,MAAM,MAAM,WAAW,GAAG,MAAM,UAAU,EAAE;GAC5C,IAAI,MAAM,UAAU;EACtB,IACA;GACE,MAAM,MAAM,UAAU;GACtB,IAAI,MAAM,WAAW,MAAM,UAAU,MAAM,YAAY;EACzD,CACuB;CAC/B;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF;;AC1EA,SAAgB,kBAAkB,EAAE,OAAO,KAAK,KAAK,YAAoC;CACvF,MAAM,WAAA,GAAUE,MAAAA,OAAAA,CAAuB,IAAI;CAC3C,MAAM,WAAW,0BAA0B;EACzC;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,gBAAgB,6BAA6B,SAAS,KAAK;CACjE,MAAM,YAAY,yBAAyB,SAAS,KAAK;CAEzD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EAGX,WAAU;EANZ,UAAA;GAQE,iBAAA,GAAA,kBAAA,IAAA,CAAC,0BAAD;IACE,WAAW,cAAc;IACzB,OAAO,cAAc;IAChB;IACA;IACL,UAAU,SAAS;GACpB,CAAA;GAED,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;IACE,gBAAgB;IAChB,UAAU,SAAS;IACnB,cAAc,SAAS;IACvB,oBAAoB,SAAS;IAC7B,mBAAmB,SAAS;IAC5B,mBAAmB,SAAS;IAC5B,QAAQ,SAAS;GAClB,CAAA;GAED,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;IAAgB,OAAO,UAAU;IAAY;IAAU;GAAM,CAAA;EAC1D;;AAET"}

package/dist/components/DateRangeTimeline.es.js CHANGED Viewed

@@ -1,9 +1,9 @@
+import { t as Button } from "../Button-Bi7aXd_G.js";
+import { DatePicker } from "./DateTimePicker.es.js";
+import { i as PopoverTrigger, n as Popover, r as PopoverContent } from "../popover-BpMi52Tb.js";
+import { t as Txt } from "../Txt-5efBsb2p.js";
 import { t as cn } from "../utils-DQx8TpNT.js";
 import { focusRing } from "../primitives/transitions.es.js";
-import { t as Button } from "../Button-CLXTbAY8.js";
-import { t as Txt } from "../Txt-BM6TVV_c.js";
-import { i as PopoverTrigger, n as Popover, r as PopoverContent } from "../popover-CzHvTPk2.js";
-import { DatePicker } from "./DateTimePicker.es.js";
 import { useEffect, useEffectEvent, useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CalendarDaysIcon } from "lucide-react";
@@ -189,8 +189,8 @@ function DateRangeBoundaryPicker({ boundary, value, min, max, onSelect }) {
 				mode: "single",
 				selected: selectedDate,
 				defaultMonth: selectedDate,
-				fromMonth: firstDate,
-				toMonth: lastDate,
+				startMonth: firstDate,
+				endMonth: lastDate,
 				disabled: firstDate && lastDate ? {
 					before: firstDate,
 					after: lastDate
@@ -320,7 +320,7 @@ function DateRangeTicks({ ticks, min, max }) {
 	const timelineLabel = `Visible from ${formatBoundaryDate(firstTick.date)} through ${formatBoundaryDate(lastTick.date)}. Available from ${formatBoundaryDate(min)} through ${formatBoundaryDate(max)}`;
 	if (firstTick.date === lastTick.date) {
 		const date = formatBoundaryDate(firstTick.date);
-		const singleLabel = firstTick.date === min && firstTick.date === max ? `Created today · ${date}` : firstTick.date === min ? `Created · ${date}` : firstTick.date === max ? `Today · ${date}` : date;
+		const singleLabel = firstTick.date === min && firstTick.date === max ? `Created today (${date})` : firstTick.date === min ? `Created ${date}` : firstTick.date === max ? `Today (${date})` : date;
 		return /* @__PURE__ */ jsx("div", {
 			role: "group",
 			"aria-label": timelineLabel,
@@ -333,8 +333,8 @@ function DateRangeTicks({ ticks, min, max }) {
 			})
 		});
 	}
-	const startLabel = firstTick.date === min ? `Created · ${formatBoundaryDate(min)}` : firstTick.label;
-	const endLabel = lastTick.date === max ? `Today · ${formatBoundaryDate(max)}` : lastTick.label;
+	const startLabel = firstTick.date === min ? `Created ${formatBoundaryDate(min)}` : firstTick.label;
+	const endLabel = lastTick.date === max ? `Today (${formatBoundaryDate(max)})` : lastTick.label;
 	const middleTicks = ticks.slice(1, -1);
 	return /* @__PURE__ */ jsxs("div", {
 		role: "group",