@nocoo/basalt 2.1.2 → 2.1.7

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 * 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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"}
+{"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 focusCalendarDay(next: Civil) {\n\t\tif (next.y !== activeMonth.y || next.m !== activeMonth.m) {\n\t\t\tpendingFocus.current = {\n\t\t\t\ttargetMonthKey: formatIsoMonth(next),\n\t\t\t\tiso: formatIso(next),\n\t\t\t};\n\t\t\trequestMonth({ y: next.y, m: next.m, d: 1 });\n\t\t\treturn;\n\t\t}\n\t\tconst index = days.findIndex((date) => isoOf(date) === formatIso(next));\n\t\tif (index >= 0) {\n\t\t\tsetFocusIndex(index);\n\t\t\tdayRefs.current[index]?.focus();\n\t\t}\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\tfocusCalendarDay(next);\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\tfocusCalendarDay(next);\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/dock.js

@@ -21,20 +21,20 @@ function d({ className: t, children: n }) {
 	});
 }
 function f({ open: l, mode: d = "push", width: f = "clamp(300px, 32.5vw, 546px)", onDismiss: p, dismissLabel: m = "Dismiss", className: h, children: g, "aria-label": _ }) {
-	let v = d === "overlay", y = o(null), b = o(null), x = (e) => {
+	let v = d === "overlay", y = o(null), b = (e) => {
 		y.current = e;
-	}, S = o(!v && l), C = o(null);
+	}, x = o(!v && l), S = o(null);
 	a(() => {
 		if (l) {
-			if (S.current) return;
-			C.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+			if (x.current) return;
+			S.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
 			let e = window.setTimeout(() => {
 				let e = y.current;
-				(u(e)[0] ?? e)?.focus(), S.current = !0;
+				(u(e)[0] ?? e)?.focus(), x.current = !0;
 			}, 0);
 			return () => window.clearTimeout(e);
 		}
-		S.current &&= (C.current?.focus?.(), C.current = null, !1);
+		x.current &&= (S.current?.focus?.(), S.current = null, !1);
 	}, [l]), a(() => {
 		if (!v || !l) return;
 		let e = (e) => {
@@ -49,13 +49,12 @@ function f({ open: l, mode: d = "push", width: f = "clamp(300px, 32.5vw, 546px)"
 		l,
 		p
 	]);
-	let w = e("overflow-hidden bg-basalt-background transition-[width] duration-300 ease-in-out", v ? e("absolute top-0 right-0 h-full", n) : "sticky top-0 h-screen shrink-0", r, h), T = { width: l ? f : 0 }, E = /* @__PURE__ */ s("div", {
+	let C = e("overflow-hidden bg-basalt-background transition-[width] duration-300 ease-in-out", v ? e("absolute top-0 right-0 h-full", n) : "sticky top-0 h-screen shrink-0", r, h), w = { width: l ? f : 0 }, T = /* @__PURE__ */ s("div", {
 		className: "flex h-full flex-col bg-basalt-card shadow-lg ring-1 ring-basalt-border/40",
 		style: { width: f },
 		children: g
 	});
 	return v ? /* @__PURE__ */ c("div", {
-		ref: b,
 		className: e("absolute inset-0", n, !l && "pointer-events-none"),
 		children: [p ? /* @__PURE__ */ s("button", {
 			type: "button",
@@ -70,25 +69,25 @@ function f({ open: l, mode: d = "push", width: f = "clamp(300px, 32.5vw, 546px)"
 			"data-state": l ? "open" : "closed",
 			className: e(i("absolute"), !l && "opacity-0")
 		}), /* @__PURE__ */ s("div", {
-			ref: x,
+			ref: b,
 			role: "region",
 			"aria-label": _,
-			className: e(t, w),
-			style: T,
+			className: e(t, C),
+			style: w,
 			"aria-hidden": !l,
 			inert: !l || void 0,
 			tabIndex: l ? -1 : void 0,
-			children: E
+			children: T
 		})]
 	}) : /* @__PURE__ */ s("aside", {
-		ref: x,
-		className: e(t, w),
-		style: T,
+		ref: b,
+		className: e(t, C),
+		style: w,
 		"aria-label": _,
 		"aria-hidden": !l,
 		inert: !l || void 0,
 		tabIndex: l ? -1 : void 0,
-		children: E
+		children: T
 	});
 }
 //#endregion

package/dist/components/dock.js.map

@@ -1 +1 @@
-{"version":3,"file":"dock.js","names":[],"sources":["../../src/components/dock.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useRef } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { BASALT_UI_CLASS } from \"../utils/control-surface\";\nimport { dialogOverlayClass } from \"./dialog\";\nimport { OVERLAY_LAYER, OVERLAY_MOTION } from \"./overlay\";\n\nconst FOCUSABLE =\n\t'button:not([disabled]), [href], input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nfunction tabbables(root: HTMLElement | null) {\n\tif (!root) {\n\t\treturn [];\n\t}\n\treturn [...root.querySelectorAll<HTMLElement>(FOCUSABLE)].filter((node) => {\n\t\tif (node.closest(\"[inert], [hidden]\")) {\n\t\t\treturn false;\n\t\t}\n\t\tif (node.tabIndex < 0) {\n\t\t\treturn false;\n\t\t}\n\t\tif (window.getComputedStyle(node).visibility === \"hidden\") {\n\t\t\treturn false;\n\t\t}\n\t\tfor (let current: HTMLElement | null = node; current; current = current.parentElement) {\n\t\t\tif (window.getComputedStyle(current).display === \"none\") {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t\treturn true;\n\t});\n}\n\nexport type DockMode = \"overlay\" | \"push\";\n\nexport interface DockProps {\n\t/**\n\t * Whether the dock occupies its width.\n\t */\n\topen: boolean;\n\t/**\n\t * `push` shrinks the main column. `overlay` covers the local region with a non-modal scrim.\n\t * @default \"push\"\n\t */\n\tmode?: DockMode;\n\t/**\n\t * Width when open.\n\t * @default \"clamp(300px, 32.5vw, 546px)\"\n\t */\n\twidth?: string;\n\t/**\n\t * Overlay scrim click. Ignored in push mode.\n\t */\n\tonDismiss?: () => void;\n\t/**\n\t * Overlay scrim accessible name.\n\t * @default \"Dismiss\"\n\t */\n\tdismissLabel?: string;\n\t/**\n\t * Accessible name.\n\t */\n\t\"aria-label\": string;\n\tclassName?: string;\n\tchildren: ReactNode;\n}\n\nexport interface DockBodyProps {\n\tclassName?: string;\n\tchildren: ReactNode;\n}\n\nexport function DockBody({ className, children }: DockBodyProps) {\n\treturn (\n\t\t<div className={cn(\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-3 py-3\", className)}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nexport function Dock({\n\topen,\n\tmode = \"push\",\n\twidth = \"clamp(300px, 32.5vw, 546px)\",\n\tonDismiss,\n\tdismissLabel = \"Dismiss\",\n\tclassName,\n\tchildren,\n\t\"aria-label\": ariaLabel,\n}: DockProps) {\n\tconst overlay = mode === \"overlay\";\n\tconst panelRef = useRef<HTMLElement | null>(null);\n\tconst overlayRootRef = useRef<HTMLDivElement>(null);\n\tconst setPanel = (node: HTMLElement | null) => {\n\t\tpanelRef.current = node;\n\t};\n\tconst wasOpen = useRef(!overlay && open);\n\tconst previousFocus = useRef<HTMLElement | null>(null);\n\n\tuseEffect(() => {\n\t\tif (open) {\n\t\t\tif (wasOpen.current) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tpreviousFocus.current =\n\t\t\t\tdocument.activeElement instanceof HTMLElement ? document.activeElement : null;\n\t\t\tconst timer = window.setTimeout(() => {\n\t\t\t\tconst root = panelRef.current;\n\t\t\t\tconst nodes = tabbables(root);\n\t\t\t\t(nodes[0] ?? root)?.focus();\n\t\t\t\twasOpen.current = true;\n\t\t\t}, 0);\n\t\t\treturn () => window.clearTimeout(timer);\n\t\t}\n\t\tif (wasOpen.current) {\n\t\t\tpreviousFocus.current?.focus?.();\n\t\t\tpreviousFocus.current = null;\n\t\t\twasOpen.current = false;\n\t\t}\n\t}, [open]);\n\n\tuseEffect(() => {\n\t\tif (!overlay || !open) {\n\t\t\treturn;\n\t\t}\n\t\tconst onKeyDown = (event: KeyboardEvent) => {\n\t\t\tif (event.key === \"Escape\") {\n\t\t\t\tif (event.defaultPrevented || !onDismiss) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonDismiss();\n\t\t\t}\n\t\t};\n\t\twindow.addEventListener(\"keydown\", onKeyDown);\n\t\treturn () => window.removeEventListener(\"keydown\", onKeyDown);\n\t}, [overlay, open, onDismiss]);\n\tconst panelClass = cn(\n\t\t\"overflow-hidden bg-basalt-background transition-[width] duration-300 ease-in-out\",\n\t\toverlay ? cn(\"absolute top-0 right-0 h-full\", OVERLAY_LAYER) : \"sticky top-0 h-screen shrink-0\",\n\t\tOVERLAY_MOTION,\n\t\tclassName,\n\t);\n\tconst panelStyle = { width: open ? width : 0 };\n\tconst inner = (\n\t\t<div\n\t\t\tclassName=\"flex h-full flex-col bg-basalt-card shadow-lg ring-1 ring-basalt-border/40\"\n\t\t\tstyle={{ width }}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n\n\tif (!overlay) {\n\t\treturn (\n\t\t\t<aside\n\t\t\t\tref={setPanel}\n\t\t\t\tclassName={cn(BASALT_UI_CLASS, panelClass)}\n\t\t\t\tstyle={panelStyle}\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\taria-hidden={!open}\n\t\t\t\tinert={!open || undefined}\n\t\t\t\ttabIndex={open ? -1 : undefined}\n\t\t\t>\n\t\t\t\t{inner}\n\t\t\t</aside>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={overlayRootRef}\n\t\t\tclassName={cn(\"absolute inset-0\", OVERLAY_LAYER, !open && \"pointer-events-none\")}\n\t\t>\n\t\t\t{onDismiss ? (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttabIndex={open ? 0 : -1}\n\t\t\t\t\taria-label={dismissLabel}\n\t\t\t\t\taria-hidden={!open}\n\t\t\t\t\tdata-state={open ? \"open\" : \"closed\"}\n\t\t\t\t\tclassName={cn(dialogOverlayClass(\"absolute\"), !open && \"opacity-0\")}\n\t\t\t\t\tonClick={open ? onDismiss : undefined}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<div\n\t\t\t\t\taria-hidden\n\t\t\t\t\tdata-state={open ? \"open\" : \"closed\"}\n\t\t\t\t\tclassName={cn(dialogOverlayClass(\"absolute\"), !open && \"opacity-0\")}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tref={setPanel}\n\t\t\t\trole=\"region\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn(BASALT_UI_CLASS, panelClass)}\n\t\t\t\tstyle={panelStyle}\n\t\t\t\taria-hidden={!open}\n\t\t\t\tinert={!open || undefined}\n\t\t\t\ttabIndex={open ? -1 : undefined}\n\t\t\t>\n\t\t\t\t{inner}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"file":"dock.js","names":[],"sources":["../../src/components/dock.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useRef } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { BASALT_UI_CLASS } from \"../utils/control-surface\";\nimport { dialogOverlayClass } from \"./dialog\";\nimport { OVERLAY_LAYER, OVERLAY_MOTION } from \"./overlay\";\n\nconst FOCUSABLE =\n\t'button:not([disabled]), [href], input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nfunction tabbables(root: HTMLElement | null) {\n\tif (!root) {\n\t\treturn [];\n\t}\n\treturn [...root.querySelectorAll<HTMLElement>(FOCUSABLE)].filter((node) => {\n\t\tif (node.closest(\"[inert], [hidden]\")) {\n\t\t\treturn false;\n\t\t}\n\t\tif (node.tabIndex < 0) {\n\t\t\treturn false;\n\t\t}\n\t\tif (window.getComputedStyle(node).visibility === \"hidden\") {\n\t\t\treturn false;\n\t\t}\n\t\tfor (let current: HTMLElement | null = node; current; current = current.parentElement) {\n\t\t\tif (window.getComputedStyle(current).display === \"none\") {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t\treturn true;\n\t});\n}\n\nexport type DockMode = \"overlay\" | \"push\";\n\nexport interface DockProps {\n\t/**\n\t * Whether the dock occupies its width.\n\t */\n\topen: boolean;\n\t/**\n\t * `push` shrinks the main column. `overlay` covers the local region with a non-modal scrim.\n\t * @default \"push\"\n\t */\n\tmode?: DockMode;\n\t/**\n\t * Width when open.\n\t * @default \"clamp(300px, 32.5vw, 546px)\"\n\t */\n\twidth?: string;\n\t/**\n\t * Overlay scrim click. Ignored in push mode.\n\t */\n\tonDismiss?: () => void;\n\t/**\n\t * Overlay scrim accessible name.\n\t * @default \"Dismiss\"\n\t */\n\tdismissLabel?: string;\n\t/**\n\t * Accessible name.\n\t */\n\t\"aria-label\": string;\n\tclassName?: string;\n\tchildren: ReactNode;\n}\n\nexport interface DockBodyProps {\n\tclassName?: string;\n\tchildren: ReactNode;\n}\n\nexport function DockBody({ className, children }: DockBodyProps) {\n\treturn (\n\t\t<div className={cn(\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-3 py-3\", className)}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nexport function Dock({\n\topen,\n\tmode = \"push\",\n\twidth = \"clamp(300px, 32.5vw, 546px)\",\n\tonDismiss,\n\tdismissLabel = \"Dismiss\",\n\tclassName,\n\tchildren,\n\t\"aria-label\": ariaLabel,\n}: DockProps) {\n\tconst overlay = mode === \"overlay\";\n\tconst panelRef = useRef<HTMLElement | null>(null);\n\tconst setPanel = (node: HTMLElement | null) => {\n\t\tpanelRef.current = node;\n\t};\n\tconst wasOpen = useRef(!overlay && open);\n\tconst previousFocus = useRef<HTMLElement | null>(null);\n\n\tuseEffect(() => {\n\t\tif (open) {\n\t\t\tif (wasOpen.current) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tpreviousFocus.current =\n\t\t\t\tdocument.activeElement instanceof HTMLElement ? document.activeElement : null;\n\t\t\tconst timer = window.setTimeout(() => {\n\t\t\t\tconst root = panelRef.current;\n\t\t\t\tconst nodes = tabbables(root);\n\t\t\t\t(nodes[0] ?? root)?.focus();\n\t\t\t\twasOpen.current = true;\n\t\t\t}, 0);\n\t\t\treturn () => window.clearTimeout(timer);\n\t\t}\n\t\tif (wasOpen.current) {\n\t\t\tpreviousFocus.current?.focus?.();\n\t\t\tpreviousFocus.current = null;\n\t\t\twasOpen.current = false;\n\t\t}\n\t}, [open]);\n\n\tuseEffect(() => {\n\t\tif (!overlay || !open) {\n\t\t\treturn;\n\t\t}\n\t\tconst onKeyDown = (event: KeyboardEvent) => {\n\t\t\tif (event.key === \"Escape\") {\n\t\t\t\tif (event.defaultPrevented || !onDismiss) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonDismiss();\n\t\t\t}\n\t\t};\n\t\twindow.addEventListener(\"keydown\", onKeyDown);\n\t\treturn () => window.removeEventListener(\"keydown\", onKeyDown);\n\t}, [overlay, open, onDismiss]);\n\tconst panelClass = cn(\n\t\t\"overflow-hidden bg-basalt-background transition-[width] duration-300 ease-in-out\",\n\t\toverlay ? cn(\"absolute top-0 right-0 h-full\", OVERLAY_LAYER) : \"sticky top-0 h-screen shrink-0\",\n\t\tOVERLAY_MOTION,\n\t\tclassName,\n\t);\n\tconst panelStyle = { width: open ? width : 0 };\n\tconst inner = (\n\t\t<div\n\t\t\tclassName=\"flex h-full flex-col bg-basalt-card shadow-lg ring-1 ring-basalt-border/40\"\n\t\t\tstyle={{ width }}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n\n\tif (!overlay) {\n\t\treturn (\n\t\t\t<aside\n\t\t\t\tref={setPanel}\n\t\t\t\tclassName={cn(BASALT_UI_CLASS, panelClass)}\n\t\t\t\tstyle={panelStyle}\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\taria-hidden={!open}\n\t\t\t\tinert={!open || undefined}\n\t\t\t\ttabIndex={open ? -1 : undefined}\n\t\t\t>\n\t\t\t\t{inner}\n\t\t\t</aside>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={cn(\"absolute inset-0\", OVERLAY_LAYER, !open && \"pointer-events-none\")}>\n\t\t\t{onDismiss ? (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttabIndex={open ? 0 : -1}\n\t\t\t\t\taria-label={dismissLabel}\n\t\t\t\t\taria-hidden={!open}\n\t\t\t\t\tdata-state={open ? \"open\" : \"closed\"}\n\t\t\t\t\tclassName={cn(dialogOverlayClass(\"absolute\"), !open && \"opacity-0\")}\n\t\t\t\t\tonClick={open ? onDismiss : undefined}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<div\n\t\t\t\t\taria-hidden\n\t\t\t\t\tdata-state={open ? \"open\" : \"closed\"}\n\t\t\t\t\tclassName={cn(dialogOverlayClass(\"absolute\"), !open && \"opacity-0\")}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tref={setPanel}\n\t\t\t\trole=\"region\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn(BASALT_UI_CLASS, panelClass)}\n\t\t\t\tstyle={panelStyle}\n\t\t\t\taria-hidden={!open}\n\t\t\t\tinert={!open || undefined}\n\t\t\t\ttabIndex={open ? -1 : undefined}\n\t\t\t>\n\t\t\t\t{inner}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/components/field.js

@@ -11,43 +11,40 @@ function o(e) {
 function s(e) {
 	if (e != null) return o(e) ? e.message : e;
 }
-function c(e) {
-	return !!e;
-}
-var l = r.forwardRef(({ label: o, htmlFor: l, hint: u, error: d, required: f, labelTooltip: p, className: m, children: h, ...g }, _) => {
-	let v = r.useId(), y = r.isValidElement(h) ? h : null, b = y ? l ?? y.props.id ?? v : l, x = b ? `${b}-hint` : void 0, S = b ? `${b}-error` : void 0, C = s(d), w = c(C), T = [[w ? S : null, !w && u ? x : null].filter(Boolean).join(" "), y?.props["aria-describedby"]].filter(Boolean).join(" ");
+var c = r.forwardRef(({ label: o, htmlFor: c, hint: l, error: u, required: d, labelTooltip: f, className: p, children: m, ...h }, g) => {
+	let _ = r.useId(), v = r.isValidElement(m) ? m : null, y = v ? c ?? v.props.id ?? _ : c, b = y ? `${y}-hint` : void 0, x = y ? `${y}-error` : void 0, S = s(u), C = !!S, w = [[C ? x : null, !C && l ? b : null].filter(Boolean).join(" "), v?.props["aria-describedby"]].filter(Boolean).join(" ");
 	return /* @__PURE__ */ a("div", {
-		ref: _,
-		...g,
-		className: e(t, "flex flex-col gap-1.5", m),
+		ref: g,
+		...h,
+		className: e(t, "flex flex-col gap-1.5", p),
 		children: [
 			/* @__PURE__ */ i(n, {
-				htmlFor: b,
-				showOptional: f === !1,
-				tooltip: p,
+				htmlFor: y,
+				showOptional: d === !1,
+				tooltip: f,
 				children: o
 			}),
-			y ? r.cloneElement(y, {
+			v ? r.cloneElement(v, {
+				id: y,
+				"aria-invalid": C ? !0 : v.props["aria-invalid"],
+				"aria-describedby": w || void 0
+			}) : m,
+			l && !C ? /* @__PURE__ */ i("p", {
 				id: b,
-				"aria-invalid": w ? !0 : y.props["aria-invalid"],
-				"aria-describedby": T || void 0
-			}) : h,
-			u && !w ? /* @__PURE__ */ i("p", {
-				id: x,
 				className: "text-xs text-basalt-muted-foreground",
-				children: u
+				children: l
 			}) : null,
-			w ? /* @__PURE__ */ i("p", {
-				id: S,
+			C ? /* @__PURE__ */ i("p", {
+				id: x,
 				className: "text-xs text-basalt-destructive",
 				role: "alert",
-				children: C
+				children: S
 			}) : null
 		]
 	});
 });
-l.displayName = "Field";
+c.displayName = "Field";
 //#endregion
-export { l as Field };
+export { c as Field };
 
 //# sourceMappingURL=field.js.map

package/dist/components/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":[],"sources":["../../src/components/field.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { BASALT_UI_CLASS } from \"../utils/control-surface\";\nimport { Label } from \"./label\";\n\nexport type FieldError = Exclude<React.ReactNode, undefined> | { message: React.ReactNode };\n\ntype FieldControlProps = {\n\tid?: string;\n\t\"aria-describedby\"?: string;\n\t\"aria-invalid\"?: boolean | \"true\" | \"false\";\n};\n\nexport interface FieldProps\n\textends Omit<React.ComponentPropsWithoutRef<\"div\">, \"children\" | \"className\"> {\n\t/**\n\t * Visible label.\n\t */\n\tlabel: React.ReactNode;\n\t/**\n\t * Associates the label and described-by ids.\n\t */\n\thtmlFor?: string;\n\t/**\n\t * Supporting text when there is no error.\n\t */\n\thint?: React.ReactNode;\n\t/**\n\t * Replaces the hint and marks the control invalid.\n\t */\n\terror?: FieldError;\n\t/**\n\t * When false, show (optional) after the label.\n\t */\n\trequired?: boolean;\n\t/**\n\t * Info icon with hover text on the label.\n\t */\n\tlabelTooltip?: React.ReactNode;\n\t/**\n\t * Additional classes for the field root.\n\t */\n\tclassName?: string;\n\t/**\n\t * The control or content to render.\n\t */\n\tchildren: React.ReactNode;\n}\n\nfunction isStructuredError(error: FieldError): error is { message: React.ReactNode } {\n\treturn (\n\t\ttypeof error === \"object\" &&\n\t\terror !== null &&\n\t\t!Array.isArray(error) &&\n\t\t!React.isValidElement(error) &&\n\t\t\"message\" in error\n\t);\n}\n\nfunction fieldErrorMessage(error: FieldError | undefined): React.ReactNode | undefined {\n\tif (error == null) {\n\t\treturn undefined;\n\t}\n\treturn isStructuredError(error) ? error.message : error;\n}\n\nfunction hasFieldError(message: React.ReactNode | undefined): boolean {\n\treturn Boolean(message);\n}\n\nexport const Field = React.forwardRef<HTMLDivElement, FieldProps>(\n\t({ label, htmlFor, hint, error, required, labelTooltip, className, children, ...props }, ref) => {\n\t\tconst generatedId = React.useId();\n\t\tconst child = React.isValidElement(children)\n\t\t\t? (children as React.ReactElement<FieldControlProps>)\n\t\t\t: null;\n\t\tconst controlId = child ? (htmlFor ?? child.props.id ?? generatedId) : htmlFor;\n\t\tconst hintId = controlId ? `${controlId}-hint` : undefined;\n\t\tconst errorId = controlId ? `${controlId}-error` : undefined;\n\t\tconst errorMessage = fieldErrorMessage(error);\n\t\tconst hasError = hasFieldError(errorMessage);\n\t\tconst describedBy = [hasError ? errorId : null, !hasError && hint ? hintId : null]\n\t\t\t.filter(Boolean)\n\t\t\t.join(\" \");\n\t\tconst mergedDescribedBy = [describedBy, child?.props[\"aria-describedby\"]]\n\t\t\t.filter(Boolean)\n\t\t\t.join(\" \");\n\t\treturn (\n\t\t\t<div ref={ref} {...props} className={cn(BASALT_UI_CLASS, \"flex flex-col gap-1.5\", className)}>\n\t\t\t\t<Label htmlFor={controlId} showOptional={required === false} tooltip={labelTooltip}>\n\t\t\t\t\t{label}\n\t\t\t\t</Label>\n\t\t\t\t{child\n\t\t\t\t\t? React.cloneElement(child, {\n\t\t\t\t\t\t\tid: controlId,\n\t\t\t\t\t\t\t\"aria-invalid\": hasError ? true : child.props[\"aria-invalid\"],\n\t\t\t\t\t\t\t\"aria-describedby\": mergedDescribedBy || undefined,\n\t\t\t\t\t\t})\n\t\t\t\t\t: children}\n\t\t\t\t{hint && !hasError ? (\n\t\t\t\t\t<p id={hintId} className=\"text-xs text-basalt-muted-foreground\">\n\t\t\t\t\t\t{hint}\n\t\t\t\t\t</p>\n\t\t\t\t) : null}\n\t\t\t\t{hasError ? (\n\t\t\t\t\t<p id={errorId} className=\"text-xs text-basalt-destructive\" role=\"alert\">\n\t\t\t\t\t\t{errorMessage}\n\t\t\t\t\t</p>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t);\n\t},\n);\nField.displayName = \"Field\";\n"],"mappings":";;;;;;;AAiDA,SAAS,EAAkB,GAA0D;CACpF,OACC,OAAO,KAAU,cACjB,KACA,CAAC,MAAM,QAAQ,CAAK,KACpB,CAAC,EAAM,eAAe,CAAK,KAC3B,aAAa;AAEf;AAEA,SAAS,EAAkB,GAA4D;CAClF,SAAS,MAGb,OAAO,EAAkB,CAAK,IAAI,EAAM,UAAU;AACnD;AAEA,SAAS,EAAc,GAA+C;CACrE,OAAO,EAAQ;AAChB;AAEA,IAAa,IAAQ,EAAM,YACzB,EAAE,UAAO,YAAS,SAAM,UAAO,aAAU,iBAAc,cAAW,aAAU,GAAG,KAAS,MAAQ;CAChG,IAAM,IAAc,EAAM,MAAM,GAC1B,IAAQ,EAAM,eAAe,CAAQ,IACvC,IACD,MACG,IAAY,IAAS,KAAW,EAAM,MAAM,MAAM,IAAe,GACjE,IAAS,IAAY,GAAG,EAAU,SAAS,KAAA,GAC3C,IAAU,IAAY,GAAG,EAAU,UAAU,KAAA,GAC7C,IAAe,EAAkB,CAAK,GACtC,IAAW,EAAc,CAAY,GAIrC,IAAoB,CAHN,CAAC,IAAW,IAAU,MAAM,CAAC,KAAY,IAAO,IAAS,IAAI,CAAC,CAChF,OAAO,OAAO,CAAC,CACf,KAAK,GACoB,GAAa,GAAO,MAAM,mBAAmB,CAAC,CACvE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CACV,OACC,kBAAC,OAAD;EAAU;EAAK,GAAI;EAAO,WAAW,EAAG,GAAiB,yBAAyB,CAAS;EAA3F,UAAA;GACC,kBAAC,GAAD;IAAO,SAAS;IAAW,cAAc,MAAa;IAAO,SAAS;IACpE,UAAA;GACK,CAAA;GACN,IACE,EAAM,aAAa,GAAO;IAC1B,IAAI;IACJ,gBAAgB,IAAW,KAAO,EAAM,MAAM;IAC9C,oBAAoB,KAAqB,KAAA;GAC1C,CAAC,IACA;GACF,KAAQ,CAAC,IACT,kBAAC,KAAD;IAAG,IAAI;IAAQ,WAAU;IACvB,UAAA;GACC,CAAA,IACA;GACH,IACA,kBAAC,KAAD;IAAG,IAAI;IAAS,WAAU;IAAkC,MAAK;IAC/D,UAAA;GACC,CAAA,IACA;EACA;;AAEP,CACD;AACA,EAAM,cAAc"}
+{"version":3,"file":"field.js","names":[],"sources":["../../src/components/field.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { BASALT_UI_CLASS } from \"../utils/control-surface\";\nimport { Label } from \"./label\";\n\nexport type FieldError = Exclude<React.ReactNode, undefined> | { message: React.ReactNode };\n\ntype FieldControlProps = {\n\tid?: string;\n\t\"aria-describedby\"?: string;\n\t\"aria-invalid\"?: boolean | \"true\" | \"false\";\n};\n\nexport interface FieldProps\n\textends Omit<React.ComponentPropsWithoutRef<\"div\">, \"children\" | \"className\"> {\n\t/**\n\t * Visible label.\n\t */\n\tlabel: React.ReactNode;\n\t/**\n\t * Associates the label and described-by ids.\n\t */\n\thtmlFor?: string;\n\t/**\n\t * Supporting text when there is no error.\n\t */\n\thint?: React.ReactNode;\n\t/**\n\t * Replaces the hint and marks the control invalid.\n\t */\n\terror?: FieldError;\n\t/**\n\t * When false, show (optional) after the label.\n\t */\n\trequired?: boolean;\n\t/**\n\t * Info icon with hover text on the label.\n\t */\n\tlabelTooltip?: React.ReactNode;\n\t/**\n\t * Additional classes for the field root.\n\t */\n\tclassName?: string;\n\t/**\n\t * The control or content to render.\n\t */\n\tchildren: React.ReactNode;\n}\n\nfunction isStructuredError(error: FieldError): error is { message: React.ReactNode } {\n\treturn (\n\t\ttypeof error === \"object\" &&\n\t\terror !== null &&\n\t\t!Array.isArray(error) &&\n\t\t!React.isValidElement(error) &&\n\t\t\"message\" in error\n\t);\n}\n\nfunction fieldErrorMessage(error: FieldError | undefined): React.ReactNode | undefined {\n\tif (error == null) {\n\t\treturn undefined;\n\t}\n\treturn isStructuredError(error) ? error.message : error;\n}\n\nexport const Field = React.forwardRef<HTMLDivElement, FieldProps>(\n\t({ label, htmlFor, hint, error, required, labelTooltip, className, children, ...props }, ref) => {\n\t\tconst generatedId = React.useId();\n\t\tconst child = React.isValidElement(children)\n\t\t\t? (children as React.ReactElement<FieldControlProps>)\n\t\t\t: null;\n\t\tconst controlId = child ? (htmlFor ?? child.props.id ?? generatedId) : htmlFor;\n\t\tconst hintId = controlId ? `${controlId}-hint` : undefined;\n\t\tconst errorId = controlId ? `${controlId}-error` : undefined;\n\t\tconst errorMessage = fieldErrorMessage(error);\n\t\tconst hasError = Boolean(errorMessage);\n\t\tconst describedBy = [hasError ? errorId : null, !hasError && hint ? hintId : null]\n\t\t\t.filter(Boolean)\n\t\t\t.join(\" \");\n\t\tconst mergedDescribedBy = [describedBy, child?.props[\"aria-describedby\"]]\n\t\t\t.filter(Boolean)\n\t\t\t.join(\" \");\n\t\treturn (\n\t\t\t<div ref={ref} {...props} className={cn(BASALT_UI_CLASS, \"flex flex-col gap-1.5\", className)}>\n\t\t\t\t<Label htmlFor={controlId} showOptional={required === false} tooltip={labelTooltip}>\n\t\t\t\t\t{label}\n\t\t\t\t</Label>\n\t\t\t\t{child\n\t\t\t\t\t? React.cloneElement(child, {\n\t\t\t\t\t\t\tid: controlId,\n\t\t\t\t\t\t\t\"aria-invalid\": hasError ? true : child.props[\"aria-invalid\"],\n\t\t\t\t\t\t\t\"aria-describedby\": mergedDescribedBy || undefined,\n\t\t\t\t\t\t})\n\t\t\t\t\t: children}\n\t\t\t\t{hint && !hasError ? (\n\t\t\t\t\t<p id={hintId} className=\"text-xs text-basalt-muted-foreground\">\n\t\t\t\t\t\t{hint}\n\t\t\t\t\t</p>\n\t\t\t\t) : null}\n\t\t\t\t{hasError ? (\n\t\t\t\t\t<p id={errorId} className=\"text-xs text-basalt-destructive\" role=\"alert\">\n\t\t\t\t\t\t{errorMessage}\n\t\t\t\t\t</p>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t);\n\t},\n);\nField.displayName = \"Field\";\n"],"mappings":";;;;;;;AAiDA,SAAS,EAAkB,GAA0D;CACpF,OACC,OAAO,KAAU,cACjB,KACA,CAAC,MAAM,QAAQ,CAAK,KACpB,CAAC,EAAM,eAAe,CAAK,KAC3B,aAAa;AAEf;AAEA,SAAS,EAAkB,GAA4D;CAClF,SAAS,MAGb,OAAO,EAAkB,CAAK,IAAI,EAAM,UAAU;AACnD;AAEA,IAAa,IAAQ,EAAM,YACzB,EAAE,UAAO,YAAS,SAAM,UAAO,aAAU,iBAAc,cAAW,aAAU,GAAG,KAAS,MAAQ;CAChG,IAAM,IAAc,EAAM,MAAM,GAC1B,IAAQ,EAAM,eAAe,CAAQ,IACvC,IACD,MACG,IAAY,IAAS,KAAW,EAAM,MAAM,MAAM,IAAe,GACjE,IAAS,IAAY,GAAG,EAAU,SAAS,KAAA,GAC3C,IAAU,IAAY,GAAG,EAAU,UAAU,KAAA,GAC7C,IAAe,EAAkB,CAAK,GACtC,IAAW,EAAQ,GAInB,IAAoB,CAHN,CAAC,IAAW,IAAU,MAAM,CAAC,KAAY,IAAO,IAAS,IAAI,CAAC,CAChF,OAAO,OAAO,CAAC,CACf,KAAK,GACoB,GAAa,GAAO,MAAM,mBAAmB,CAAC,CACvE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CACV,OACC,kBAAC,OAAD;EAAU;EAAK,GAAI;EAAO,WAAW,EAAG,GAAiB,yBAAyB,CAAS;EAA3F,UAAA;GACC,kBAAC,GAAD;IAAO,SAAS;IAAW,cAAc,MAAa;IAAO,SAAS;IACpE,UAAA;GACK,CAAA;GACN,IACE,EAAM,aAAa,GAAO;IAC1B,IAAI;IACJ,gBAAgB,IAAW,KAAO,EAAM,MAAM;IAC9C,oBAAoB,KAAqB,KAAA;GAC1C,CAAC,IACA;GACF,KAAQ,CAAC,IACT,kBAAC,KAAD;IAAG,IAAI;IAAQ,WAAU;IACvB,UAAA;GACC,CAAA,IACA;GACH,IACA,kBAAC,KAAD;IAAG,IAAI;IAAS,WAAU;IAAkC,MAAK;IAC/D,UAAA;GACC,CAAA,IACA;EACA;;AAEP,CACD;AACA,EAAM,cAAc"}

package/dist/components/layer-card.d.ts

@@ -67,7 +67,7 @@ declare function LayerCardPrimary(props: LayerCardWellProps): import("react").JS
 declare function LayerCardSecondary(props: LayerCardSectionProps): import("react").JSX.Element;
 declare function LayerCardFooter({ className, ...props }: LayerCardSectionProps): import("react").JSX.Element;
 declare function LayerCardLoading({ label, className, ...props }: LayerCardLoadingProps): import("react").JSX.Element;
-declare function LayerCardEmpty({ title, description, icon, action, children, className, ...props }: LayerCardEmptyProps): import("react").JSX.Element;
+declare function LayerCardEmpty({ title, className, ...props }: LayerCardEmptyProps): import("react").JSX.Element;
 export declare const LayerCard: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "className"> & {
     /**
      * Additional classes for the card root.