61:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 62:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 63:T1074,/** @skrewww-component calendar-day */ "use client"; import { forwardRef, type ButtonHTMLAttributes } from "react"; import { cn } from "@/lib/cn"; import { CALENDAR_DEFAULT_LOCALE, formatAccessibleDateLabel, getDayNumber, type CalendarDateString, } from "@/components/ui/internal/calendar-date"; import styles from "@/components/ui/calendar-day.module.css"; export type CalendarDayProps = Omit< ButtonHTMLAttributes, "children" | "onClick" | "type" > & { date: CalendarDateString; selected?: boolean; today?: boolean; outsideMonth?: boolean; accessibleLabel?: string; locale?: string; /** Committed range start (range mode only). Can be true together with `rangeEnd` for a single-day range. */ rangeStart?: boolean; /** Committed range end (range mode only). Can be true together with `rangeStart` for a single-day range. */ rangeEnd?: boolean; /** Strictly between a committed range's start and end, exclusive (range mode only). */ rangeMiddle?: boolean; /** The provisional far end of an uncommitted hover/keyboard range preview (range mode only). */ rangePreviewEnd?: boolean; /** Strictly between the committed start and the provisional preview end, exclusive (range mode only). */ rangePreviewMiddle?: boolean; onDateSelect?: (date: CalendarDateString) => void; onFocusDate?: (date: CalendarDateString) => void; /** Range mode only: reports mouse hover start/end (`undefined` on leave) for the live range preview. */ onHoverDate?: (date: CalendarDateString | undefined) => void; }; function resolveRangeAccessibleLabel( baseLabel: string, { rangeStart, rangeEnd, rangeMiddle, rangePreviewEnd, rangePreviewMiddle }: { rangeStart: boolean; rangeEnd: boolean; rangeMiddle: boolean; rangePreviewEnd: boolean; rangePreviewMiddle: boolean; }, ): string { if (rangeStart && rangeEnd) return `Start and end of range, ${baseLabel}`; if (rangeStart) return `Start of range, ${baseLabel}`; if (rangeEnd) return `End of range, ${baseLabel}`; if (rangeMiddle) return `${baseLabel}, in range`; if (rangePreviewEnd) return `${baseLabel}, provisional end of range. Press Enter to confirm.`; if (rangePreviewMiddle) return `${baseLabel}, previewing range`; return baseLabel; } export const CalendarDay = forwardRef(function CalendarDay( { date, selected = false, today = false, outsideMonth = false, disabled = false, accessibleLabel, locale = CALENDAR_DEFAULT_LOCALE, rangeStart = false, rangeEnd = false, rangeMiddle = false, rangePreviewEnd = false, rangePreviewMiddle = false, onDateSelect, onFocusDate, onHoverDate, className, tabIndex = -1, ...props }, ref, ) { const baseLabel = formatAccessibleDateLabel(date, locale); const label = accessibleLabel ?? resolveRangeAccessibleLabel(baseLabel, { rangeStart, rangeEnd, rangeMiddle, rangePreviewEnd, rangePreviewMiddle, }); const dayNumber = getDayNumber(date); return ( ); }); 64:T14b6,.day { position: relative; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: var(--calendar-day-size); min-width: var(--calendar-day-min-touch); height: var(--calendar-day-size); min-height: var(--calendar-day-min-touch); border: 0; border-radius: var(--calendar-day-radius); background: transparent; color: var(--calendar-day-text); font: inherit; font-size: 0.875rem; line-height: 1; cursor: pointer; } .day:hover:not(:disabled) { background: var(--calendar-day-hover-surface); } .day:focus-visible { outline: 2px solid var(--semantic-focus-ring); outline-offset: -2px; } .selected { background-color: var(--calendar-day-selected-surface); background-image: var(--component-surface-gradient-overlay); color: var(--calendar-day-selected-text); } .today:not(.selected) { box-shadow: inset 0 0 0 1.5px var(--calendar-day-today-indicator); } .outside { color: var(--calendar-day-muted-text); } .outside:not(.rangeStart, .rangeEnd, .rangeMiddle, .rangePreviewEnd, .rangePreviewMiddle) { color: var(--calendar-day-disabled-text); } .disabled, .day:disabled { color: var(--calendar-day-disabled-text); cursor: not-allowed; } .disabled:not(.rangeStart, .rangeEnd, .rangeMiddle, .rangePreviewEnd, .rangePreviewMiddle), .day:disabled:not(.rangeStart, .rangeEnd, .rangeMiddle, .rangePreviewEnd, .rangePreviewMiddle) { opacity: var(--opacity-disabled); } .dayNumber { pointer-events: none; } /* Committed range: middle days get a flat connecting fill; start/end flatten the inner corner so the band reads as continuous. A single-day range has both .rangeStart and .rangeEnd, which cancel each other's flattening back to a full pill — see the combined selector below. */ .rangeStart, .rangeEnd, .rangeMiddle, .rangePreviewEnd, .rangePreviewMiddle { width: var(--calendar-day-code-only-size); min-width: var(--calendar-day-code-only-min-touch); height: var(--calendar-day-code-only-size); min-height: var(--calendar-day-code-only-min-touch); border: 1px solid transparent; border-radius: var(--calendar-day-code-only-radius); } .rangeMiddle { background: var(--calendar-day-range-middle-surface); border-radius: 0; } .rangeStart { background-color: var(--calendar-day-selected-surface); background-image: var(--component-surface-gradient-overlay); color: var(--calendar-day-selected-text); border-color: var(--calendar-day-selected-surface); } .rangeEnd { background-color: var(--calendar-day-selected-surface); background-image: var(--component-surface-gradient-overlay); color: var(--calendar-day-selected-text); border-color: var(--calendar-day-selected-surface); } .rangeStart.rangeEnd { border-radius: var(--calendar-day-code-only-radius); } /* Provisional (uncommitted) hover/keyboard preview — a lighter, dashed treatment so it reads as distinct from a committed range. */ .rangePreviewMiddle { background: var(--calendar-day-range-preview-surface); border-radius: 0; } .rangePreviewEnd { background: var(--calendar-day-range-preview-surface); border: 1px dashed var(--calendar-day-range-preview-border); } /* Hover must keep foreground/background paired — generic .day:hover must not override selected/range surfaces with the neutral hover fill. */ .selected:hover:not(:disabled), .rangeStart:hover:not(:disabled), .rangeEnd:hover:not(:disabled) { background: var(--calendar-day-selected-hover-surface); background-image: var(--component-surface-gradient-overlay); color: var(--calendar-day-selected-text); border-color: var(--calendar-day-selected-hover-surface); } .rangeStart.rangeEnd:hover:not(:disabled) { border-radius: var(--calendar-day-code-only-radius); } .rangeMiddle:hover:not(:disabled) { background: var(--calendar-day-range-middle-hover-surface); color: var(--calendar-day-text); } .rangePreviewMiddle:hover:not(:disabled), .rangePreviewEnd:hover:not(:disabled) { background: var(--calendar-day-range-preview-hover-surface); color: var(--calendar-day-text); } [data-skrewww-surface="glass"] .day:hover:not(:disabled) { background: color-mix(in srgb, var(--calendar-day-hover-surface) 90%, white); } /* component/button/primary/background family + component/surface/blur — resting Selected only (2026-08-11, node 2058:2143). Higher specificity than .selected:hover below, so the code-only hover-on-selected treatment remains untouched. [KNOWN GAP] .rangeStart/.rangeEnd share the exact same non-Glass tokens as .selected but aren't included here — no verified Glass value exists for the range-endpoint case specifically, so they're left on the prior solid-brand-unconditional behavior rather than guessed. */ [data-skrewww-surface="glass"] .selected { background: var(--component-brand-fill-glass); backdrop-filter: var(--glass-backdrop-filter-lg); } @supports not (backdrop-filter: blur(1px)) { [data-skrewww-surface="glass"] .selected { background: var(--semantic-action-primary); } } [data-skrewww-surface="glass"] .selected:hover:not(:disabled), [data-skrewww-surface="glass"] .rangeStart:hover:not(:disabled), [data-skrewww-surface="glass"] .rangeEnd:hover:not(:disabled) { background: var(--calendar-day-selected-hover-surface); } 65:T2b97,/** Date-only value in ISO YYYY-MM-DD form — never includes time or time zone. */ export type CalendarDateString = string; export type CalendarDateParts = { year: number; month: number; day: number; }; export type CalendarMonthParts = { year: number; month: number; }; /** Range mode's value shape. Either end may be unset while a selection is in progress. */ export type CalendarDateRange = { start: CalendarDateString | undefined; end: CalendarDateString | undefined; }; const ISO_DATE_RE = /^(\d{4})-(\d{2})-(\d{2})$/; /** Default display/accessibility locale for the first Calendar batch. */ export const CALENDAR_DEFAULT_LOCALE = "en-GB"; /** Initial week-start policy: Monday (ISO). */ export const CALENDAR_DEFAULT_WEEK_STARTS_ON = 1 as const; export type CalendarFormatterOverrides = { formatMonth?: (month: CalendarMonthParts) => string; formatWeekday?: (dayIndex: number) => string; formatDate?: (date: CalendarDateString) => string; parseDate?: (text: string) => CalendarDateString | null; }; const warnedInvalidLocales = new Set(); /** Resolve a requested locale, falling back to en-GB when Intl rejects it. */ export function resolveCalendarLocale(locale?: string): string { const requested = locale ?? CALENDAR_DEFAULT_LOCALE; if (requested === CALENDAR_DEFAULT_LOCALE) return CALENDAR_DEFAULT_LOCALE; try { if (typeof Intl.DateTimeFormat.supportedLocalesOf === "function") { const supported = Intl.DateTimeFormat.supportedLocalesOf([requested]); if (supported.length === 0) throw new RangeError(`Unsupported locale: ${requested}`); return supported[0] ?? CALENDAR_DEFAULT_LOCALE; } new Intl.DateTimeFormat(requested).format(new Date()); return requested; } catch { if (process.env.NODE_ENV !== "production" && !warnedInvalidLocales.has(requested)) { warnedInvalidLocales.add(requested); console.warn( `[calendar] Invalid locale "${requested}", falling back to "${CALENDAR_DEFAULT_LOCALE}".`, ); } return CALENDAR_DEFAULT_LOCALE; } } /** Dev-only guard when only one of formatDate / parseDate is supplied. */ export function warnIfFormatterPairIncomplete(overrides: CalendarFormatterOverrides): void { if (process.env.NODE_ENV === "production") return; const hasFormat = Boolean(overrides.formatDate); const hasParse = Boolean(overrides.parseDate); if (hasFormat !== hasParse) { console.warn( "[calendar] formatDate and parseDate must both be provided when overriding date text formatting.", ); } } function createDateTimeFormat( locale: string, options: Intl.DateTimeFormatOptions, ): Intl.DateTimeFormat { const resolved = resolveCalendarLocale(locale); return new Intl.DateTimeFormat(resolved, options); } export function isValidCalendarDateParts(parts: CalendarDateParts): boolean { if (!Number.isInteger(parts.year) || parts.year < 1) return false; if (parts.month < 1 || parts.month > 12) return false; if (parts.day < 1) return false; return parts.day <= daysInMonth(parts.year, parts.month); } export function daysInMonth(year: number, month: number): number { return new Date(year, month, 0).getDate(); } export function parseCalendarDate(value: string): CalendarDateParts | null { const match = ISO_DATE_RE.exec(value); if (!match) return null; const parts = { year: Number(match[1]), month: Number(match[2]), day: Number(match[3]), }; return isValidCalendarDateParts(parts) ? parts : null; } export function formatCalendarDate(parts: CalendarDateParts): CalendarDateString { return `${String(parts.year).padStart(4, "0")}-${String(parts.month).padStart(2, "0")}-${String(parts.day).padStart(2, "0")}`; } export function compareCalendarDates(a: CalendarDateString, b: CalendarDateString): number { return a.localeCompare(b); } export function calendarDateFromParts(parts: CalendarDateParts): CalendarDateString { return formatCalendarDate(parts); } export function getCalendarDateParts(date: CalendarDateString): CalendarDateParts { const parsed = parseCalendarDate(date); if (!parsed) { throw new Error(`Invalid calendar date: ${date}`); } return parsed; } /** Local calendar arithmetic — avoids UTC conversion when adding days. */ export function addDays(date: CalendarDateString, delta: number): CalendarDateString { const parts = getCalendarDateParts(date); const local = new Date(parts.year, parts.month - 1, parts.day); local.setDate(local.getDate() + delta); return formatCalendarDate({ year: local.getFullYear(), month: local.getMonth() + 1, day: local.getDate(), }); } export function addMonths(month: CalendarMonthParts, delta: number): CalendarMonthParts { const index = month.year * 12 + (month.month - 1) + delta; return { year: Math.floor(index / 12), month: (index % 12) + 1, }; } export function getTodayCalendarDate(now = new Date()): CalendarDateString { return formatCalendarDate({ year: now.getFullYear(), month: now.getMonth() + 1, day: now.getDate(), }); } export function getMonthFromDate(date: CalendarDateString): CalendarMonthParts { const parts = getCalendarDateParts(date); return { year: parts.year, month: parts.month }; } export function formatMonthLabel( month: CalendarMonthParts, locale: string = CALENDAR_DEFAULT_LOCALE, ): string { return createDateTimeFormat(locale, { month: "long", year: "numeric" }).format( new Date(month.year, month.month - 1, 1), ); } /** Month name only (no year) — used to label cells in the month drill-up grid. */ export function formatMonthNameLabel( month: number, locale: string = CALENDAR_DEFAULT_LOCALE, ): string { return createDateTimeFormat(locale, { month: "long" }).format(new Date(2021, month - 1, 1)); } export function formatDisplayDate( date: CalendarDateString, locale: string = CALENDAR_DEFAULT_LOCALE, ): string { const parts = getCalendarDateParts(date); return createDateTimeFormat(locale, { day: "numeric", month: "short", year: "numeric", }).format(new Date(parts.year, parts.month - 1, parts.day)); } /** Short month abbreviations keyed lowercase — built from the same Intl locale as formatDisplayDate. */ function buildDisplayMonthAbbrevMap(locale: string): Map { const resolved = resolveCalendarLocale(locale); const map = new Map(); function registerAbbrev(raw: string, month: number) { const lower = raw.toLowerCase(); map.set(lower, month); map.set(lower.replace(/\.$/, ""), month); } for (let month = 1; month <= 12; month += 1) { registerAbbrev( new Intl.DateTimeFormat(resolved, { month: "short" }).format(new Date(2021, month - 1, 1)), month, ); // Month token inside a full date string can differ from standalone month: "short" // (e.g. de-DE uses "Juli" in dates but "Jul" standalone). const inContext = createDateTimeFormat(resolved, { day: "numeric", month: "short", year: "numeric", }).format(new Date(2021, month - 1, 15)); const yearMatch = /(\d{4})\s*$/.exec(inContext); if (yearMatch) { const prefix = inContext.slice(0, yearMatch.index).trim(); const dayMatch = /^(\d{1,2})/.exec(prefix); if (dayMatch) { const rest = prefix.slice(dayMatch[0].length); const contextMonth = rest.match(/[A-Za-zÀ-ÿ][A-Za-zÀ-ÿ.]*/)?.[0]; if (contextMonth) registerAbbrev(contextMonth, month); } } } return map; } const displayMonthAbbrevCache = new Map>(); function getDisplayMonthAbbrevMap(locale: string): Map { const resolved = resolveCalendarLocale(locale); const cached = displayMonthAbbrevCache.get(resolved); if (cached) return cached; const built = buildDisplayMonthAbbrevMap(resolved); displayMonthAbbrevCache.set(resolved, built); return built; } function normalizeMonthToken(token: string): string { return token.toLowerCase().replace(/\.$/, "").trim(); } function lookupDisplayMonth(monthMap: Map, token: string): number | undefined { return monthMap.get(token.toLowerCase()) ?? monthMap.get(normalizeMonthToken(token)); } /** * Parse a display-formatted date string back to ISO YYYY-MM-DD. * Accepts the D MMM YYYY pattern produced by formatDisplayDate for the given locale. * Does not accept numeric-only regional formats (DD/MM, MM/DD, etc.). */ export function parseDisplayDate( text: string, locale: string = CALENDAR_DEFAULT_LOCALE, ): CalendarDateString | null { const trimmed = text.trim(); if (!trimmed) return null; const resolvedLocale = resolveCalendarLocale(locale); const yearMatch = /(\d{4})\s*$/.exec(trimmed); if (!yearMatch) return null; const year = Number(yearMatch[1]); const prefix = trimmed.slice(0, yearMatch.index).trim(); const dayMatch = /^(\d{1,2})/.exec(prefix); if (!dayMatch) return null; const day = Number(dayMatch[1]); const rest = prefix.slice(dayMatch[0].length); const monthMatch = rest.match(/[A-Za-zÀ-ÿ][A-Za-zÀ-ÿ.]*/); const monthRaw = monthMatch?.[0]?.trim(); if (!monthRaw) return null; const month = lookupDisplayMonth(getDisplayMonthAbbrevMap(resolvedLocale), monthRaw); if (!month) return null; const parts = { year, month, day }; return isValidCalendarDateParts(parts) ? formatCalendarDate(parts) : null; } export function formatAccessibleDateLabel( date: CalendarDateString, locale: string = CALENDAR_DEFAULT_LOCALE, ): string { const parts = getCalendarDateParts(date); return createDateTimeFormat(locale, { day: "numeric", month: "long", year: "numeric", }).format(new Date(parts.year, parts.month - 1, parts.day)); } export function formatWeekdayLabel( weekdayIndex: number, locale: string = CALENDAR_DEFAULT_LOCALE, weekStartsOn: 0 | 1 = CALENDAR_DEFAULT_WEEK_STARTS_ON, ): string { // Jan 3 2021 is a Sunday — anchor for weekday 0..6. const weekday = (weekStartsOn + weekdayIndex) % 7; const date = new Date(2021, 0, 3 + weekday); return createDateTimeFormat(locale, { weekday: "short" }).format(date); } export function getDayNumber(date: CalendarDateString): number { return getCalendarDateParts(date).day; } export function isSameCalendarMonth( date: CalendarDateString, month: CalendarMonthParts, ): boolean { const parts = getCalendarDateParts(date); return parts.year === month.year && parts.month === month.month; } export function clampDateToMonth( date: CalendarDateString, month: CalendarMonthParts, ): CalendarDateString { const parts = getCalendarDateParts(date); const day = Math.min(parts.day, daysInMonth(month.year, month.month)); return formatCalendarDate({ year: month.year, month: month.month, day }); } /** Whether `date` falls within [min, max], inclusive. Either bound is optional. */ export function isDateWithinRange( date: CalendarDateString, min?: CalendarDateString, max?: CalendarDateString, ): boolean { if (min && compareCalendarDates(date, min) < 0) return false; if (max && compareCalendarDates(date, max) > 0) return false; return true; } 60:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L61",null,{"namespace":"@skrewww","registryDependencies":["@skrewww/foundation"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"components/ui/CalendarDay.tsx","content":"$63","type":"registry:ui","target":"~/components/ui/CalendarDay.tsx"},{"path":"components/ui/calendar-day.module.css","content":"$64","type":"registry:ui","target":"~/components/ui/calendar-day.module.css"},{"path":"lib/cn.ts","content":"export function cn(...classes: Array): string {\n return classes.filter(Boolean).join(\" \");\n}\n","type":"registry:lib","target":"~/lib/cn.ts"},{"path":"components/ui/internal/calendar-date.ts","content":"$65","type":"registry:lib","target":"~/components/ui/internal/calendar-date.ts"}],"className":"h-[70svh] min-h-80"}]]}]