@nocoo/basalt 2.0.3 → 2.1.2

package/dist/components/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","names":[],"sources":["../../src/components/date-picker.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { type ComponentProps, useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Button } from \"./button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\ntype Civil = { y: number; m: number; d: number };\n\nfunction pad(value: number) {\n\treturn String(value).padStart(2, \"0\");\n}\n\nfunction formatIso(date: Civil) {\n\treturn `${String(date.y).padStart(4, \"0\")}-${pad(date.m)}-${pad(date.d)}`;\n}\n\nfunction utcDate(date: Civil) {\n\tconst next = new Date(Date.UTC(date.y, date.m - 1, date.d));\n\tnext.setUTCFullYear(date.y);\n\treturn next;\n}\n\nfunction civilDate(date: Civil) {\n\tconst next = new Date(date.y, date.m - 1, date.d);\n\tnext.setFullYear(date.y);\n\treturn next;\n}\n\nfunction parseIso(value: string): Civil | null {\n\tconst match = /^(\\d{4,})-(\\d{2})-(\\d{2})$/.exec(value);\n\tif (!match) {\n\t\treturn null;\n\t}\n\tconst year = Number(match[1]);\n\tconst month = Number(match[2]);\n\tconst day = Number(match[3]);\n\tif (year < 1) {\n\t\treturn null;\n\t}\n\tconst utc = utcDate({ y: year, m: month, d: day });\n\tif (\n\t\tutc.getUTCFullYear() !== year ||\n\t\tutc.getUTCMonth() + 1 !== month ||\n\t\tutc.getUTCDate() !== day\n\t) {\n\t\treturn null;\n\t}\n\treturn { y: year, m: month, d: day };\n}\n\nconst CALENDAR_BUTTON =\n\t\"appearance-none border-0 bg-transparent p-0 font-inherit text-inherit cursor-pointer\";\n\nfunction todayCivil(timeZone?: string): Civil {\n\tconst parts = new Intl.DateTimeFormat(\"en-CA\", {\n\t\ttimeZone,\n\t\tyear: \"numeric\",\n\t\tmonth: \"2-digit\",\n\t\tday: \"2-digit\",\n\t}).formatToParts(new Date());\n\tconst read = (type: Intl.DateTimeFormatPartTypes) =>\n\t\tNumber(parts.find((part) => part.type === type)?.value);\n\treturn { y: read(\"year\"), m: read(\"month\"), d: read(\"day\") };\n}\n\nfunction formatCivil(date: Civil, locale: string, options: Intl.DateTimeFormatOptions) {\n\treturn new Intl.DateTimeFormat(locale, {\n\t\t...options,\n\t\ttimeZone: \"UTC\",\n\t\tcalendar: \"gregory\",\n\t}).format(utcDate(date));\n}\n\nfunction formatTriggerLabel({\n\tmode,\n\tselectedDate,\n\trangeFrom,\n\trangeTo,\n\tlocale,\n\tformatDate,\n}: {\n\tmode: \"single\" | \"range\";\n\tselectedDate: Civil | null;\n\trangeFrom: string;\n\trangeTo?: string;\n\tlocale: string;\n\tformatDate?: (date: Date) => string;\n}) {\n\tfunction one(iso: string) {\n\t\tconst date = parseIso(iso);\n\t\tif (!date) {\n\t\t\treturn iso;\n\t\t}\n\t\treturn formatDate?.(civilDate(date)) ?? formatCivil(date, locale, { dateStyle: \"medium\" });\n\t}\n\tif (mode === \"range\") {\n\t\tif (!rangeFrom) {\n\t\t\treturn \"Pick a date\";\n\t\t}\n\t\tif (!rangeTo) {\n\t\t\treturn `${one(rangeFrom)} – …`;\n\t\t}\n\t\treturn `${one(rangeFrom)} – ${one(rangeTo)}`;\n\t}\n\treturn selectedDate\n\t\t? (formatDate?.(civilDate(selectedDate)) ??\n\t\t\t\tformatCivil(selectedDate, locale, { dateStyle: \"medium\" }))\n\t\t: \"Pick a date\";\n}\n\nfunction compareCivil(left: Civil, right: Civil) {\n\tif (left.y !== right.y) {\n\t\treturn left.y - right.y;\n\t}\n\tif (left.m !== right.m) {\n\t\treturn left.m - right.m;\n\t}\n\treturn left.d - right.d;\n}\n\nfunction withinBounds(iso: string, min?: string, max?: string) {\n\tconst date = parseIso(iso);\n\tconst minDate = min ? parseIso(min) : null;\n\tconst maxDate = max ? parseIso(max) : null;\n\tif (!date) {\n\t\treturn false;\n\t}\n\tif (minDate && compareCivil(date, minDate) < 0) {\n\t\treturn false;\n\t}\n\tif (maxDate && compareCivil(date, maxDate) > 0) {\n\t\treturn false;\n\t}\n\treturn true;\n}\n\nfunction dateSelectable(\n\tiso: string,\n\tmin?: string,\n\tmax?: string,\n\tisDisabledDate?: (iso: string) => boolean,\n) {\n\treturn withinBounds(iso, min, max) && !isDisabledDate?.(iso);\n}\n\nexport type DatePickerRange = { from: string; to?: string };\n\nexport type DatePickerPreset = {\n\tlabel: string;\n\tvalue: string | { from: string; to: string };\n};\n\nexport type DatePickerProps = Omit<\n\tComponentProps<\"input\">,\n\t| \"value\"\n\t| \"defaultValue\"\n\t| \"onChange\"\n\t| \"type\"\n\t| \"children\"\n\t| \"disabled\"\n\t| \"name\"\n\t| \"required\"\n\t| \"min\"\n\t| \"max\"\n> & {\n\t/**\n\t * The controlled ISO date in single mode.\n\t */\n\tvalue?: string;\n\t/**\n\t * The uncontrolled initial ISO date in single mode.\n\t */\n\tdefaultValue?: string;\n\t/**\n\t * Called with the ISO date in single mode.\n\t */\n\tonChange?: (value: string) => void;\n\t/**\n\t * Selection mode.\n\t * @default single\n\t */\n\tmode?: \"single\" | \"range\";\n\t/**\n\t * The controlled range in range mode.\n\t */\n\trangeValue?: DatePickerRange;\n\t/**\n\t * The uncontrolled initial range in range mode.\n\t */\n\tdefaultRangeValue?: DatePickerRange;\n\t/**\n\t * Called when the range changes.\n\t */\n\tonRangeChange?: (value: DatePickerRange) => void;\n\t/**\n\t * Additional dates that cannot be selected.\n\t */\n\tisDisabledDate?: (iso: string) => boolean;\n\t/**\n\t * Shortcut values shown above the calendar.\n\t */\n\tpresets?: DatePickerPreset[];\n\t/**\n\t * Locale used to format the trigger and weekday labels.\n\t * @default en-US\n\t */\n\tlocale?: string;\n\t/**\n\t * First day of the week. 0 is Sunday.\n\t * @default 0\n\t */\n\tweekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\t/**\n\t * IANA time zone used to resolve today.\n\t */\n\ttimeZone?: string;\n\t/**\n\t * Custom formatter for the trigger label.\n\t */\n\tformatDate?: (date: Date) => string;\n\t/**\n\t * Native form field name.\n\t */\n\tname?: string;\n\t/**\n\t * Native required constraint.\n\t */\n\trequired?: boolean;\n\t/**\n\t * Inclusive lower ISO bound.\n\t */\n\tmin?: string;\n\t/**\n\t * Inclusive upper ISO bound.\n\t */\n\tmax?: string;\n\t/**\n\t * Disable the trigger and calendar.\n\t */\n\tdisabled?: boolean;\n};\n\nfunction clampCivil(date: Civil, min?: string, max?: string) {\n\tconst minDate = min ? parseIso(min) : null;\n\tconst maxDate = max ? parseIso(max) : null;\n\tif (minDate && compareCivil(date, minDate) < 0) {\n\t\treturn minDate;\n\t}\n\tif (maxDate && compareCivil(date, maxDate) > 0) {\n\t\treturn maxDate;\n\t}\n\treturn date;\n}\n\nfunction isValidCivil(date: Civil): boolean {\n\tif (!Number.isFinite(date.y) || date.m < 1 || date.m > 12 || date.d < 1 || date.d > 31) {\n\t\treturn false;\n\t}\n\tconst utc = utcDate(date);\n\treturn (\n\t\t!Number.isNaN(utc.getTime()) &&\n\t\tutc.getUTCFullYear() === date.y &&\n\t\tutc.getUTCMonth() + 1 === date.m &&\n\t\tutc.getUTCDate() === date.d\n\t);\n}\n\nfunction isoOf(date: Civil | null) {\n\treturn date ? formatIso(date) : \"\";\n}\n\nfunction addDays(date: Civil, days: number): Civil | null {\n\tconst next = utcDate(date);\n\tif (Number.isNaN(next.getTime())) {\n\t\treturn null;\n\t}\n\tnext.setUTCDate(next.getUTCDate() + days);\n\tif (Number.isNaN(next.getTime())) {\n\t\treturn null;\n\t}\n\tconst civil = { y: next.getUTCFullYear(), m: next.getUTCMonth() + 1, d: next.getUTCDate() };\n\treturn isValidCivil(civil) ? civil : null;\n}\n\nfunction shiftMonth(month: Civil, delta: number): Civil | null {\n\tconst total = month.y * 12 + (month.m - 1) + delta;\n\tconst next = { y: Math.floor(total / 12), m: (total % 12) + 1, d: 1 };\n\treturn isValidCivil(next) ? next : null;\n}\n\nexport function DatePicker({\n\tvalue,\n\tdefaultValue = \"\",\n\tonChange,\n\tmode = \"single\",\n\trangeValue,\n\tdefaultRangeValue,\n\tonRangeChange,\n\tisDisabledDate,\n\tpresets,\n\tlocale = \"en-US\",\n\tweekStartsOn = 0,\n\ttimeZone,\n\tformatDate,\n\tname,\n\trequired,\n\tmin,\n\tmax,\n\tdisabled,\n\tclassName,\n\tid,\n\t\"aria-label\": ariaLabel,\n\t\"aria-describedby\": ariaDescribedBy,\n\t\"aria-invalid\": ariaInvalid,\n\t...inputRest\n}: DatePickerProps) {\n\tconst {\n\t\treadOnly,\n\t\tautoFocus,\n\t\tonFocus,\n\t\tonBlur,\n\t\t\"aria-labelledby\": ariaLabelledBy,\n\t\t...formRest\n\t} = inputRest;\n\tconst [uncontrolled, setUncontrolled] = useState(defaultValue);\n\tconst [uncontrolledRange, setUncontrolledRange] = useState<DatePickerRange>(\n\t\tdefaultRangeValue ?? { from: \"\", to: undefined },\n\t);\n\tconst [open, setOpen] = useState(false);\n\tconst [focusIndex, setFocusIndex] = useState(0);\n\tconst dayRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\tconst pendingFocusIso = useRef<string | null>(null);\n\tconst focusDay = useRef(false);\n\tconst hiddenRef = useRef<HTMLInputElement>(null);\n\tconst triggerRef = useRef<HTMLButtonElement>(null);\n\tconst selected = value ?? uncontrolled;\n\tconst selectedRange = rangeValue ?? uncontrolledRange;\n\tconst selectedDate = parseIso(\n\t\tmode === \"range\" ? selectedRange.to || selectedRange.from || \"\" : selected,\n\t);\n\tconst cursorIso = selectedDate ? formatIso(selectedDate) : \"\";\n\tconst submitted = mode === \"range\" ? \"\" : cursorIso;\n\tconst cursor = selectedDate ?? todayCivil(timeZone);\n\tconst [month, setMonth] = useState<Civil>({ y: cursor.y, m: cursor.m, d: 1 });\n\tconst prevSelected = useRef(cursorIso);\n\tif (open && prevSelected.current !== cursorIso) {\n\t\tfocusDay.current = true;\n\t\tconst next = selectedDate ?? todayCivil(timeZone);\n\t\tif (month.y !== next.y || month.m !== next.m) {\n\t\t\tsetMonth({ y: next.y, m: next.m, d: 1 });\n\t\t}\n\t}\n\tprevSelected.current = cursorIso;\n\n\tuseEffect(() => {\n\t\tif (!open) {\n\t\t\treturn;\n\t\t}\n\t\tconst next = clampCivil(\n\t\t\t(cursorIso ? parseIso(cursorIso) : null) ?? todayCivil(timeZone),\n\t\t\tmin,\n\t\t\tmax,\n\t\t);\n\t\tsetMonth({ y: next.y, m: next.m, d: 1 });\n\t\tif (!cursorIso) {\n\t\t\tfocusDay.current = true;\n\t\t}\n\t}, [open, cursorIso, timeZone, min, max]);\n\n\tuseEffect(() => {\n\t\tif (disabled) {\n\t\t\tsetOpen(false);\n\t\t}\n\t}, [disabled]);\n\n\tuseEffect(() => {\n\t\tif (autoFocus) {\n\t\t\ttriggerRef.current?.focus();\n\t\t}\n\t}, [autoFocus]);\n\n\tuseEffect(() => {\n\t\tconst form = hiddenRef.current?.form;\n\t\tif (!form || (mode === \"range\" ? rangeValue !== undefined : value !== undefined)) {\n\t\t\treturn;\n\t\t}\n\t\tconst onReset = (event: Event) => {\n\t\t\tqueueMicrotask(() => {\n\t\t\t\tif (event.defaultPrevented) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetUncontrolled(defaultValue);\n\t\t\t\tsetUncontrolledRange(defaultRangeValue ?? { from: \"\", to: undefined });\n\t\t\t\tsetOpen(false);\n\t\t\t});\n\t\t};\n\t\tform.addEventListener(\"reset\", onReset);\n\t\treturn () => form.removeEventListener(\"reset\", onReset);\n\t}, [defaultRangeValue, defaultValue, mode, rangeValue, value]);\n\n\tconst weekdayLabels = useMemo(() => {\n\t\tconst formatter = new Intl.DateTimeFormat(locale, { weekday: \"short\", timeZone: \"UTC\" });\n\t\treturn Array.from({ length: 7 }, (_, index) => {\n\t\t\tconst day = new Date(Date.UTC(2024, 0, 7 + ((index + weekStartsOn) % 7)));\n\t\t\treturn formatter.format(day);\n\t\t});\n\t}, [locale, weekStartsOn]);\n\n\tconst days = useMemo(() => {\n\t\tconst first = { y: month.y, m: month.m, d: 1 };\n\t\tif (!isValidCivil(first)) {\n\t\t\treturn Array.from({ length: 42 }, () => null);\n\t\t}\n\t\tconst startOffset = (utcDate(first).getUTCDay() - weekStartsOn + 7) % 7;\n\t\tconst start = addDays(first, -startOffset);\n\t\tif (!start) {\n\t\t\treturn Array.from({ length: 42 }, (_, index) => addDays(first, index - startOffset));\n\t\t}\n\t\treturn Array.from({ length: 42 }, (_, index) => addDays(start, index));\n\t}, [month, weekStartsOn]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!open) {\n\t\t\treturn;\n\t\t}\n\t\tconst pending = pendingFocusIso.current;\n\t\tlet index = 0;\n\t\tif (pending) {\n\t\t\tpendingFocusIso.current = null;\n\t\t\tindex = days.findIndex((date) => isoOf(date) === pending);\n\t\t\tif (index < 0) {\n\t\t\t\tindex = 0;\n\t\t\t}\n\t\t} else {\n\t\t\tconst focused = document.activeElement;\n\t\t\tconst focusedIso =\n\t\t\t\t!focusDay.current &&\n\t\t\t\tfocused instanceof HTMLElement &&\n\t\t\t\tdayRefs.current.some((node) => node === focused)\n\t\t\t\t\t? focused.getAttribute(\"aria-label\")\n\t\t\t\t\t: null;\n\t\t\tconst focusedIndex = focusedIso ? days.findIndex((date) => isoOf(date) === focusedIso) : -1;\n\t\t\tif (focusedIndex >= 0) {\n\t\t\t\tindex = focusedIndex;\n\t\t\t} else {\n\t\t\t\tconst iso = cursorIso || submitted || formatIso(todayCivil(timeZone));\n\t\t\t\tconst selectedIndex = days.findIndex((date) => isoOf(date) === iso);\n\t\t\t\tif (selectedIndex >= 0 && days[selectedIndex]?.m === month.m) {\n\t\t\t\t\tindex = selectedIndex;\n\t\t\t\t} else {\n\t\t\t\t\tconst firstInMonth = days.findIndex((date) => date?.m === month.m);\n\t\t\t\t\tindex = firstInMonth >= 0 ? firstInMonth : 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tconst enabled = (date: Civil | null) =>\n\t\t\tBoolean(date && date.y >= 1 && dateSelectable(formatIso(date), min, max, isDisabledDate));\n\t\tif (!enabled(days[index] ?? null)) {\n\t\t\tconst inMonth = days.findIndex((date) => date?.m === month.m && enabled(date));\n\t\t\tconst any = days.findIndex((date) => enabled(date));\n\t\t\tindex = inMonth >= 0 ? inMonth : any >= 0 ? any : index;\n\t\t}\n\t\tsetFocusIndex(index);\n\t\tif (focusDay.current) {\n\t\t\tfocusDay.current = false;\n\t\t\tdayRefs.current[index]?.focus();\n\t\t}\n\t}, [open, cursorIso, submitted, timeZone, days, month.m, min, max, isDisabledDate]);\n\n\tconst previousMonth = shiftMonth(month, -1);\n\tconst followingMonth = shiftMonth(month, 1);\n\tconst rangeFrom = mode === \"range\" ? selectedRange.from : \"\";\n\tconst rangeTo = mode === \"range\" ? selectedRange.to : undefined;\n\tconst label = formatTriggerLabel({\n\t\tmode,\n\t\tselectedDate,\n\t\trangeFrom,\n\t\trangeTo,\n\t\tlocale,\n\t\tformatDate,\n\t});\n\n\tfunction selectable(iso: string) {\n\t\treturn dateSelectable(iso, min, max, isDisabledDate);\n\t}\n\n\tfunction commit(next: string) {\n\t\tif (disabled || readOnly || !selectable(next)) {\n\t\t\treturn;\n\t\t}\n\t\tif (mode === \"range\") {\n\t\t\tconst current = rangeValue ?? uncontrolledRange;\n\t\t\tconst nextRange =\n\t\t\t\t!current.from || current.to\n\t\t\t\t\t? { from: next }\n\t\t\t\t\t: compareCivil(\n\t\t\t\t\t\t\t\tparseIso(next) ?? { y: 1, m: 1, d: 1 },\n\t\t\t\t\t\t\t\tparseIso(current.from) ?? { y: 1, m: 1, d: 1 },\n\t\t\t\t\t\t\t) < 0\n\t\t\t\t\t\t? { from: next, to: current.from }\n\t\t\t\t\t\t: { from: current.from, to: next };\n\t\t\tif (rangeValue === undefined) {\n\t\t\t\tsetUncontrolledRange(nextRange);\n\t\t\t}\n\t\t\tonRangeChange?.(nextRange);\n\t\t\tif (nextRange.to) {\n\t\t\t\tsetOpen(false);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tif (value === undefined) {\n\t\t\tsetUncontrolled(next);\n\t\t}\n\t\tsetOpen(false);\n\t\tonChange?.(next);\n\t}\n\n\tfunction applyPreset(preset: DatePickerPreset) {\n\t\tif (disabled || readOnly) {\n\t\t\treturn;\n\t\t}\n\t\tif (typeof preset.value === \"string\") {\n\t\t\tif (mode === \"range\") {\n\t\t\t\tif (!selectable(preset.value)) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst nextRange = { from: preset.value, to: preset.value };\n\t\t\t\tif (rangeValue === undefined) {\n\t\t\t\t\tsetUncontrolledRange(nextRange);\n\t\t\t\t}\n\t\t\t\tonRangeChange?.(nextRange);\n\t\t\t\tsetOpen(false);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tcommit(preset.value);\n\t\t\treturn;\n\t\t}\n\t\tif (mode === \"range\") {\n\t\t\tif (!selectable(preset.value.from) || !selectable(preset.value.to)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (rangeValue === undefined) {\n\t\t\t\tsetUncontrolledRange(preset.value);\n\t\t\t}\n\t\t\tonRangeChange?.(preset.value);\n\t\t\tsetOpen(false);\n\t\t}\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\topen={open}\n\t\t\tonOpenChange={(next) => {\n\t\t\t\tif (next && disabled) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (next) {\n\t\t\t\t\tconst synced = (cursorIso ? parseIso(cursorIso) : null) ?? todayCivil(timeZone);\n\t\t\t\t\tsetMonth({ y: synced.y, m: synced.m, d: 1 });\n\t\t\t\t\tfocusDay.current = true;\n\t\t\t\t}\n\t\t\t\tsetOpen(next);\n\t\t\t}}\n\t\t>\n\t\t\t<input\n\t\t\t\tref={hiddenRef}\n\t\t\t\ttype={mode === \"range\" ? \"text\" : \"date\"}\n\t\t\t\tname={name}\n\t\t\t\trequired={required}\n\t\t\t\tmin={mode === \"range\" ? undefined : min}\n\t\t\t\tmax={mode === \"range\" ? undefined : max}\n\t\t\t\tclassName=\"sr-only mb-2 h-7\"\n\t\t\t\tstyle={{\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\twidth: 1,\n\t\t\t\t\theight: 1,\n\t\t\t\t\toverflow: \"hidden\",\n\t\t\t\t\tclip: \"rect(0, 0, 0, 0)\",\n\t\t\t\t}}\n\t\t\t\tvalue={\n\t\t\t\t\tmode === \"range\" ? (rangeFrom && rangeTo ? `${rangeFrom}/${rangeTo}` : \"\") : submitted\n\t\t\t\t}\n\t\t\t\tonChange={() => undefined}\n\t\t\t\tdisabled={disabled}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\ttabIndex={-1}\n\t\t\t\t{...formRest}\n\t\t\t/>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tref={triggerRef}\n\t\t\t\t\tid={id}\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonFocus={onFocus as ComponentProps<\"button\">[\"onFocus\"]}\n\t\t\t\t\tonBlur={onBlur as ComponentProps<\"button\">[\"onBlur\"]}\n\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\taria-label={\n\t\t\t\t\t\tariaLabel ? (label === \"Pick a date\" ? ariaLabel : `${ariaLabel}: ${label}`) : undefined\n\t\t\t\t\t}\n\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\taria-invalid={ariaInvalid}\n\t\t\t\t\tclassName={cn(\"justify-start font-normal\", className)}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent\n\t\t\t\tarrow={false}\n\t\t\t\tclassName=\"w-64 p-3\"\n\t\t\t\taria-label={ariaLabel ? `${ariaLabel} calendar` : \"Date calendar\"}\n\t\t\t\tonOpenAutoFocus={(event) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tconst iso = cursorIso || submitted || formatIso(todayCivil(timeZone));\n\t\t\t\t\tconst selectedIndex = days.findIndex((date) => isoOf(date) === iso);\n\t\t\t\t\tconst enabled = (date: Civil | null) =>\n\t\t\t\t\t\tBoolean(\n\t\t\t\t\t\t\tdate && date.y >= 1 && dateSelectable(formatIso(date), min, max, isDisabledDate),\n\t\t\t\t\t\t);\n\t\t\t\t\tlet index =\n\t\t\t\t\t\tselectedIndex >= 0 && days[selectedIndex]?.m === month.m\n\t\t\t\t\t\t\t? selectedIndex\n\t\t\t\t\t\t\t: Math.max(\n\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\tdays.findIndex((date) => date?.m === month.m),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\tif (!enabled(days[index] ?? null)) {\n\t\t\t\t\t\tconst inMonth = days.findIndex((date) => date?.m === month.m && enabled(date));\n\t\t\t\t\t\tconst any = days.findIndex((date) => enabled(date));\n\t\t\t\t\t\tindex = inMonth >= 0 ? inMonth : any >= 0 ? any : index;\n\t\t\t\t\t}\n\t\t\t\t\tqueueMicrotask(() => {\n\t\t\t\t\t\tdayRefs.current[index]?.focus();\n\t\t\t\t\t});\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{presets && presets.length > 0 ? (\n\t\t\t\t\t<div className=\"mb-2 flex flex-wrap gap-1\">\n\t\t\t\t\t\t{presets.map((preset) => (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tkey={preset.label}\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\tclassName=\"h-7 px-2 text-xs\"\n\t\t\t\t\t\t\t\tdisabled={disabled || readOnly}\n\t\t\t\t\t\t\t\tonClick={() => applyPreset(preset)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{preset.label}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t\t<div className=\"mb-2 flex items-center justify-between gap-2\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\ticon={<ChevronLeft />}\n\t\t\t\t\t\taria-label=\"Prev\"\n\t\t\t\t\t\tclassName=\"size-8\"\n\t\t\t\t\t\tdisabled={disabled || !previousMonth || previousMonth.y < 1}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (!previousMonth || previousMonth.y < 1) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tfocusDay.current = false;\n\t\t\t\t\t\t\tsetMonth(previousMonth);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<span className=\"text-sm font-medium\">\n\t\t\t\t\t\t{formatCivil(month, locale, { month: \"long\", year: \"numeric\" })}\n\t\t\t\t\t</span>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\ticon={<ChevronRight />}\n\t\t\t\t\t\taria-label=\"Next\"\n\t\t\t\t\t\tclassName=\"size-8\"\n\t\t\t\t\t\tdisabled={disabled || !followingMonth}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (!followingMonth) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tfocusDay.current = false;\n\t\t\t\t\t\t\tsetMonth(followingMonth);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"grid grid-cols-7 gap-1 text-center\"\n\t\t\t\t\tonKeyDown={(event) => {\n\t\t\t\t\t\tconst current = days[focusIndex];\n\t\t\t\t\t\tif (!current) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tevent.key === \"ArrowRight\" ||\n\t\t\t\t\t\t\tevent.key === \"ArrowLeft\" ||\n\t\t\t\t\t\t\tevent.key === \"ArrowDown\" ||\n\t\t\t\t\t\t\tevent.key === \"ArrowUp\"\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tconst delta =\n\t\t\t\t\t\t\t\tevent.key === \"ArrowRight\"\n\t\t\t\t\t\t\t\t\t? 1\n\t\t\t\t\t\t\t\t\t: event.key === \"ArrowLeft\"\n\t\t\t\t\t\t\t\t\t\t? -1\n\t\t\t\t\t\t\t\t\t\t: event.key === \"ArrowDown\"\n\t\t\t\t\t\t\t\t\t\t\t? 7\n\t\t\t\t\t\t\t\t\t\t\t: -7;\n\t\t\t\t\t\t\tlet next = addDays(current, delta);\n\t\t\t\t\t\t\tfor (\n\t\t\t\t\t\t\t\tlet step = 0;\n\t\t\t\t\t\t\t\tnext && next.y >= 1 && !selectable(formatIso(next)) && step < 42;\n\t\t\t\t\t\t\t\tstep += 1\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tnext = addDays(next, delta);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (!next || next.y < 1 || !selectable(formatIso(next))) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (next.y !== month.y || next.m !== month.m) {\n\t\t\t\t\t\t\t\tpendingFocusIso.current = formatIso(next);\n\t\t\t\t\t\t\t\tfocusDay.current = true;\n\t\t\t\t\t\t\t\tsetMonth({ y: next.y, m: next.m, d: 1 });\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tconst index = days.findIndex((date) => isoOf(date) === formatIso(next));\n\t\t\t\t\t\t\tif (index >= 0) {\n\t\t\t\t\t\t\t\tsetFocusIndex(index);\n\t\t\t\t\t\t\t\tdayRefs.current[index]?.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (event.key === \"Enter\" || event.key === \" \") {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tconst iso = formatIso(current);\n\t\t\t\t\t\t\tif (current.y >= 1 && selectable(iso)) {\n\t\t\t\t\t\t\t\tcommit(iso);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{weekdayLabels.map((day, index) => (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={`${day}-${index}`}\n\t\t\t\t\t\t\tclassName=\"flex h-8 items-center justify-center text-xs font-medium text-basalt-muted-foreground\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{day}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t))}\n\t\t\t\t\t{days.map((date, index) => {\n\t\t\t\t\t\tif (!date) {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tkey={`empty-${index}`}\n\t\t\t\t\t\t\t\t\tclassName=\"h-8\"\n\t\t\t\t\t\t\t\t\tref={() => {\n\t\t\t\t\t\t\t\t\t\tdayRefs.current[index] = null;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst iso = formatIso(date);\n\t\t\t\t\t\tconst inMonth = date.m === month.m;\n\t\t\t\t\t\tconst inRange = date.y >= 1 && selectable(iso);\n\t\t\t\t\t\tconst fromDate = rangeFrom ? parseIso(rangeFrom) : null;\n\t\t\t\t\t\tconst toDate = rangeTo ? parseIso(rangeTo) : null;\n\t\t\t\t\t\tconst thisDate = parseIso(iso);\n\t\t\t\t\t\tconst inSelectedRange = Boolean(\n\t\t\t\t\t\t\tfromDate &&\n\t\t\t\t\t\t\t\ttoDate &&\n\t\t\t\t\t\t\t\tthisDate &&\n\t\t\t\t\t\t\t\tcompareCivil(thisDate, fromDate) >= 0 &&\n\t\t\t\t\t\t\t\tcompareCivil(thisDate, toDate) <= 0,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tconst isRangeEdge = iso === rangeFrom || iso === rangeTo;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tkey={iso}\n\t\t\t\t\t\t\t\tref={(node) => {\n\t\t\t\t\t\t\t\t\tdayRefs.current[index] = node;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ttabIndex={index === focusIndex ? 0 : -1}\n\t\t\t\t\t\t\t\taria-label={iso}\n\t\t\t\t\t\t\t\taria-pressed={\n\t\t\t\t\t\t\t\t\tmode === \"range\"\n\t\t\t\t\t\t\t\t\t\t? iso === rangeFrom || iso === rangeTo\n\t\t\t\t\t\t\t\t\t\t: Boolean(submitted) && iso === submitted\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={disabled || readOnly || !inRange}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\tCALENDAR_BUTTON,\n\t\t\t\t\t\t\t\t\t\"flex h-8 w-8 items-center justify-center rounded-basalt-md text-sm\",\n\t\t\t\t\t\t\t\t\tinMonth ? \"text-basalt-foreground\" : \"text-basalt-muted-foreground\",\n\t\t\t\t\t\t\t\t\tinRange && \"hover:bg-basalt-accent\",\n\t\t\t\t\t\t\t\t\tinSelectedRange && !isRangeEdge && \"bg-basalt-accent\",\n\t\t\t\t\t\t\t\t\tinRange &&\n\t\t\t\t\t\t\t\t\t\t(mode === \"range\" ? isRangeEdge : iso === submitted) &&\n\t\t\t\t\t\t\t\t\t\t\"bg-basalt-primary text-basalt-primary-foreground hover:bg-basalt-primary/90\",\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tonClick={() => inRange && commit(iso)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{date.d}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"file":"date-picker.js","names":[],"sources":["../../src/components/date-picker.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport * as React from \"react\";\nimport { type ComponentProps, useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Button } from \"./button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\ntype Civil = { y: number; m: number; d: number };\n\nfunction pad(value: number) {\n\treturn String(value).padStart(2, \"0\");\n}\n\nfunction formatIso(date: Civil) {\n\treturn `${String(date.y).padStart(4, \"0\")}-${pad(date.m)}-${pad(date.d)}`;\n}\n\nfunction utcDate(date: Civil) {\n\tconst next = new Date(Date.UTC(date.y, date.m - 1, date.d));\n\tnext.setUTCFullYear(date.y);\n\treturn next;\n}\n\nfunction civilDate(date: Civil) {\n\tconst next = new Date(date.y, date.m - 1, date.d);\n\tnext.setFullYear(date.y);\n\treturn next;\n}\n\nfunction parseIso(value: string): Civil | null {\n\tconst match = /^(\\d{4,})-(\\d{2})-(\\d{2})$/.exec(value);\n\tif (!match) {\n\t\treturn null;\n\t}\n\tconst year = Number(match[1]);\n\tconst month = Number(match[2]);\n\tconst day = Number(match[3]);\n\tif (year < 1) {\n\t\treturn null;\n\t}\n\tconst utc = utcDate({ y: year, m: month, d: day });\n\tif (\n\t\tutc.getUTCFullYear() !== year ||\n\t\tutc.getUTCMonth() + 1 !== month ||\n\t\tutc.getUTCDate() !== day\n\t) {\n\t\treturn null;\n\t}\n\treturn { y: year, m: month, d: day };\n}\n\nfunction parseIsoMonth(value: string | undefined): Civil | null {\n\tif (!value) {\n\t\treturn null;\n\t}\n\tconst match = /^(\\d{4,})-(\\d{2})$/.exec(value);\n\tif (!match) {\n\t\treturn null;\n\t}\n\tconst year = Number(match[1]);\n\tconst month = Number(match[2]);\n\tif (year < 1 || month < 1 || month > 12) {\n\t\treturn null;\n\t}\n\tconst civil = { y: year, m: month, d: 1 };\n\treturn isValidCivil(civil) ? civil : null;\n}\n\nfunction formatIsoMonth(date: Civil): string {\n\treturn `${String(date.y).padStart(4, \"0\")}-${pad(date.m)}`;\n}\n\nconst CALENDAR_BUTTON =\n\t\"appearance-none border-0 bg-transparent p-0 font-inherit text-inherit cursor-pointer\";\n\nfunction todayCivil(timeZone?: string): Civil {\n\tconst parts = new Intl.DateTimeFormat(\"en-CA\", {\n\t\ttimeZone,\n\t\tyear: \"numeric\",\n\t\tmonth: \"2-digit\",\n\t\tday: \"2-digit\",\n\t}).formatToParts(new Date());\n\tconst read = (type: Intl.DateTimeFormatPartTypes) =>\n\t\tNumber(parts.find((part) => part.type === type)?.value);\n\treturn { y: read(\"year\"), m: read(\"month\"), d: read(\"day\") };\n}\n\nfunction formatCivil(date: Civil, locale: string, options: Intl.DateTimeFormatOptions) {\n\treturn new Intl.DateTimeFormat(locale, {\n\t\t...options,\n\t\ttimeZone: \"UTC\",\n\t\tcalendar: \"gregory\",\n\t}).format(utcDate(date));\n}\n\nfunction isLeapYear(y: number): boolean {\n\treturn (y % 4 === 0 && y % 100 !== 0) || y % 400 === 0;\n}\n\nfunction daysInCivilMonth(y: number, m: number): number {\n\tif (m === 2) {\n\t\treturn isLeapYear(y) ? 29 : 28;\n\t}\n\tif (m === 4 || m === 6 || m === 9 || m === 11) {\n\t\treturn 30;\n\t}\n\treturn 31;\n}\n\nfunction shiftCivilMonthClamped(current: Civil, deltaMonths: number): Civil | null {\n\tconst total = current.y * 12 + (current.m - 1) + deltaMonths;\n\tconst targetY = Math.floor(total / 12);\n\tif (targetY < 1) {\n\t\treturn null;\n\t}\n\tconst targetM = (((total % 12) + 12) % 12) + 1;\n\tconst maxD = daysInCivilMonth(targetY, targetM);\n\tconst target = { y: targetY, m: targetM, d: Math.min(current.d, maxD) };\n\treturn isValidCivil(target) ? target : null;\n}\n\nfunction formatTriggerLabel({\n\tmode,\n\tselectedDate,\n\trangeFrom,\n\trangeTo,\n\tlocale,\n\tformatDate,\n\tplaceholder = \"Pick a date\",\n}: {\n\tmode: \"single\" | \"range\";\n\tselectedDate: Civil | null;\n\trangeFrom: string;\n\trangeTo?: string;\n\tlocale: string;\n\tformatDate?: (date: Date) => string;\n\tplaceholder?: string;\n}) {\n\tfunction one(iso: string) {\n\t\tconst date = parseIso(iso);\n\t\tif (!date) {\n\t\t\treturn iso;\n\t\t}\n\t\treturn formatDate?.(civilDate(date)) ?? formatCivil(date, locale, { dateStyle: \"medium\" });\n\t}\n\tif (mode === \"range\") {\n\t\tif (!rangeFrom) {\n\t\t\treturn placeholder;\n\t\t}\n\t\tif (!rangeTo) {\n\t\t\treturn `${one(rangeFrom)} – …`;\n\t\t}\n\t\treturn `${one(rangeFrom)} – ${one(rangeTo)}`;\n\t}\n\treturn selectedDate\n\t\t? (formatDate?.(civilDate(selectedDate)) ??\n\t\t\t\tformatCivil(selectedDate, locale, { dateStyle: \"medium\" }))\n\t\t: placeholder;\n}\n\nfunction compareCivil(left: Civil, right: Civil) {\n\tif (left.y !== right.y) {\n\t\treturn left.y - right.y;\n\t}\n\tif (left.m !== right.m) {\n\t\treturn left.m - right.m;\n\t}\n\treturn left.d - right.d;\n}\n\nfunction withinBounds(iso: string, min?: string, max?: string) {\n\tconst date = parseIso(iso);\n\tconst minDate = min ? parseIso(min) : null;\n\tconst maxDate = max ? parseIso(max) : null;\n\tif (!date) {\n\t\treturn false;\n\t}\n\tif (minDate && compareCivil(date, minDate) < 0) {\n\t\treturn false;\n\t}\n\tif (maxDate && compareCivil(date, maxDate) > 0) {\n\t\treturn false;\n\t}\n\treturn true;\n}\n\nfunction dateSelectable(\n\tiso: string,\n\tmin?: string,\n\tmax?: string,\n\tisDisabledDate?: (iso: string) => boolean,\n) {\n\treturn withinBounds(iso, min, max) && !isDisabledDate?.(iso);\n}\n\nexport type DatePickerRange = { from: string; to?: string };\n\nexport type DatePickerPreset = {\n\tlabel: string;\n\tvalue: string | { from: string; to: string };\n};\n\nexport type DatePickerLabels = {\n\t/**\n\t * Accessible label for the calendar popup container.\n\t * @default \"Date calendar\" (or derived from `aria-label`)\n\t */\n\tcalendar?: string;\n\t/**\n\t * Accessible label for previous month button.\n\t * @default \"Prev\"\n\t */\n\tpreviousMonth?: string;\n\t/**\n\t * Accessible label for next month button.\n\t * @default \"Next\"\n\t */\n\tnextMonth?: string;\n\t/**\n\t * Fallback label for the trigger when no date is chosen.\n\t * @default \"Pick a date\"\n\t */\n\tplaceholder?: string;\n\t/**\n\t * Custom validation error message displayed when form validation fails.\n\t */\n\tvalidationMessage?: string;\n\t/**\n\t * Accessible keyboard navigation instructions announced for the calendar grid.\n\t */\n\tkeyboardInstructions?: string;\n};\n\nexport type DatePickerProps = Omit<\n\tComponentProps<\"input\">,\n\t| \"value\"\n\t| \"defaultValue\"\n\t| \"onChange\"\n\t| \"type\"\n\t| \"children\"\n\t| \"disabled\"\n\t| \"name\"\n\t| \"required\"\n\t| \"min\"\n\t| \"max\"\n> & {\n\t/**\n\t * The controlled ISO date in single mode.\n\t */\n\tvalue?: string;\n\t/**\n\t * The uncontrolled initial ISO date in single mode.\n\t */\n\tdefaultValue?: string;\n\t/**\n\t * Called with the ISO date in single mode.\n\t */\n\tonChange?: (value: string) => void;\n\t/**\n\t * Selection mode.\n\t * @default single\n\t */\n\tmode?: \"single\" | \"range\";\n\t/**\n\t * The controlled displayed month in `YYYY-MM` format (at least 4-digit positive year).\n\t * If omitted or invalid, falls back smoothly to `defaultMonth`, selected date, or today.\n\t */\n\tmonth?: string;\n\t/**\n\t * The uncontrolled initial displayed month in `YYYY-MM` format (at least 4-digit positive year).\n\t * If omitted or invalid, falls back smoothly to selected date or today.\n\t */\n\tdefaultMonth?: string;\n\t/**\n\t * Called only when calendar navigation requests a month change (`YYYY-MM`).\n\t * Not invoked during component render or synchronous prop synchronization.\n\t */\n\tonMonthChange?: (month: string) => void;\n\t/**\n\t * The controlled range in range mode.\n\t */\n\trangeValue?: DatePickerRange;\n\t/**\n\t * The uncontrolled initial range in range mode.\n\t */\n\tdefaultRangeValue?: DatePickerRange;\n\t/**\n\t * Called when the range changes.\n\t */\n\tonRangeChange?: (value: DatePickerRange) => void;\n\t/**\n\t * Additional dates that cannot be selected.\n\t */\n\tisDisabledDate?: (iso: string) => boolean;\n\t/**\n\t * Shortcut values shown above the calendar.\n\t */\n\tpresets?: DatePickerPreset[];\n\t/**\n\t * Locale used to format the trigger and weekday labels.\n\t * @default en-US\n\t */\n\tlocale?: string;\n\t/**\n\t * First day of the week. 0 is Sunday.\n\t * @default 0\n\t */\n\tweekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\t/**\n\t * IANA time zone used to resolve today.\n\t */\n\ttimeZone?: string;\n\t/**\n\t * Custom formatter for the trigger label.\n\t */\n\tformatDate?: (date: Date) => string;\n\t/**\n\t * Optional localized labels for calendar dialog, navigation, and trigger placeholder.\n\t */\n\tlabels?: DatePickerLabels;\n\t/**\n\t * Native form field name.\n\t */\n\tname?: string;\n\t/**\n\t * Native required constraint. When readOnly is set, native required validation is disabled.\n\t * When an empty required DatePicker submits, the visible trigger receives focus and invalid state.\n\t */\n\trequired?: boolean;\n\t/**\n\t * Inclusive lower ISO bound.\n\t */\n\tmin?: string;\n\t/**\n\t * Inclusive upper ISO bound.\n\t */\n\tmax?: string;\n\t/**\n\t * Disable the trigger and calendar.\n\t */\n\tdisabled?: boolean;\n};\n\nfunction clampCivil(date: Civil, min?: string, max?: string) {\n\tconst minDate = min ? parseIso(min) : null;\n\tconst maxDate = max ? parseIso(max) : null;\n\tif (minDate && compareCivil(date, minDate) < 0) {\n\t\treturn minDate;\n\t}\n\tif (maxDate && compareCivil(date, maxDate) > 0) {\n\t\treturn maxDate;\n\t}\n\treturn date;\n}\n\nfunction isValidCivil(date: Civil): boolean {\n\tif (!Number.isFinite(date.y) || date.m < 1 || date.m > 12 || date.d < 1 || date.d > 31) {\n\t\treturn false;\n\t}\n\tconst utc = utcDate(date);\n\treturn (\n\t\t!Number.isNaN(utc.getTime()) &&\n\t\tutc.getUTCFullYear() === date.y &&\n\t\tutc.getUTCMonth() + 1 === date.m &&\n\t\tutc.getUTCDate() === date.d\n\t);\n}\n\nfunction isoOf(date: Civil | null) {\n\treturn date ? formatIso(date) : \"\";\n}\n\nfunction addDays(date: Civil, days: number): Civil | null {\n\tconst next = utcDate(date);\n\tif (Number.isNaN(next.getTime())) {\n\t\treturn null;\n\t}\n\tnext.setUTCDate(next.getUTCDate() + days);\n\tif (Number.isNaN(next.getTime())) {\n\t\treturn null;\n\t}\n\tconst civil = { y: next.getUTCFullYear(), m: next.getUTCMonth() + 1, d: next.getUTCDate() };\n\treturn isValidCivil(civil) ? civil : null;\n}\n\nfunction shiftMonth(month: Civil, delta: number): Civil | null {\n\tconst total = month.y * 12 + (month.m - 1) + delta;\n\tconst next = { y: Math.floor(total / 12), m: (total % 12) + 1, d: 1 };\n\treturn isValidCivil(next) ? next : null;\n}\n\nexport function DatePicker({\n\tvalue,\n\tdefaultValue = \"\",\n\tonChange,\n\tmode = \"single\",\n\tmonth: controlledMonthProp,\n\tdefaultMonth: defaultMonthProp,\n\tonMonthChange,\n\trangeValue,\n\tdefaultRangeValue,\n\tonRangeChange,\n\tisDisabledDate,\n\tpresets,\n\tlocale = \"en-US\",\n\tweekStartsOn = 0,\n\ttimeZone,\n\tformatDate,\n\tname,\n\trequired,\n\tmin,\n\tmax,\n\tdisabled,\n\tclassName,\n\tid,\n\t\"aria-label\": ariaLabel,\n\t\"aria-describedby\": ariaDescribedBy,\n\t\"aria-invalid\": ariaInvalid,\n\tlabels,\n\t...inputRest\n}: DatePickerProps) {\n\tconst {\n\t\tref: externalRef,\n\t\treadOnly,\n\t\tautoFocus,\n\t\tonFocus,\n\t\tonBlur,\n\t\tonInvalid: externalOnInvalid,\n\t\t\"aria-labelledby\": ariaLabelledBy,\n\t\t...formRest\n\t} = inputRest;\n\tconst [uncontrolled, setUncontrolled] = useState(defaultValue);\n\tconst [uncontrolledRange, setUncontrolledRange] = useState<DatePickerRange>(\n\t\tdefaultRangeValue ?? { from: \"\", to: undefined },\n\t);\n\tconst [open, setOpen] = useState(false);\n\tconst [isInvalid, setIsInvalid] = useState(false);\n\tconst [validationMessage, setValidationMessage] = useState(\"\");\n\tconst [focusIndex, setFocusIndex] = useState(0);\n\tconst dayRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\tconst pendingFocus = useRef<{ targetMonthKey: string; iso: string } | null>(null);\n\tconst focusDay = useRef(false);\n\tconst hiddenRef = useRef<HTMLInputElement>(null);\n\tconst triggerRef = useRef<HTMLButtonElement>(null);\n\tconst generatedErrorId = React.useId();\n\tconst errorId = id ? `${id}-error` : generatedErrorId;\n\tconst generatedMonthLiveId = React.useId();\n\tconst monthLiveId = id ? `${id}-month-live` : generatedMonthLiveId;\n\tconst generatedKeyboardInstructionsId = React.useId();\n\tconst keyboardInstructionsId = id\n\t\t? `${id}-keyboard-instructions`\n\t\t: generatedKeyboardInstructionsId;\n\n\tconst selected = value ?? uncontrolled;\n\tconst selectedRange = rangeValue ?? uncontrolledRange;\n\tconst selectedDate = parseIso(\n\t\tmode === \"range\" ? selectedRange.to || selectedRange.from || \"\" : selected,\n\t);\n\tconst cursorIso = selectedDate ? formatIso(selectedDate) : \"\";\n\n\tuseEffect(() => {\n\t\tif (cursorIso) {\n\t\t\tsetIsInvalid(false);\n\t\t\tsetValidationMessage(\"\");\n\t\t}\n\t}, [cursorIso]);\n\tconst submitted = mode === \"range\" ? \"\" : cursorIso;\n\n\tconst controlledParsed = useMemo(() => parseIsoMonth(controlledMonthProp), [controlledMonthProp]);\n\tconst isMonthControlled = controlledParsed !== null;\n\n\tconst [uncontrolledMonth, setUncontrolledMonth] = useState<Civil>(() => {\n\t\tconst parsedDef = parseIsoMonth(defaultMonthProp);\n\t\tif (parsedDef) {\n\t\t\treturn parsedDef;\n\t\t}\n\t\tconst initialCursor = selectedDate ?? todayCivil(timeZone);\n\t\tconst clampedInitial = clampCivil(initialCursor, min, max);\n\t\treturn { y: clampedInitial.y, m: clampedInitial.m, d: 1 };\n\t});\n\n\tconst activeMonth = controlledParsed ?? uncontrolledMonth;\n\tconst activeMonthKey = formatIsoMonth(activeMonth);\n\n\tconst requestMonth = (target: Civil) => {\n\t\tconst monthKey = formatIsoMonth(target);\n\t\tif (!isMonthControlled) {\n\t\t\tsetUncontrolledMonth(target);\n\t\t}\n\t\tonMonthChange?.(monthKey);\n\t};\n\n\tconst prevSelected = useRef(cursorIso);\n\tif (open && prevSelected.current !== cursorIso) {\n\t\tfocusDay.current = true;\n\t\tif (controlledMonthProp === undefined && defaultMonthProp === undefined) {\n\t\t\tconst next = selectedDate ?? todayCivil(timeZone);\n\t\t\tif (activeMonth.y !== next.y || activeMonth.m !== next.m) {\n\t\t\t\tsetUncontrolledMonth({ y: next.y, m: next.m, d: 1 });\n\t\t\t}\n\t\t}\n\t}\n\tprevSelected.current = cursorIso;\n\n\tconst hasExplicitMonthConfig =\n\t\tcontrolledMonthProp !== undefined || defaultMonthProp !== undefined;\n\n\tuseEffect(() => {\n\t\tif (!open) {\n\t\t\treturn;\n\t\t}\n\t\tif (!hasExplicitMonthConfig) {\n\t\t\tconst next = clampCivil(\n\t\t\t\t(cursorIso ? parseIso(cursorIso) : null) ?? todayCivil(timeZone),\n\t\t\t\tmin,\n\t\t\t\tmax,\n\t\t\t);\n\t\t\tsetUncontrolledMonth({ y: next.y, m: next.m, d: 1 });\n\t\t\tif (!cursorIso) {\n\t\t\t\tfocusDay.current = true;\n\t\t\t}\n\t\t}\n\t}, [open, cursorIso, timeZone, min, max, hasExplicitMonthConfig]);\n\n\tuseEffect(() => {\n\t\tif (disabled) {\n\t\t\tsetOpen(false);\n\t\t}\n\t}, [disabled]);\n\n\tuseEffect(() => {\n\t\tif (autoFocus) {\n\t\t\ttriggerRef.current?.focus();\n\t\t}\n\t}, [autoFocus]);\n\n\tconst latestConfigRef = useRef({\n\t\tdefaultValue,\n\t\tdefaultRangeValue,\n\t\tmode,\n\t\trangeValue,\n\t\tvalue,\n\t});\n\tuseEffect(() => {\n\t\tlatestConfigRef.current = {\n\t\t\tdefaultValue,\n\t\t\tdefaultRangeValue,\n\t\t\tmode,\n\t\t\trangeValue,\n\t\t\tvalue,\n\t\t};\n\t});\n\n\tconst formAttr = formRest.form;\n\tuseEffect(() => {\n\t\tconst form = hiddenRef.current?.form;\n\t\tif (!form || (formAttr && form.id !== formAttr)) {\n\t\t\treturn;\n\t\t}\n\t\tlet disposed = false;\n\t\tconst timers = new Set<ReturnType<typeof setTimeout>>();\n\t\tconst onReset = (event: Event) => {\n\t\t\tconst timer = setTimeout(() => {\n\t\t\t\ttimers.delete(timer);\n\t\t\t\tif (disposed || event.defaultPrevented) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst cfg = latestConfigRef.current;\n\t\t\t\tif (cfg.mode === \"range\" ? cfg.rangeValue === undefined : cfg.value === undefined) {\n\t\t\t\t\tsetUncontrolled(cfg.defaultValue);\n\t\t\t\t\tsetUncontrolledRange(cfg.defaultRangeValue ?? { from: \"\", to: undefined });\n\t\t\t\t}\n\t\t\t\tsetIsInvalid(false);\n\t\t\t\tsetValidationMessage(\"\");\n\t\t\t\tsetOpen(false);\n\t\t\t}, 0);\n\t\t\ttimers.add(timer);\n\t\t};\n\t\tform.addEventListener(\"reset\", onReset);\n\t\treturn () => {\n\t\t\tdisposed = true;\n\t\t\tfor (const timer of timers) {\n\t\t\t\tclearTimeout(timer);\n\t\t\t}\n\t\t\ttimers.clear();\n\t\t\tform.removeEventListener(\"reset\", onReset);\n\t\t};\n\t}, [formAttr]);\n\n\tconst weekdayLabels = useMemo(() => {\n\t\tconst formatter = new Intl.DateTimeFormat(locale, { weekday: \"short\", timeZone: \"UTC\" });\n\t\treturn Array.from({ length: 7 }, (_, index) => {\n\t\t\tconst day = new Date(Date.UTC(2024, 0, 7 + ((index + weekStartsOn) % 7)));\n\t\t\treturn formatter.format(day);\n\t\t});\n\t}, [locale, weekStartsOn]);\n\n\tconst days = useMemo(() => {\n\t\tconst first = { y: activeMonth.y, m: activeMonth.m, d: 1 };\n\t\tif (!isValidCivil(first)) {\n\t\t\treturn Array.from({ length: 42 }, () => null);\n\t\t}\n\t\tconst startOffset = (utcDate(first).getUTCDay() - weekStartsOn + 7) % 7;\n\t\tconst start = addDays(first, -startOffset);\n\t\tif (!start) {\n\t\t\treturn Array.from({ length: 42 }, (_, index) => addDays(first, index - startOffset));\n\t\t}\n\t\treturn Array.from({ length: 42 }, (_, index) => addDays(start, index));\n\t}, [activeMonth, weekStartsOn]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!open) {\n\t\t\treturn;\n\t\t}\n\t\tconst pending = pendingFocus.current;\n\t\tlet index = 0;\n\t\tif (pending) {\n\t\t\tif (pending.targetMonthKey === activeMonthKey) {\n\t\t\t\tpendingFocus.current = null;\n\t\t\t\tindex = days.findIndex((date) => isoOf(date) === pending.iso);\n\t\t\t\tif (index < 0) {\n\t\t\t\t\tindex = 0;\n\t\t\t\t}\n\t\t\t\tfocusDay.current = true;\n\t\t\t} else {\n\t\t\t\tconst focused = document.activeElement;\n\t\t\t\tconst focusedIso =\n\t\t\t\t\tfocused instanceof HTMLElement && dayRefs.current.some((node) => node === focused)\n\t\t\t\t\t\t? focused.getAttribute(\"aria-label\")\n\t\t\t\t\t\t: null;\n\t\t\t\tconst focusedIndex = focusedIso ? days.findIndex((date) => isoOf(date) === focusedIso) : -1;\n\t\t\t\tif (focusedIndex >= 0) {\n\t\t\t\t\tindex = focusedIndex;\n\t\t\t\t} else {\n\t\t\t\t\tindex = focusIndex;\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tconst focused = document.activeElement;\n\t\t\tconst focusedIso =\n\t\t\t\t!focusDay.current &&\n\t\t\t\tfocused instanceof HTMLElement &&\n\t\t\t\tdayRefs.current.some((node) => node === focused)\n\t\t\t\t\t? focused.getAttribute(\"aria-label\")\n\t\t\t\t\t: null;\n\t\t\tconst focusedIndex = focusedIso ? days.findIndex((date) => isoOf(date) === focusedIso) : -1;\n\t\t\tif (focusedIndex >= 0) {\n\t\t\t\tindex = focusedIndex;\n\t\t\t} else {\n\t\t\t\tconst iso = cursorIso || submitted || formatIso(todayCivil(timeZone));\n\t\t\t\tconst selectedIndex = days.findIndex((date) => isoOf(date) === iso);\n\t\t\t\tif (selectedIndex >= 0 && days[selectedIndex]?.m === activeMonth.m) {\n\t\t\t\t\tindex = selectedIndex;\n\t\t\t\t} else {\n\t\t\t\t\tconst firstInMonth = days.findIndex((date) => date?.m === activeMonth.m);\n\t\t\t\t\tindex = firstInMonth >= 0 ? firstInMonth : 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tconst enabled = (date: Civil | null) =>\n\t\t\tBoolean(date && date.y >= 1 && dateSelectable(formatIso(date), min, max, isDisabledDate));\n\t\tif (!enabled(days[index] ?? null)) {\n\t\t\tconst inMonth = days.findIndex((date) => date?.m === activeMonth.m && enabled(date));\n\t\t\tconst any = days.findIndex((date) => enabled(date));\n\t\t\tindex = inMonth >= 0 ? inMonth : any >= 0 ? any : index;\n\t\t}\n\t\tsetFocusIndex(index);\n\t\tif (focusDay.current) {\n\t\t\tfocusDay.current = false;\n\t\t\tdayRefs.current[index]?.focus();\n\t\t}\n\t}, [\n\t\topen,\n\t\tcursorIso,\n\t\tsubmitted,\n\t\ttimeZone,\n\t\tdays,\n\t\tactiveMonth.m,\n\t\tactiveMonthKey,\n\t\tfocusIndex,\n\t\tmin,\n\t\tmax,\n\t\tisDisabledDate,\n\t]);\n\n\tconst previousMonth = shiftMonth(activeMonth, -1);\n\tconst followingMonth = shiftMonth(activeMonth, 1);\n\tconst rangeFrom = mode === \"range\" ? selectedRange.from : \"\";\n\tconst rangeTo = mode === \"range\" ? selectedRange.to : undefined;\n\tconst label = formatTriggerLabel({\n\t\tmode,\n\t\tselectedDate,\n\t\trangeFrom,\n\t\trangeTo,\n\t\tlocale,\n\t\tformatDate,\n\t\tplaceholder: labels?.placeholder,\n\t});\n\tconst calendarLabel = labels?.calendar ?? (ariaLabel ? `${ariaLabel} calendar` : \"Date calendar\");\n\tconst prevMonthLabel = labels?.previousMonth ?? \"Prev\";\n\tconst nextMonthLabel = labels?.nextMonth ?? \"Next\";\n\n\tfunction selectable(iso: string) {\n\t\treturn dateSelectable(iso, min, max, isDisabledDate);\n\t}\n\n\tfunction commit(next: string) {\n\t\tif (disabled || readOnly || !selectable(next)) {\n\t\t\treturn;\n\t\t}\n\t\tif (next) {\n\t\t\tsetIsInvalid(false);\n\t\t\tsetValidationMessage(\"\");\n\t\t}\n\t\tif (mode === \"range\") {\n\t\t\tconst current = rangeValue ?? uncontrolledRange;\n\t\t\tconst nextRange =\n\t\t\t\t!current.from || current.to\n\t\t\t\t\t? { from: next }\n\t\t\t\t\t: compareCivil(\n\t\t\t\t\t\t\t\tparseIso(next) ?? { y: 1, m: 1, d: 1 },\n\t\t\t\t\t\t\t\tparseIso(current.from) ?? { y: 1, m: 1, d: 1 },\n\t\t\t\t\t\t\t) < 0\n\t\t\t\t\t\t? { from: next, to: current.from }\n\t\t\t\t\t\t: { from: current.from, to: next };\n\t\t\tif (rangeValue === undefined) {\n\t\t\t\tsetUncontrolledRange(nextRange);\n\t\t\t}\n\t\t\tonRangeChange?.(nextRange);\n\t\t\tif (nextRange.to) {\n\t\t\t\tsetOpen(false);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tif (value === undefined) {\n\t\t\tsetUncontrolled(next);\n\t\t}\n\t\tsetOpen(false);\n\t\tonChange?.(next);\n\t}\n\n\tfunction applyPreset(preset: DatePickerPreset) {\n\t\tif (disabled || readOnly) {\n\t\t\treturn;\n\t\t}\n\t\tif (typeof preset.value === \"string\") {\n\t\t\tif (mode === \"range\") {\n\t\t\t\tif (!selectable(preset.value)) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst nextRange = { from: preset.value, to: preset.value };\n\t\t\t\tif (rangeValue === undefined) {\n\t\t\t\t\tsetUncontrolledRange(nextRange);\n\t\t\t\t}\n\t\t\t\tonRangeChange?.(nextRange);\n\t\t\t\tsetOpen(false);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tcommit(preset.value);\n\t\t\treturn;\n\t\t}\n\t\tif (mode === \"range\") {\n\t\t\tif (!selectable(preset.value.from) || !selectable(preset.value.to)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (rangeValue === undefined) {\n\t\t\t\tsetUncontrolledRange(preset.value);\n\t\t\t}\n\t\t\tonRangeChange?.(preset.value);\n\t\t\tsetOpen(false);\n\t\t}\n\t}\n\n\tconst handleHiddenRef = React.useCallback(\n\t\t(node: HTMLInputElement | null) => {\n\t\t\thiddenRef.current = node;\n\t\t\tif (!externalRef) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (typeof externalRef === \"function\") {\n\t\t\t\tconst cleanup = externalRef(node);\n\t\t\t\tif (typeof cleanup === \"function\") {\n\t\t\t\t\treturn () => {\n\t\t\t\t\t\thiddenRef.current = null;\n\t\t\t\t\t\tcleanup();\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn () => {\n\t\t\t\t\thiddenRef.current = null;\n\t\t\t\t\texternalRef(null);\n\t\t\t\t};\n\t\t\t}\n\t\t\t(externalRef as React.RefObject<HTMLInputElement | null>).current = node;\n\t\t\treturn () => {\n\t\t\t\thiddenRef.current = null;\n\t\t\t\t(externalRef as React.RefObject<HTMLInputElement | null>).current = null;\n\t\t\t};\n\t\t},\n\t\t[externalRef],\n\t);\n\n\tconst invalidState = ariaInvalid ?? (isInvalid || undefined);\n\tconst hasDestructiveStyle =\n\t\tinvalidState === true ||\n\t\tinvalidState === \"true\" ||\n\t\tinvalidState === \"grammar\" ||\n\t\tinvalidState === \"spelling\";\n\n\tconst describedBy =\n\t\t[ariaDescribedBy, isInvalid && errorId ? errorId : undefined].filter(Boolean).join(\" \") ||\n\t\tundefined;\n\n\treturn (\n\t\t<Popover\n\t\t\topen={open}\n\t\t\tonOpenChange={(next) => {\n\t\t\t\tif (next && disabled) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (next) {\n\t\t\t\t\tpendingFocus.current = null;\n\t\t\t\t\tif (controlledMonthProp === undefined && defaultMonthProp === undefined) {\n\t\t\t\t\t\tconst synced = (cursorIso ? parseIso(cursorIso) : null) ?? todayCivil(timeZone);\n\t\t\t\t\t\tsetUncontrolledMonth({ y: synced.y, m: synced.m, d: 1 });\n\t\t\t\t\t}\n\t\t\t\t\tfocusDay.current = true;\n\t\t\t\t} else {\n\t\t\t\t\tpendingFocus.current = null;\n\t\t\t\t}\n\t\t\t\tsetOpen(next);\n\t\t\t}}\n\t\t>\n\t\t\t<input\n\t\t\t\tref={handleHiddenRef}\n\t\t\t\ttype={mode === \"range\" ? \"text\" : \"date\"}\n\t\t\t\tname={name}\n\t\t\t\trequired={required}\n\t\t\t\treadOnly={readOnly}\n\t\t\t\tmin={mode === \"range\" ? undefined : min}\n\t\t\t\tmax={mode === \"range\" ? undefined : max}\n\t\t\t\tclassName=\"sr-only mb-2 h-7\"\n\t\t\t\tstyle={{\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\twidth: 1,\n\t\t\t\t\theight: 1,\n\t\t\t\t\toverflow: \"hidden\",\n\t\t\t\t\tclip: \"rect(0, 0, 0, 0)\",\n\t\t\t\t}}\n\t\t\t\tvalue={\n\t\t\t\t\tmode === \"range\" ? (rangeFrom && rangeTo ? `${rangeFrom}/${rangeTo}` : \"\") : submitted\n\t\t\t\t}\n\t\t\t\tonChange={() => undefined}\n\t\t\t\tonInvalid={(event) => {\n\t\t\t\t\texternalOnInvalid?.(event);\n\t\t\t\t\tif (!event.defaultPrevented) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tsetIsInvalid(true);\n\t\t\t\t\t\tsetValidationMessage(\n\t\t\t\t\t\t\tlabels?.validationMessage ||\n\t\t\t\t\t\t\t\t(event.target as HTMLInputElement).validationMessage ||\n\t\t\t\t\t\t\t\t\"Please fill out this field.\",\n\t\t\t\t\t\t);\n\t\t\t\t\t\ttriggerRef.current?.focus();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tdisabled={disabled}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\ttabIndex={-1}\n\t\t\t\t{...formRest}\n\t\t\t/>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tref={triggerRef}\n\t\t\t\t\tid={id}\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonFocus={onFocus as ComponentProps<\"button\">[\"onFocus\"]}\n\t\t\t\t\tonBlur={onBlur as ComponentProps<\"button\">[\"onBlur\"]}\n\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\taria-label={\n\t\t\t\t\t\tariaLabel ? (label === \"Pick a date\" ? ariaLabel : `${ariaLabel}: ${label}`) : undefined\n\t\t\t\t\t}\n\t\t\t\t\taria-describedby={describedBy}\n\t\t\t\t\taria-invalid={invalidState}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"justify-start font-normal\",\n\t\t\t\t\t\thasDestructiveStyle && \"border-basalt-destructive text-basalt-destructive\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t{isInvalid && validationMessage ? (\n\t\t\t\t<span id={errorId} role=\"alert\" className=\"mt-1 block text-xs text-basalt-destructive\">\n\t\t\t\t\t{validationMessage}\n\t\t\t\t</span>\n\t\t\t) : null}\n\t\t\t<PopoverContent\n\t\t\t\tarrow={false}\n\t\t\t\tclassName=\"w-64 p-3\"\n\t\t\t\taria-label={calendarLabel}\n\t\t\t\taria-describedby={keyboardInstructionsId}\n\t\t\t\tonOpenAutoFocus={(event) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tconst iso = cursorIso || submitted || formatIso(todayCivil(timeZone));\n\t\t\t\t\tconst selectedIndex = days.findIndex((date) => isoOf(date) === iso);\n\t\t\t\t\tconst enabled = (date: Civil | null) =>\n\t\t\t\t\t\tBoolean(\n\t\t\t\t\t\t\tdate && date.y >= 1 && dateSelectable(formatIso(date), min, max, isDisabledDate),\n\t\t\t\t\t\t);\n\t\t\t\t\tlet index =\n\t\t\t\t\t\tselectedIndex >= 0 && days[selectedIndex]?.m === activeMonth.m\n\t\t\t\t\t\t\t? selectedIndex\n\t\t\t\t\t\t\t: Math.max(\n\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\tdays.findIndex((date) => date?.m === activeMonth.m),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\tif (!enabled(days[index] ?? null)) {\n\t\t\t\t\t\tconst inMonth = days.findIndex((date) => date?.m === activeMonth.m && enabled(date));\n\t\t\t\t\t\tconst any = days.findIndex((date) => enabled(date));\n\t\t\t\t\t\tindex = inMonth >= 0 ? inMonth : any >= 0 ? any : index;\n\t\t\t\t\t}\n\t\t\t\t\tqueueMicrotask(() => {\n\t\t\t\t\t\tdayRefs.current[index]?.focus();\n\t\t\t\t\t});\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{presets && presets.length > 0 ? (\n\t\t\t\t\t<div className=\"mb-2 flex flex-wrap gap-1\">\n\t\t\t\t\t\t{presets.map((preset) => (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tkey={preset.label}\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\tclassName=\"h-7 px-2 text-xs\"\n\t\t\t\t\t\t\t\tdisabled={disabled || readOnly}\n\t\t\t\t\t\t\t\tonClick={() => applyPreset(preset)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{preset.label}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t\t<div className=\"mb-2 flex items-center justify-between gap-2\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\ticon={<ChevronLeft />}\n\t\t\t\t\t\taria-label={prevMonthLabel}\n\t\t\t\t\t\tclassName=\"size-8\"\n\t\t\t\t\t\tdisabled={disabled || !previousMonth || previousMonth.y < 1}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (!previousMonth || previousMonth.y < 1) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tpendingFocus.current = null;\n\t\t\t\t\t\t\tfocusDay.current = false;\n\t\t\t\t\t\t\trequestMonth(previousMonth);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<span\n\t\t\t\t\t\tid={monthLiveId}\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\tclassName=\"text-sm font-medium\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{formatCivil(activeMonth, locale, { month: \"long\", year: \"numeric\" })}\n\t\t\t\t\t</span>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\ticon={<ChevronRight />}\n\t\t\t\t\t\taria-label={nextMonthLabel}\n\t\t\t\t\t\tclassName=\"size-8\"\n\t\t\t\t\t\tdisabled={disabled || !followingMonth}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (!followingMonth) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tpendingFocus.current = null;\n\t\t\t\t\t\t\tfocusDay.current = false;\n\t\t\t\t\t\t\trequestMonth(followingMonth);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<p id={keyboardInstructionsId} className=\"sr-only\">\n\t\t\t\t\t{labels?.keyboardInstructions ??\n\t\t\t\t\t\t\"Use arrow keys to navigate dates, PageUp and PageDown to change months, and Enter or Space to select.\"}\n\t\t\t\t</p>\n\t\t\t\t{/* Biome override: WAI-ARIA APG Date Picker pattern uses a semantic table with role=\"grid\" and role=\"gridcell\" on cells while roving tabindex focuses the child button */}\n\t\t\t\t<table\n\t\t\t\t\trole=\"grid\"\n\t\t\t\t\taria-labelledby={monthLiveId}\n\t\t\t\t\taria-multiselectable={mode === \"range\" ? \"true\" : undefined}\n\t\t\t\t\tclassName=\"w-full border-collapse text-center\"\n\t\t\t\t\tonKeyDown={(event) => {\n\t\t\t\t\t\tconst current = days[focusIndex];\n\t\t\t\t\t\tif (!current) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tevent.key === \"ArrowRight\" ||\n\t\t\t\t\t\t\tevent.key === \"ArrowLeft\" ||\n\t\t\t\t\t\t\tevent.key === \"ArrowDown\" ||\n\t\t\t\t\t\t\tevent.key === \"ArrowUp\"\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tconst delta =\n\t\t\t\t\t\t\t\tevent.key === \"ArrowRight\"\n\t\t\t\t\t\t\t\t\t? 1\n\t\t\t\t\t\t\t\t\t: event.key === \"ArrowLeft\"\n\t\t\t\t\t\t\t\t\t\t? -1\n\t\t\t\t\t\t\t\t\t\t: event.key === \"ArrowDown\"\n\t\t\t\t\t\t\t\t\t\t\t? 7\n\t\t\t\t\t\t\t\t\t\t\t: -7;\n\t\t\t\t\t\t\tlet next = addDays(current, delta);\n\t\t\t\t\t\t\tfor (\n\t\t\t\t\t\t\t\tlet step = 0;\n\t\t\t\t\t\t\t\tnext && next.y >= 1 && !selectable(formatIso(next)) && step < 42;\n\t\t\t\t\t\t\t\tstep += 1\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tnext = addDays(next, delta);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (!next || next.y < 1 || !selectable(formatIso(next))) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (next.y !== activeMonth.y || next.m !== activeMonth.m) {\n\t\t\t\t\t\t\t\tpendingFocus.current = {\n\t\t\t\t\t\t\t\t\ttargetMonthKey: formatIsoMonth(next),\n\t\t\t\t\t\t\t\t\tiso: formatIso(next),\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\trequestMonth({ y: next.y, m: next.m, d: 1 });\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tconst index = days.findIndex((date) => isoOf(date) === formatIso(next));\n\t\t\t\t\t\t\tif (index >= 0) {\n\t\t\t\t\t\t\t\tsetFocusIndex(index);\n\t\t\t\t\t\t\t\tdayRefs.current[index]?.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (event.key === \"Home\" || event.key === \"End\") {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tconst dayOfWeek = utcDate(current).getUTCDay();\n\t\t\t\t\t\t\tconst col = (dayOfWeek - weekStartsOn + 7) % 7;\n\t\t\t\t\t\t\tconst deltaToEdge = event.key === \"Home\" ? -col : 6 - col;\n\t\t\t\t\t\t\tlet next: Civil | null = addDays(current, deltaToEdge);\n\t\t\t\t\t\t\tconst stepDir = event.key === \"Home\" ? 1 : -1;\n\t\t\t\t\t\t\tfor (\n\t\t\t\t\t\t\t\tlet step = 0;\n\t\t\t\t\t\t\t\tnext && next.y >= 1 && !selectable(formatIso(next)) && step < 7;\n\t\t\t\t\t\t\t\tstep += 1\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tnext = addDays(next, stepDir);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (!next || next.y < 1 || !selectable(formatIso(next))) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (next.y !== activeMonth.y || next.m !== activeMonth.m) {\n\t\t\t\t\t\t\t\tpendingFocus.current = {\n\t\t\t\t\t\t\t\t\ttargetMonthKey: formatIsoMonth(next),\n\t\t\t\t\t\t\t\t\tiso: formatIso(next),\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\trequestMonth({ y: next.y, m: next.m, d: 1 });\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tconst index = days.findIndex((date) => isoOf(date) === formatIso(next));\n\t\t\t\t\t\t\tif (index >= 0) {\n\t\t\t\t\t\t\t\tsetFocusIndex(index);\n\t\t\t\t\t\t\t\tdayRefs.current[index]?.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (event.key === \"PageDown\" || event.key === \"PageUp\") {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tconst deltaMonths = event.shiftKey\n\t\t\t\t\t\t\t\t? event.key === \"PageDown\"\n\t\t\t\t\t\t\t\t\t? 12\n\t\t\t\t\t\t\t\t\t: -12\n\t\t\t\t\t\t\t\t: event.key === \"PageDown\"\n\t\t\t\t\t\t\t\t\t? 1\n\t\t\t\t\t\t\t\t\t: -1;\n\t\t\t\t\t\t\tconst target = shiftCivilMonthClamped(current, deltaMonths);\n\t\t\t\t\t\t\tif (!target) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlet next: Civil | null = target;\n\t\t\t\t\t\t\tfor (\n\t\t\t\t\t\t\t\tlet step = 0;\n\t\t\t\t\t\t\t\tnext && next.y >= 1 && !selectable(formatIso(next)) && step < 42;\n\t\t\t\t\t\t\t\tstep += 1\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tnext = addDays(next, 1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (!next || next.y < 1 || !selectable(formatIso(next))) {\n\t\t\t\t\t\t\t\tnext = target;\n\t\t\t\t\t\t\t\tfor (\n\t\t\t\t\t\t\t\t\tlet step = 0;\n\t\t\t\t\t\t\t\t\tnext && next.y >= 1 && !selectable(formatIso(next)) && step < 42;\n\t\t\t\t\t\t\t\t\tstep += 1\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tnext = addDays(next, -1);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (!next || next.y < 1 || !selectable(formatIso(next))) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tpendingFocus.current = {\n\t\t\t\t\t\t\t\ttargetMonthKey: formatIsoMonth(next),\n\t\t\t\t\t\t\t\tiso: formatIso(next),\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\trequestMonth({ y: next.y, m: next.m, d: 1 });\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (event.key === \"Enter\" || event.key === \" \") {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tconst iso = formatIso(current);\n\t\t\t\t\t\t\tif (current.y >= 1 && selectable(iso)) {\n\t\t\t\t\t\t\t\tcommit(iso);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t{weekdayLabels.map((day, index) => (\n\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\tkey={`${day}-${index}`}\n\t\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t\t\tclassName=\"h-8 text-center text-xs font-medium text-basalt-muted-foreground\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{day}\n\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t{Array.from({ length: 6 }, (_, weekIndex) => (\n\t\t\t\t\t\t\t<tr key={`week-${weekIndex}`}>\n\t\t\t\t\t\t\t\t{days.slice(weekIndex * 7, weekIndex * 7 + 7).map((date, colIndex) => {\n\t\t\t\t\t\t\t\t\tconst index = weekIndex * 7 + colIndex;\n\t\t\t\t\t\t\t\t\tif (!date) {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\t\t\tkey={`empty-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"gridcell\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"h-8 p-0 text-center\"\n\t\t\t\t\t\t\t\t\t\t\t\tref={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tdayRefs.current[index] = null;\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tconst iso = formatIso(date);\n\t\t\t\t\t\t\t\t\tconst inMonth = date.m === activeMonth.m;\n\t\t\t\t\t\t\t\t\tconst inRange = date.y >= 1 && selectable(iso);\n\t\t\t\t\t\t\t\t\tconst fromDate = rangeFrom ? parseIso(rangeFrom) : null;\n\t\t\t\t\t\t\t\t\tconst toDate = rangeTo ? parseIso(rangeTo) : null;\n\t\t\t\t\t\t\t\t\tconst thisDate = parseIso(iso);\n\t\t\t\t\t\t\t\t\tconst inSelectedRange = Boolean(\n\t\t\t\t\t\t\t\t\t\tfromDate &&\n\t\t\t\t\t\t\t\t\t\t\ttoDate &&\n\t\t\t\t\t\t\t\t\t\t\tthisDate &&\n\t\t\t\t\t\t\t\t\t\t\tcompareCivil(thisDate, fromDate) >= 0 &&\n\t\t\t\t\t\t\t\t\t\t\tcompareCivil(thisDate, toDate) <= 0,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tconst isRangeEdge = iso === rangeFrom || iso === rangeTo;\n\t\t\t\t\t\t\t\t\tconst isSelected =\n\t\t\t\t\t\t\t\t\t\tmode === \"range\"\n\t\t\t\t\t\t\t\t\t\t\t? inSelectedRange || isRangeEdge\n\t\t\t\t\t\t\t\t\t\t\t: Boolean(submitted) && iso === submitted;\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\t\tkey={iso}\n\t\t\t\t\t\t\t\t\t\t\trole=\"gridcell\"\n\t\t\t\t\t\t\t\t\t\t\taria-selected={isSelected ? \"true\" : undefined}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"h-8 p-0 text-center\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tref={(node) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tdayRefs.current[index] = node;\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\ttabIndex={index === focusIndex ? 0 : -1}\n\t\t\t\t\t\t\t\t\t\t\t\tdata-date={iso}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={iso}\n\t\t\t\t\t\t\t\t\t\t\t\taria-pressed={mode === \"range\" ? isRangeEdge : isSelected}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled || readOnly || !inRange}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\tCALENDAR_BUTTON,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"mx-auto flex h-8 w-8 items-center justify-center rounded-basalt-md text-sm\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tinMonth ? \"text-basalt-foreground\" : \"text-basalt-muted-foreground\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tinRange && \"hover:bg-basalt-accent\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tinSelectedRange && !isRangeEdge && \"bg-basalt-accent\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tinRange &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(mode === \"range\" ? isRangeEdge : isSelected) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"bg-basalt-primary text-basalt-primary-foreground hover:bg-basalt-primary/90\",\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => inRange && commit(iso)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{date.d}\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"mappings":"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"}

package/dist/components/delete-resource.d.ts

@@ -1,5 +1,11 @@
+import * as React from "react";
+export type DeleteResourceErrorFormatter = (error: unknown) => React.ReactNode;
 export type DeleteResourceProps = {
+    /** Name of the resource being deleted, interpolated into dialog title and trigger label. */
     name: string;
+    /** Called when deletion is confirmed. When this throws or rejects, an error alert is shown and the dialog remains open for retry. */
     onDelete: () => void | Promise<void>;
+    /** Custom error message or renderer when onDelete fails. Accepts a ReactNode or an (error: unknown) => ReactNode formatter. Defaults to the caught Error message or 'Failed to delete resource. Please try again.' */
+    errorMessage?: React.ReactNode | DeleteResourceErrorFormatter;
 };
-export declare function DeleteResource({ name, onDelete }: DeleteResourceProps): import("react").JSX.Element;
+export declare function DeleteResource({ name, onDelete, errorMessage }: DeleteResourceProps): React.JSX.Element;

package/dist/components/delete-resource.js

@@ -1,38 +1,42 @@
 "use client";
 import { Button as e } from "./button.js";
 import { ConfirmDialog as t } from "./confirm-dialog.js";
-import { useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import * as n from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/delete-resource.tsx
-function a({ name: a, onDelete: o }) {
-	let [s, c] = n(!1), [l, u] = n(!1);
-	return /* @__PURE__ */ r(t, {
-		trigger: /* @__PURE__ */ i(e, {
+function o({ name: o, onDelete: s, errorMessage: c }) {
+	let [l, u] = n.useState(!1), [d, f] = n.useState(!1), [p, m] = n.useState(null), h = (e) => typeof c == "function" ? c(e) : c ?? (e instanceof Error && e.message ? e.message : "Failed to delete resource. Please try again.");
+	return /* @__PURE__ */ i(t, {
+		trigger: /* @__PURE__ */ a(e, {
 			variant: "destructive",
-			children: ["Delete ", a]
+			children: ["Delete ", o]
 		}),
-		open: s,
-		loading: l,
+		open: l,
+		loading: d,
 		variant: "destructive",
-		title: `Delete ${a}?`,
-		description: "This cannot be undone.",
+		title: `Delete ${o}?`,
+		description: /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", { children: "This cannot be undone." }), p ? /* @__PURE__ */ i("span", {
+			role: "alert",
+			className: "mt-2 block text-xs text-basalt-destructive",
+			children: p
+		}) : null] }),
 		confirmLabel: "Delete",
 		onOpenChange: (e) => {
-			l && !e || (c(e), e || u(!1));
+			d && !e || (u(e), e || (f(!1), m(null)));
 		},
 		onConfirm: async () => {
-			u(!0);
+			f(!0), m(null);
 			try {
-				await o(), c(!1);
-			} catch {
-				c(!0);
+				await s(), u(!1);
+			} catch (e) {
+				m(h(e)), u(!0);
 			} finally {
-				u(!1);
+				f(!1);
 			}
 		}
 	});
 }
 //#endregion
-export { a as DeleteResource };
+export { o as DeleteResource };
 
 //# sourceMappingURL=delete-resource.js.map

package/dist/components/delete-resource.js.map

@@ -1 +1 @@
-{"version":3,"file":"delete-resource.js","names":[],"sources":["../../src/components/delete-resource.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"./button\";\nimport { ConfirmDialog } from \"./confirm-dialog\";\n\nexport type DeleteResourceProps = {\n\tname: string;\n\tonDelete: () => void | Promise<void>;\n};\n\nexport function DeleteResource({ name, onDelete }: DeleteResourceProps) {\n\tconst [open, setOpen] = useState(false);\n\tconst [loading, setLoading] = useState(false);\n\treturn (\n\t\t<ConfirmDialog\n\t\t\ttrigger={<Button variant=\"destructive\">Delete {name}</Button>}\n\t\t\topen={open}\n\t\t\tloading={loading}\n\t\t\tvariant=\"destructive\"\n\t\t\ttitle={`Delete ${name}?`}\n\t\t\tdescription=\"This cannot be undone.\"\n\t\t\tconfirmLabel=\"Delete\"\n\t\t\tonOpenChange={(next) => {\n\t\t\t\tif (loading && !next) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetOpen(next);\n\t\t\t\tif (!next) {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t}\n\t\t\t}}\n\t\t\tonConfirm={async () => {\n\t\t\t\tsetLoading(true);\n\t\t\t\ttry {\n\t\t\t\t\tawait onDelete();\n\t\t\t\t\tsetOpen(false);\n\t\t\t\t} catch {\n\t\t\t\t\tsetOpen(true);\n\t\t\t\t} finally {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t}\n\t\t\t}}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AASA,SAAgB,EAAe,EAAE,SAAM,eAAiC;CACvE,IAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,CAAC,GAAS,KAAc,EAAS,EAAK;CAC5C,OACC,kBAAC,GAAD;EACC,SAAS,kBAAC,GAAD;GAAQ,SAAQ;GAAhB,UAAA,CAA8B,WAAQ,CAAa;;EACtD;EACG;EACT,SAAQ;EACR,OAAO,UAAU,EAAK;EACtB,aAAY;EACZ,cAAa;EACb,eAAe,MAAS;GACnB,KAAW,CAAC,MAGhB,EAAQ,CAAI,GACP,KACJ,EAAW,EAAK;EAElB;EACA,WAAW,YAAY;GACtB,EAAW,EAAI;GACf,IAAI;IAEH,AADA,MAAM,EAAS,GACf,EAAQ,EAAK;GACd,QAAQ;IACP,EAAQ,EAAI;GACb,UAAU;IACT,EAAW,EAAK;GACjB;EACD;CACA,CAAA;AAEH"}
+{"version":3,"file":"delete-resource.js","names":[],"sources":["../../src/components/delete-resource.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Button } from \"./button\";\nimport { ConfirmDialog } from \"./confirm-dialog\";\n\nexport type DeleteResourceErrorFormatter = (error: unknown) => React.ReactNode;\n\nexport type DeleteResourceProps = {\n\t/** Name of the resource being deleted, interpolated into dialog title and trigger label. */\n\tname: string;\n\t/** Called when deletion is confirmed. When this throws or rejects, an error alert is shown and the dialog remains open for retry. */\n\tonDelete: () => void | Promise<void>;\n\t/** Custom error message or renderer when onDelete fails. Accepts a ReactNode or an (error: unknown) => ReactNode formatter. Defaults to the caught Error message or 'Failed to delete resource. Please try again.' */\n\terrorMessage?: React.ReactNode | DeleteResourceErrorFormatter;\n};\n\nexport function DeleteResource({ name, onDelete, errorMessage }: DeleteResourceProps) {\n\tconst [open, setOpen] = React.useState(false);\n\tconst [loading, setLoading] = React.useState(false);\n\tconst [error, setError] = React.useState<React.ReactNode | null>(null);\n\n\tconst resolveErrorMessage = (err: unknown): React.ReactNode => {\n\t\tif (typeof errorMessage === \"function\") {\n\t\t\treturn errorMessage(err);\n\t\t}\n\t\tif (errorMessage != null) {\n\t\t\treturn errorMessage;\n\t\t}\n\t\tif (err instanceof Error && err.message) {\n\t\t\treturn err.message;\n\t\t}\n\t\treturn \"Failed to delete resource. Please try again.\";\n\t};\n\n\treturn (\n\t\t<ConfirmDialog\n\t\t\ttrigger={<Button variant=\"destructive\">Delete {name}</Button>}\n\t\t\topen={open}\n\t\t\tloading={loading}\n\t\t\tvariant=\"destructive\"\n\t\t\ttitle={`Delete ${name}?`}\n\t\t\tdescription={\n\t\t\t\t<>\n\t\t\t\t\t<span>This cannot be undone.</span>\n\t\t\t\t\t{error ? (\n\t\t\t\t\t\t<span role=\"alert\" className=\"mt-2 block text-xs text-basalt-destructive\">\n\t\t\t\t\t\t\t{error}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) : null}\n\t\t\t\t</>\n\t\t\t}\n\t\t\tconfirmLabel=\"Delete\"\n\t\t\tonOpenChange={(next) => {\n\t\t\t\tif (loading && !next) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetOpen(next);\n\t\t\t\tif (!next) {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t\tsetError(null);\n\t\t\t\t}\n\t\t\t}}\n\t\t\tonConfirm={async () => {\n\t\t\t\tsetLoading(true);\n\t\t\t\tsetError(null);\n\t\t\t\ttry {\n\t\t\t\t\tawait onDelete();\n\t\t\t\t\tsetOpen(false);\n\t\t\t\t} catch (err) {\n\t\t\t\t\tsetError(resolveErrorMessage(err));\n\t\t\t\t\tsetOpen(true);\n\t\t\t\t} finally {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t}\n\t\t\t}}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAeA,SAAgB,EAAe,EAAE,SAAM,aAAU,mBAAqC;CACrF,IAAM,CAAC,GAAM,KAAW,EAAM,SAAS,EAAK,GACtC,CAAC,GAAS,KAAc,EAAM,SAAS,EAAK,GAC5C,CAAC,GAAO,KAAY,EAAM,SAAiC,IAAI,GAE/D,KAAuB,MACxB,OAAO,KAAiB,aACpB,EAAa,CAAG,IAEpB,MAGA,aAAe,SAAS,EAAI,UACxB,EAAI,UAEL;CAGR,OACC,kBAAC,GAAD;EACC,SAAS,kBAAC,GAAD;GAAQ,SAAQ;GAAhB,UAAA,CAA8B,WAAQ,CAAa;;EACtD;EACG;EACT,SAAQ;EACR,OAAO,UAAU,EAAK;EACtB,aACC,kBAAA,GAAA,EAAA,UAAA,CACC,kBAAC,QAAD,EAAA,UAAM,yBAA4B,CAAA,GACjC,IACA,kBAAC,QAAD;GAAM,MAAK;GAAQ,WAAU;GAC3B,UAAA;EACI,CAAA,IACH,IACH,EAAA,CAAA;EAEH,cAAa;EACb,eAAe,MAAS;GACnB,KAAW,CAAC,MAGhB,EAAQ,CAAI,GACP,MACJ,EAAW,EAAK,GAChB,EAAS,IAAI;EAEf;EACA,WAAW,YAAY;GAEtB,AADA,EAAW,EAAI,GACf,EAAS,IAAI;GACb,IAAI;IAEH,AADA,MAAM,EAAS,GACf,EAAQ,EAAK;GACd,SAAS,GAAK;IAEb,AADA,EAAS,EAAoB,CAAG,CAAC,GACjC,EAAQ,EAAI;GACb,UAAU;IACT,EAAW,EAAK;GACjB;EACD;CACA,CAAA;AAEH"}

package/dist/components/description-list.js

@@ -1,35 +1,36 @@
 "use client";
 import { cn as e } from "../utils/cn.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { BASALT_UI_CLASS as t } from "../utils/control-surface.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/description-list.tsx
-var r = {
+var i = {
 	1: "sm:grid-cols-1",
 	2: "sm:grid-cols-2",
 	3: "sm:grid-cols-3"
 };
-function i({ className: n, columns: i = 2, ...a }) {
-	return /* @__PURE__ */ t("dl", {
-		className: e("grid gap-x-8 gap-y-3 text-sm", r[i], n),
-		...a
+function a({ className: r, columns: a = 2, ...o }) {
+	return /* @__PURE__ */ n("dl", {
+		className: e(t, "grid gap-x-8 gap-y-3 text-sm", i[a], r),
+		...o
 	});
 }
-i.displayName = "DescriptionList";
-function a({ term: r, className: i, children: a, ...o }) {
-	return /* @__PURE__ */ n("div", {
+a.displayName = "DescriptionList";
+function o({ term: t, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ r("div", {
 		className: e("min-w-0", i),
 		...o,
-		children: [/* @__PURE__ */ t("dt", {
+		children: [/* @__PURE__ */ n("dt", {
 			className: "text-xs text-basalt-muted-foreground",
-			children: r
-		}), /* @__PURE__ */ t("dd", {
+			children: t
+		}), /* @__PURE__ */ n("dd", {
 			className: "mt-0.5 wrap-break-word text-basalt-foreground",
 			children: a
 		})]
 	});
 }
-a.displayName = "DescriptionList.Item";
-var o = Object.assign(i, { Item: a });
+o.displayName = "DescriptionList.Item";
+var s = Object.assign(a, { Item: o });
 //#endregion
-export { o as DescriptionList };
+export { s as DescriptionList };
 
 //# sourceMappingURL=description-list.js.map

package/dist/components/description-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"description-list.js","names":[],"sources":["../../src/components/description-list.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\n\nexport type DescriptionListColumns = 1 | 2 | 3;\n\nexport type DescriptionListProps = HTMLAttributes<HTMLDListElement> & {\n\t/**\n\t * Number of term/value columns from the small breakpoint up.\n\t * @default 2\n\t */\n\tcolumns?: DescriptionListColumns;\n};\n\nconst COLUMN_CLASS: Record<DescriptionListColumns, string> = {\n\t1: \"sm:grid-cols-1\",\n\t2: \"sm:grid-cols-2\",\n\t3: \"sm:grid-cols-3\",\n};\n\nfunction DescriptionListRoot({ className, columns = 2, ...props }: DescriptionListProps) {\n\treturn (\n\t\t<dl\n\t\t\tclassName={cn(\"grid gap-x-8 gap-y-3 text-sm\", COLUMN_CLASS[columns], className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\nDescriptionListRoot.displayName = \"DescriptionList\";\n\nexport type DescriptionListItemProps = HTMLAttributes<HTMLDivElement> & {\n\t/**\n\t * Term shown above the value.\n\t */\n\tterm: ReactNode;\n};\n\nfunction DescriptionListItem({ term, className, children, ...props }: DescriptionListItemProps) {\n\treturn (\n\t\t<div className={cn(\"min-w-0\", className)} {...props}>\n\t\t\t<dt className=\"text-xs text-basalt-muted-foreground\">{term}</dt>\n\t\t\t<dd className=\"mt-0.5 wrap-break-word text-basalt-foreground\">{children}</dd>\n\t\t</div>\n\t);\n}\nDescriptionListItem.displayName = \"DescriptionList.Item\";\n\nexport const DescriptionList = Object.assign(DescriptionListRoot, {\n\tItem: DescriptionListItem,\n});\n"],"mappings":";;;;AAaA,IAAM,IAAuD;CAC5D,GAAG;CACH,GAAG;CACH,GAAG;AACJ;AAEA,SAAS,EAAoB,EAAE,cAAW,aAAU,GAAG,GAAG,KAA+B;CACxF,OACC,kBAAC,MAAD;EACC,WAAW,EAAG,gCAAgC,EAAa,IAAU,CAAS;EAC9E,GAAI;CACJ,CAAA;AAEH;AACA,EAAoB,cAAc;AASlC,SAAS,EAAoB,EAAE,SAAM,cAAW,aAAU,GAAG,KAAmC;CAC/F,OACC,kBAAC,OAAD;EAAK,WAAW,EAAG,WAAW,CAAS;EAAG,GAAI;EAA9C,UAAA,CACC,kBAAC,MAAD;GAAI,WAAU;GAAwC,UAAA;EAAS,CAAA,GAC/D,kBAAC,MAAD;GAAI,WAAU;GAAiD;EAAa,CAAA,CACxE;;AAEP;AACA,EAAoB,cAAc;AAElC,IAAa,IAAkB,OAAO,OAAO,GAAqB,EACjE,MAAM,EACP,CAAC"}
+{"version":3,"file":"description-list.js","names":[],"sources":["../../src/components/description-list.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { BASALT_UI_CLASS } from \"../utils/control-surface\";\n\nexport type DescriptionListColumns = 1 | 2 | 3;\n\nexport type DescriptionListProps = HTMLAttributes<HTMLDListElement> & {\n\t/**\n\t * Number of term/value columns from the small breakpoint up.\n\t * @default 2\n\t */\n\tcolumns?: DescriptionListColumns;\n};\n\nconst COLUMN_CLASS: Record<DescriptionListColumns, string> = {\n\t1: \"sm:grid-cols-1\",\n\t2: \"sm:grid-cols-2\",\n\t3: \"sm:grid-cols-3\",\n};\n\nfunction DescriptionListRoot({ className, columns = 2, ...props }: DescriptionListProps) {\n\treturn (\n\t\t<dl\n\t\t\tclassName={cn(\n\t\t\t\tBASALT_UI_CLASS,\n\t\t\t\t\"grid gap-x-8 gap-y-3 text-sm\",\n\t\t\t\tCOLUMN_CLASS[columns],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\nDescriptionListRoot.displayName = \"DescriptionList\";\n\nexport type DescriptionListItemProps = HTMLAttributes<HTMLDivElement> & {\n\t/**\n\t * Term shown above the value.\n\t */\n\tterm: ReactNode;\n};\n\nfunction DescriptionListItem({ term, className, children, ...props }: DescriptionListItemProps) {\n\treturn (\n\t\t<div className={cn(\"min-w-0\", className)} {...props}>\n\t\t\t<dt className=\"text-xs text-basalt-muted-foreground\">{term}</dt>\n\t\t\t<dd className=\"mt-0.5 wrap-break-word text-basalt-foreground\">{children}</dd>\n\t\t</div>\n\t);\n}\nDescriptionListItem.displayName = \"DescriptionList.Item\";\n\nexport const DescriptionList = Object.assign(DescriptionListRoot, {\n\tItem: DescriptionListItem,\n});\n"],"mappings":";;;;;AAcA,IAAM,IAAuD;CAC5D,GAAG;CACH,GAAG;CACH,GAAG;AACJ;AAEA,SAAS,EAAoB,EAAE,cAAW,aAAU,GAAG,GAAG,KAA+B;CACxF,OACC,kBAAC,MAAD;EACC,WAAW,EACV,GACA,gCACA,EAAa,IACb,CACD;EACA,GAAI;CACJ,CAAA;AAEH;AACA,EAAoB,cAAc;AASlC,SAAS,EAAoB,EAAE,SAAM,cAAW,aAAU,GAAG,KAAmC;CAC/F,OACC,kBAAC,OAAD;EAAK,WAAW,EAAG,WAAW,CAAS;EAAG,GAAI;EAA9C,UAAA,CACC,kBAAC,MAAD;GAAI,WAAU;GAAwC,UAAA;EAAS,CAAA,GAC/D,kBAAC,MAAD;GAAI,WAAU;GAAiD;EAAa,CAAA,CACxE;;AAEP;AACA,EAAoB,cAAc;AAElC,IAAa,IAAkB,OAAO,OAAO,GAAqB,EACjE,MAAM,EACP,CAAC"}

package/dist/components/dialog.d.ts

@@ -12,26 +12,155 @@ export declare function dialogPanelClass({ size, className, }?: {
     size?: DialogSize;
     className?: string;
 }): string;
-export declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+type RadixDialogProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
+type RadixDialogTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
+type RadixDialogPortalProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
+type RadixDialogOverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
+type RadixDialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
+type RadixDialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
+type RadixDialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
+type RadixDialogCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;
+export interface DialogProps extends Omit<RadixDialogProps, "open" | "defaultOpen" | "onOpenChange" | "modal"> {
+    /**
+     * Controlled open state of the dialog.
+     */
+    open?: RadixDialogProps["open"];
+    /**
+     * Uncontrolled default open state of the dialog on initial render.
+     * @default false
+     */
+    defaultOpen?: RadixDialogProps["defaultOpen"];
+    /**
+     * Callback invoked when the open state changes.
+     */
+    onOpenChange?: RadixDialogProps["onOpenChange"];
+    /**
+     * Whether the dialog renders modally, preventing outside interaction and hiding background content from screen readers.
+     * @default true
+     */
+    modal?: RadixDialogProps["modal"];
+}
+export declare const Dialog: React.FC<DialogProps>;
+export interface DialogTriggerProps extends Omit<RadixDialogTriggerProps, "asChild"> {
+    /**
+     * Change the default rendered button element to the child element, merging props and behavior.
+     * Trigger forwards ref to HTMLButtonElement and inherits native button attributes.
+     * @default false
+     */
+    asChild?: RadixDialogTriggerProps["asChild"];
+}
 export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface DialogCloseProps extends Omit<RadixDialogCloseProps, "asChild"> {
+    /**
+     * Change the default rendered button element to the child element, merging props and behavior.
+     * Close forwards ref to HTMLButtonElement and inherits native button attributes.
+     * @default false
+     */
+    asChild?: RadixDialogCloseProps["asChild"];
+}
 export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export interface DialogPortalProps extends Omit<RadixDialogPortalProps, "container" | "forceMount"> {
+    /**
+     * Target container element where the dialog overlay and content portal should mount.
+     */
+    container?: RadixDialogPortalProps["container"];
+    /**
+     * Used to force mounting when controlling transition animations externally.
+     */
+    forceMount?: RadixDialogPortalProps["forceMount"];
+}
 export declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-export declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
-    size?: DialogSize;
-    disablePointerDismissal?: boolean;
-};
-export declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+export interface DialogOverlayProps extends Omit<RadixDialogOverlayProps, "asChild" | "forceMount"> {
+    /**
+     * Change the default rendered div element to the child element, merging props and behavior.
+     * Overlay forwards ref to HTMLDivElement and inherits native div attributes.
+     * @default false
+     */
+    asChild?: RadixDialogOverlayProps["asChild"];
+    /**
+     * Used to force mounting when controlling transition animations externally.
+     */
+    forceMount?: RadixDialogOverlayProps["forceMount"];
+}
+export declare const DialogOverlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export interface DialogContentProps extends Omit<RadixDialogContentProps, "size" | "disablePointerDismissal" | "asChild" | "forceMount" | "trapFocus" | "onOpenAutoFocus" | "onCloseAutoFocus" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside"> {
+    /**
+     * Fixed desktop width preset. Dialog panel scrolls vertically when content overflows available viewport height.
+     * @default "base"
+     */
     size?: DialogSize;
+    /**
+     * When true, pointer interactions outside the dialog panel are prevented from dismissing the dialog.
+     * @default false
+     */
     disablePointerDismissal?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-export declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    /**
+     * Change the default rendered div element to the child element, merging props and behavior.
+     * Content forwards ref to HTMLDivElement and inherits native div attributes.
+     * @default false
+     */
+    asChild?: RadixDialogContentProps["asChild"];
+    /**
+     * Force mounting content in DOM for external animation controls.
+     * When forceMount is true, the content remains mounted even when closed.
+     * The caller is responsible for visibility transitions and unmounting after animation completes.
+     * Note: Keeping modal content forceMounted may isolate background interactions until unmounted.
+     */
+    forceMount?: RadixDialogContentProps["forceMount"];
+    /**
+     * Event handler called when auto-focusing the first element on open. Can be prevented with event.preventDefault().
+     */
+    onOpenAutoFocus?: RadixDialogContentProps["onOpenAutoFocus"];
+    /**
+     * Event handler called when restoring focus on close. Can be prevented with event.preventDefault().
+     */
+    onCloseAutoFocus?: RadixDialogContentProps["onCloseAutoFocus"];
+    /**
+     * Event handler called when the Escape key is pressed. Can be prevented with event.preventDefault().
+     */
+    onEscapeKeyDown?: RadixDialogContentProps["onEscapeKeyDown"];
+    /**
+     * Event handler called when a pointer event occurs outside the dialog bounds.
+     */
+    onPointerDownOutside?: RadixDialogContentProps["onPointerDownOutside"];
+    /**
+     * Event handler called when focus moves outside the dialog bounds.
+     */
+    onFocusOutside?: RadixDialogContentProps["onFocusOutside"];
+    /**
+     * Event handler called when any interaction (pointer or focus) occurs outside the dialog bounds.
+     */
+    onInteractOutside?: RadixDialogContentProps["onInteractOutside"];
+}
+export declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface DialogTitleProps extends Omit<RadixDialogTitleProps, "asChild"> {
+    /**
+     * Change the default rendered heading element to the child element, merging props and behavior.
+     * Title forwards ref to HTMLHeadingElement and inherits native h2 attributes.
+     * @default false
+     */
+    asChild?: RadixDialogTitleProps["asChild"];
+}
+export declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export interface DialogDescriptionProps extends Omit<RadixDialogDescriptionProps, "asChild"> {
+    /**
+     * Change the default rendered paragraph element to the child element, merging props and behavior.
+     * Description forwards ref to HTMLParagraphElement and inherits native p attributes.
+     * @default false
+     */
+    asChild?: RadixDialogDescriptionProps["asChild"];
+}
+export declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
 export declare namespace DialogHeader {
     var displayName: string;
 }
-export declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element;
 export declare namespace DialogFooter {
     var displayName: string;
 }
+export {};