themelia-react-ui 2.0.1 → 2.0.3

package/dist/features/appointment-calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appointment-calendar.js","names":["_Fragment","useFormattingConfig","useDatesConfig","cn","Button","Text","Heading","focusRecipes","Stack","toneRecipes","dotRecipes","AlertDescription","AlertAction","Card","AlertTitle","ErrorState","ActionMenu","Skeleton","interactionRecipes","formatInitials","AvatarFallback","Avatar","AvatarImage","Badge","Select","VisuallyHidden","ScrollArea","ItemDescription","ItemActions","ItemContent","Item","ItemTitle","TabsTrigger","TabsList","Tabs","EmptyState","Fragment$1","defaultAppointmentCalendarStrings","count","staffName","time","start","end","date","title","CHART_SERIES","appointmentCategoryColorClasses","categoryColor","index","categories","category","id","startOfDay","addDays","days","isSameDay","a","b","addMonths","target","months","lastDay","startOfWeek","day","weekStartsOn","weekDays","first","monthGrid","week","occursOn","dayStart","dayEnd","appointment","appointmentsOn","appointments","filterAppointments","staffId","findConflicts","byStaff","list","conflicts","sorted","group","groupEnd","flush","conflictingIds","conflict","staffFrom","seen","formatTime","locale","hour12","options","personName","person","STATUS_TONE","AppointmentRow","useId","client","staff","context","hasActions","labelledBy","openRef","useRef","actionsHadFocus","useLayoutEffect","open","event","AppointmentAgenda","groups","total","sum","dayFormat","grouped","contextFor","actions","appointmentActions","action","strings","onAppointmentClick","items","renderAppointment","body","loading","error","isValidElement","heading","MAX_DOTS","AppointmentMonth","focused","setFocused","useState","selected","gridRef","focusOnRender","today","useMemo","visibleMonth","useEffect","onVisibleMonthChange","weeks","monthFormat","weekdayFormat","monthOptions","month","yearOptions","years","min","max","moveTo","select","onSelect","changeMonth","next","ChevronLeft","value","ChevronRight","move","dayAppointments","dayCategories","isSelected","isFocused","outside","useControllable","local","setLocal","fallback","onChange","AppointmentCalendar","staffProp","dateProp","viewProp","categoryProp","staffIdProp","weekStartsOnProp","stringsProp","useStrings","dates","setDate","defaultDate","onDateChange","view","setView","defaultView","onViewChange","setCategory","defaultCategory","onCategoryChange","setStaffId","defaultStaffId","onStaffChange","dismissed","setDismissed","setVisibleMonth","visible","range","edges","reportedRange","key","onRangeChange","inRange","conflictIds","visibleConflicts","booked","conflictKey","showAlert","headingFormat","rangeFormat","dismissConflicts","onConflictsDismiss","shown","className","option","onCreateAppointment","Plus","Alert","TriangleAlert"],"sources":["../../src/components/features/appointment-calendar/appointment-calendar.types.ts","../../src/components/features/appointment-calendar/appointment-calendar.utils.ts","../../src/components/features/appointment-calendar/partials/appointment-agenda.tsx","../../src/components/features/appointment-calendar/partials/appointment-month.tsx","../../src/components/features/appointment-calendar/appointment-calendar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { ActionMenuAction } from '../../base/action-menu';\nimport type { BadgeTone } from '../../base/badge';\nimport type { StringsProp } from '../../../lib/strings';\n\n/** Where an appointment stands. Conflicts are derived, never a status. */\nexport type AppointmentStatus = 'confirmed' | 'pending' | 'completed' | 'cancelled' | 'noShow';\n\n/** The day agenda or the seven-day week agenda beside the month. */\nexport type AppointmentCalendarView = 'day' | 'week';\n\n/**\n * Categorical colour for a service category. Categories are kinds, not\n * statuses, so they draw from the chart series palette and never from the\n * success, warning or destructive tones that status chips own.\n */\nexport type AppointmentCategoryColor = 'chart-1' | 'chart-2' | 'chart-3' | 'chart-4' | 'chart-5';\n\n/** A service category: its label, filter chip and marker colour. */\nexport interface AppointmentCategory {\n\t/** Stable identity, referenced by `Appointment.category`. */\n\tid: string;\n\t/** Chip and legend label. */\n\tlabel: string;\n\t/** Marker colour. Defaults to the chart series by the category's position. */\n\tcolor?: AppointmentCategoryColor;\n}\n\n/** A person on an appointment: the staff member who delivers it, or the client. */\nexport interface AppointmentPerson {\n\t/** Stable identity. Staff overlap is detected by this id. */\n\tid: string;\n\t/** Display name. */\n\tname: string;\n\t/** Portrait. Initials stand in without one, or when it fails to load. */\n\tavatarUrl?: string;\n}\n\n/** One booked slot. The calendar formats it; it never fetches or saves. */\nexport interface Appointment {\n\t/** Stable identity. */\n\tid: string;\n\t/** The service: \"Cut and blow-dry\". */\n\ttitle: string;\n\t/** Start of the slot. */\n\tstart: Date;\n\t/** End of the slot; later than `start`. */\n\tend: Date;\n\t/** Category id, matching an `AppointmentCategory`. */\n\tcategory: string;\n\t/** Booking state. Cancelled appointments are listed but never conflict. */\n\tstatus: AppointmentStatus;\n\t/** Who the appointment is for, shown after the time. */\n\tclient?: AppointmentPerson | string;\n\t/** Who delivers it. Two overlapping appointments for one staff member conflict. */\n\tstaff?: AppointmentPerson;\n}\n\n/** The days on screen: the month grid and the agenda. `end` is exclusive (midnight after the last day). */\nexport interface AppointmentDateRange {\n\tstart: Date;\n\tend: Date;\n}\n\n/** Overlapping appointments for one staff member. */\nexport interface AppointmentConflict<T extends Appointment = Appointment> {\n\t/** The double-booked staff member. */\n\tstaff: AppointmentPerson;\n\t/** The appointments that overlap, earliest first. */\n\tappointments: T[];\n\t/** When the overlap begins. */\n\tstart: Date;\n}\n\nexport interface AppointmentCalendarStrings {\n\t/** Booked count beside the title: \"8 booked\". */\n\tformatBooked: (count: number) => string;\n\t/** Conflict count beside the title: \"2 conflicts\". */\n\tformatConflicts: (count: number) => string;\n\t/** Accessible name of the Day/Week switch. */\n\tviewLabel: string;\n\tday: string;\n\tweek: string;\n\t/** Accessible name of the staff filter. */\n\tstaffLabel: string;\n\t/** The staff filter's \"everyone\" option. */\n\tallStaff: string;\n\t/** Primary command. */\n\tnewAppointment: string;\n\t/** Conflict alert title. */\n\tconflictTitle: string;\n\t/** One overlapping-booking sentence per double-booked staff member. */\n\tformatConflict: (staffName: string, count: number, time: string) => string;\n\t/** Hides the conflict alert. */\n\tdismiss: string;\n\tpreviousMonth: string;\n\tnextMonth: string;\n\t/** Accessible name of the month select. */\n\tmonthLabel: string;\n\t/** Accessible name of the year select. */\n\tyearLabel: string;\n\t/** Accessible name of the category filter. */\n\tcategoriesLabel: string;\n\t/** The category filter's \"every category\" chip. */\n\tallCategories: string;\n\t/** Count beside the agenda heading: \"8 appointments\". */\n\tformatCount: (count: number) => string;\n\t/** A slot: \"9 AM to 10 AM\". Receives already formatted times. */\n\tformatTimeRange: (start: string, end: string) => string;\n\t/** Accessible day label in the month: \"Tuesday, June 9, 3 appointments\". */\n\tformatDayLabel: (date: string, count: number) => string;\n\t/** Agenda heading for the week view: \"June 8 to 14\". */\n\tformatWeekRange: (start: string, end: string) => string;\n\t/** Status chip words. */\n\tstatus: Record<AppointmentStatus, string>;\n\t/** Chip shown instead of the status when an appointment overlaps another. */\n\tconflict: string;\n\t/** Agenda copy when nothing matches the day or week. */\n\tempty: string;\n\t/** Loading copy for assistive technology. */\n\tloading: string;\n\t/** Default error state title. */\n\terrorTitle: string;\n\t/** Default error state description, when `error` carries no message. */\n\terrorDescription: string;\n\t/** Retry command in the default error state. */\n\tretry: string;\n\t/** Accessible name of an appointment's actions menu: \"Actions for Balayage\". */\n\tformatActionsLabel: (title: string) => string;\n}\n\nexport const defaultAppointmentCalendarStrings: AppointmentCalendarStrings = {\n\tformatBooked: (count) => `${count} booked`,\n\tformatConflicts: (count) => (count === 1 ? '1 conflict' : `${count} conflicts`),\n\tviewLabel: 'View',\n\tday: 'Day',\n\tweek: 'Week',\n\tstaffLabel: 'Staff',\n\tallStaff: 'All staff',\n\tnewAppointment: 'New appointment',\n\tconflictTitle: 'Double-booked',\n\tformatConflict: (staffName, count, time) => `${staffName} has ${count} overlapping bookings at ${time}.`,\n\tdismiss: 'Dismiss',\n\tpreviousMonth: 'Previous month',\n\tnextMonth: 'Next month',\n\tmonthLabel: 'Month',\n\tyearLabel: 'Year',\n\tcategoriesLabel: 'Categories',\n\tallCategories: 'All',\n\tformatCount: (count) => (count === 1 ? '1 appointment' : `${count} appointments`),\n\tformatTimeRange: (start, end) => `${start} to ${end}`,\n\tformatDayLabel: (date, count) => (count === 0 ? date : `${date}, ${count === 1 ? '1 appointment' : `${count} appointments`}`),\n\tformatWeekRange: (start, end) => `${start} to ${end}`,\n\tstatus: { confirmed: 'Confirmed', pending: 'Pending', completed: 'Completed', cancelled: 'Cancelled', noShow: 'No-show' },\n\tconflict: 'Conflict',\n\tempty: 'No appointments',\n\tloading: 'Loading appointments',\n\terrorTitle: 'Appointments unavailable',\n\terrorDescription: 'The appointments could not be loaded.',\n\tretry: 'Retry',\n\tformatActionsLabel: (title) => `Actions for ${title}`,\n};\n\n/** What the calendar has worked out for one appointment, handed to `renderAppointment`. */\nexport interface AppointmentRenderContext {\n\t/** The appointment's category, when one matches. */\n\tcategory?: AppointmentCategory;\n\t/** The category's marker class (`bg-chart-N`), for a stripe or dot of your own. */\n\tcategoryColorClass: string;\n\t/** Whether it overlaps another booking for the same staff member. */\n\tconflict: boolean;\n\t/** The status chip's word, or the conflict word when it overlaps. */\n\tstatusLabel: string;\n\t/** The status chip's tone: destructive for a conflict, otherwise the status tone. */\n\tstatusTone: BadgeTone;\n\t/** The formatted slot: \"09:00 to 10:00\". */\n\ttime: string;\n\t/** Opens it through `onAppointmentClick`. Undefined when rows are not interactive. */\n\topen?: () => void;\n\t/** The visible commands `appointmentActions` returned for it. */\n\tactions: readonly ActionMenuAction[];\n\t/** The built-in actions menu for those commands, or null when there are none. */\n\tactionsMenu: ReactNode;\n\t/** The built-in row, to wrap or extend instead of replacing. */\n\tdefaultRender: () => ReactNode;\n}\n\n/**\n * Props for `AppointmentCalendar`. `T` is the app's own appointment type: extra\n * fields such as a price or notes come back, typed, in every callback.\n */\nexport interface AppointmentCalendarProps<T extends Appointment = Appointment> {\n\t/** Appointments to place. The calendar filters and formats; it never fetches. */\n\tappointments: T[];\n\t/** Service categories: filter chips, markers and day dots. */\n\tcategories: AppointmentCategory[];\n\t/** Staff offered by the staff filter. Defaults to the staff found on appointments. */\n\tstaff?: AppointmentPerson[];\n\t/** Heading above the calendar: the location or calendar name. */\n\ttitle?: ReactNode;\n\t/** Selected day. Controlled with `onDateChange`. */\n\tdate?: Date;\n\t/** Selected day for uncontrolled use. Defaults to today. */\n\tdefaultDate?: Date;\n\t/** Fired when a day is chosen or the month moves. */\n\tonDateChange?: (date: Date) => void;\n\t/** Day or week agenda. Controlled with `onViewChange`. */\n\tview?: AppointmentCalendarView;\n\t/** View for uncontrolled use. Defaults to `day`. */\n\tdefaultView?: AppointmentCalendarView;\n\t/** Fired when the Day/Week switch changes. */\n\tonViewChange?: (view: AppointmentCalendarView) => void;\n\t/** Category filter: a category id, or `all`. Controlled with `onCategoryChange`. */\n\tcategory?: string;\n\t/** Category filter for uncontrolled use. Defaults to `all`. */\n\tdefaultCategory?: string;\n\t/** Fired when a category chip is chosen. */\n\tonCategoryChange?: (category: string) => void;\n\t/** Staff filter: a staff id, or `all`. Controlled with `onStaffChange`. */\n\tstaffId?: string;\n\t/** Staff filter for uncontrolled use. Defaults to `all`. */\n\tdefaultStaffId?: string;\n\t/** Fired when the staff filter changes. */\n\tonStaffChange?: (staffId: string) => void;\n\t/** Fired when an appointment is activated. Without it, rows are not interactive. */\n\tonAppointmentClick?: (appointment: T) => void;\n\t/**\n\t * Commands for one appointment, such as confirm, reschedule or cancel,\n\t * offered in a menu at the end of its row. Return an empty list for none.\n\t */\n\tappointmentActions?: (appointment: T) => readonly ActionMenuAction[];\n\t/**\n\t * Renders one appointment in the agenda instead of the built-in row. The\n\t * context carries its category colour, conflict, time, `open`, its actions\n\t * and a ready actions menu, and `defaultRender` for the built-in row.\n\t */\n\trenderAppointment?: (appointment: T, context: AppointmentRenderContext) => ReactNode;\n\t/**\n\t * Fired with the days on screen, the month grid and the agenda together, once\n\t * on mount and whenever they change. Load appointments for this range.\n\t */\n\tonRangeChange?: (range: AppointmentDateRange) => void;\n\t/** Shows the primary \"New appointment\" command; receives the selected day. */\n\tonCreateAppointment?: (date: Date) => void;\n\t/** Fired when the conflict alert is dismissed, with the conflicts it showed. */\n\tonConflictsDismiss?: (conflicts: AppointmentConflict<T>[]) => void;\n\t/** Shows the loading state in the agenda. */\n\tloading?: boolean;\n\t/**\n\t * Shows the error state in the agenda. A string or Error becomes its\n\t * description; any other element replaces the default state.\n\t */\n\terror?: ReactNode | Error;\n\t/** Adds Retry to the default error state. */\n\tonRetry?: () => void;\n\t/** First column of the month and first day of the week. Defaults to the provider, then Sunday. */\n\tweekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\t/** Overrides this calendar's own copy. */\n\tstrings?: StringsProp<AppointmentCalendarStrings>;\n\t/** Merged onto the root. */\n\tclassName?: string;\n}\n","/**\n * Pure helpers for the appointment calendar: day arithmetic, filtering,\n * conflict detection and time formatting. No React, so they are testable and\n * reusable by an application that pre-computes its own view.\n */\nimport type {\n\tAppointment,\n\tAppointmentCategory,\n\tAppointmentCategoryColor,\n\tAppointmentConflict,\n\tAppointmentPerson,\n} from './appointment-calendar.types';\n\nconst CHART_SERIES: AppointmentCategoryColor[] = ['chart-1', 'chart-2', 'chart-3', 'chart-4', 'chart-5'];\n\n/** Marker colour classes per chart series. Literal so Tailwind generates them. */\nexport const appointmentCategoryColorClasses: Record<AppointmentCategoryColor, string> = {\n\t'chart-1': 'bg-chart-1',\n\t'chart-2': 'bg-chart-2',\n\t'chart-3': 'bg-chart-3',\n\t'chart-4': 'bg-chart-4',\n\t'chart-5': 'bg-chart-5',\n};\n\n/** A category's colour: its own, or the chart series at its position. */\nexport function categoryColor(categories: AppointmentCategory[], id: string): AppointmentCategoryColor {\n\tconst index = categories.findIndex((category) => category.id === id);\n\tif (index < 0) return 'chart-1';\n\treturn categories[index]?.color ?? CHART_SERIES[index % CHART_SERIES.length] ?? 'chart-1';\n}\n\nexport function startOfDay(date: Date): Date {\n\treturn new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\nexport function addDays(date: Date, days: number): Date {\n\treturn new Date(date.getFullYear(), date.getMonth(), date.getDate() + days);\n}\n\nexport function isSameDay(a: Date, b: Date): boolean {\n\treturn a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n}\n\n/** The same day of the month in another month, clamped to that month's length. */\nexport function addMonths(date: Date, months: number): Date {\n\tconst target = new Date(date.getFullYear(), date.getMonth() + months, 1);\n\tconst lastDay = new Date(target.getFullYear(), target.getMonth() + 1, 0).getDate();\n\treturn new Date(target.getFullYear(), target.getMonth(), Math.min(date.getDate(), lastDay));\n}\n\nexport function startOfWeek(date: Date, weekStartsOn: number): Date {\n\tconst day = startOfDay(date);\n\treturn addDays(day, -((day.getDay() - weekStartsOn + 7) % 7));\n}\n\n/** The seven days of the week that holds `date`. */\nexport function weekDays(date: Date, weekStartsOn: number): Date[] {\n\tconst first = startOfWeek(date, weekStartsOn);\n\treturn Array.from({ length: 7 }, (_, index) => addDays(first, index));\n}\n\n/** Six full weeks covering the month of `date`, so the grid never changes height. */\nexport function monthGrid(date: Date, weekStartsOn: number): Date[][] {\n\tconst first = startOfWeek(new Date(date.getFullYear(), date.getMonth(), 1), weekStartsOn);\n\treturn Array.from({ length: 6 }, (_, week) => Array.from({ length: 7 }, (_, day) => addDays(first, week * 7 + day)));\n}\n\n/** Whether an appointment touches a day (it may run past midnight). */\nexport function occursOn(appointment: Appointment, day: Date): boolean {\n\tconst dayStart = startOfDay(day).getTime();\n\tconst dayEnd = addDays(day, 1).getTime();\n\treturn appointment.start.getTime() < dayEnd && appointment.end.getTime() > dayStart;\n}\n\nexport function appointmentsOn<T extends Appointment>(appointments: T[], day: Date): T[] {\n\treturn appointments\n\t\t.filter((appointment) => occursOn(appointment, day))\n\t\t.sort((a, b) => a.start.getTime() - b.start.getTime() || a.end.getTime() - b.end.getTime());\n}\n\n/** Applies the category and staff filters; `all` keeps everything. */\nexport function filterAppointments<T extends Appointment>(appointments: T[], category: string, staffId: string): T[] {\n\treturn appointments.filter((appointment) =>\n\t\t(category === 'all' || appointment.category === category) &&\n\t\t(staffId === 'all' || appointment.staff?.id === staffId),\n\t);\n}\n\n/**\n * Overlapping appointments per staff member. Two appointments conflict when\n * the same staff member is booked for both and their times overlap; touching\n * ends (10:00 to 10:00) do not overlap, and cancelled appointments never conflict.\n */\nexport function findConflicts<T extends Appointment>(appointments: T[]): AppointmentConflict<T>[] {\n\tconst byStaff = new Map<string, T[]>();\n\tfor (const appointment of appointments) {\n\t\tif (!appointment.staff || appointment.status === 'cancelled') continue;\n\t\tconst list = byStaff.get(appointment.staff.id) ?? [];\n\t\tlist.push(appointment);\n\t\tbyStaff.set(appointment.staff.id, list);\n\t}\n\tconst conflicts: AppointmentConflict<T>[] = [];\n\tfor (const list of byStaff.values()) {\n\t\tconst sorted = [...list].sort((a, b) => a.start.getTime() - b.start.getTime());\n\t\tlet group: T[] = [];\n\t\tlet groupEnd = -Infinity;\n\t\tconst flush = () => {\n\t\t\tconst first = group[0];\n\t\t\tif (group.length > 1 && first?.staff) conflicts.push({ staff: first.staff, appointments: group, start: first.start });\n\t\t};\n\t\tfor (const appointment of sorted) {\n\t\t\tif (appointment.start.getTime() < groupEnd) {\n\t\t\t\tgroup.push(appointment);\n\t\t\t\tgroupEnd = Math.max(groupEnd, appointment.end.getTime());\n\t\t\t} else {\n\t\t\t\tflush();\n\t\t\t\tgroup = [appointment];\n\t\t\t\tgroupEnd = appointment.end.getTime();\n\t\t\t}\n\t\t}\n\t\tflush();\n\t}\n\treturn conflicts.sort((a, b) => a.start.getTime() - b.start.getTime());\n}\n\n/** Ids of every appointment that takes part in a conflict. */\nexport function conflictingIds(conflicts: AppointmentConflict[]): Set<string> {\n\treturn new Set(conflicts.flatMap((conflict) => conflict.appointments.map((appointment) => appointment.id)));\n}\n\n/** Distinct staff found on appointments, in first-seen order. */\nexport function staffFrom(appointments: Appointment[]): AppointmentPerson[] {\n\tconst seen = new Map<string, AppointmentPerson>();\n\tfor (const appointment of appointments) if (appointment.staff && !seen.has(appointment.staff.id)) seen.set(appointment.staff.id, appointment.staff);\n\treturn [...seen.values()];\n}\n\n/**\n * \"9 AM\", or \"9:30 AM\" when the minutes matter. A 24-hour clock always keeps\n * its minutes (\"09:00\"), since a bare \"09\" does not read as a time.\n */\nexport function formatTime(date: Date, locale?: string): string {\n\tconst { hour12 } = new Intl.DateTimeFormat(locale, { hour: 'numeric' }).resolvedOptions();\n\tif (!hour12) return new Intl.DateTimeFormat(locale, { hour: '2-digit', minute: '2-digit' }).format(date);\n\tconst options: Intl.DateTimeFormatOptions = date.getMinutes() === 0 ? { hour: 'numeric' } : { hour: 'numeric', minute: '2-digit' };\n\treturn new Intl.DateTimeFormat(locale, options).format(date);\n}\n\nexport function personName(person: AppointmentPerson | string | undefined): string | undefined {\n\treturn typeof person === 'string' ? person : person?.name;\n}\n","/**\n * AppointmentAgenda — the list beside the month: one day's appointments, or\n * the selected week grouped by day. Each row shows its category stripe, the\n * service with its status chip (or the conflict chip when it overlaps another\n * booking for the same staff member), the time range and client, and the\n * staff member's avatar. A row opens only when the app can open it: a\n * transparent button stretched over the row takes the click, and the actions\n * menu sits above it, since a button cannot hold another. Private to the\n * appointment calendar.\n */\nimport { isValidElement, useId, useLayoutEffect, useRef, type ReactNode } from 'react';\n\nimport { ActionMenu, type ActionMenuAction } from '../../../base/action-menu';\nimport { Avatar, AvatarFallback, AvatarImage } from '../../../base/avatar';\nimport { Badge, type BadgeTone } from '../../../base/badge';\nimport { Card } from '../../../base/cards';\nimport { ScrollArea, VisuallyHidden } from '../../../base/display';\nimport { ErrorState } from '../../../base/feedback';\nimport { Item, ItemActions, ItemContent, ItemDescription, ItemTitle } from '../../../base/item';\nimport { Skeleton } from '../../../base/skeleton';\nimport { Stack } from '../../../base/structure';\nimport { formatInitials } from '../../../primitives';\nimport { Heading, Text } from '../../../typography';\nimport { EmptyState } from '../../../blocks/data-display';\nimport { focusRecipes } from '../../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\nimport { toneRecipes } from '../../../../lib/tone-recipes';\nimport { cn } from '../../../../lib/utils';\n\nimport type {\n\tAppointment,\n\tAppointmentCalendarStrings,\n\tAppointmentCategory,\n\tAppointmentRenderContext,\n\tAppointmentStatus,\n} from '../appointment-calendar.types';\nimport {\n\tappointmentCategoryColorClasses,\n\tappointmentsOn,\n\tcategoryColor,\n\tformatTime,\n\tpersonName,\n} from '../appointment-calendar.utils';\n\n/** Status chip tones. Completed and cancelled are history, not a state to act on. */\nconst STATUS_TONE: Record<AppointmentStatus, BadgeTone> = {\n\tconfirmed: 'success',\n\tpending: 'warning',\n\tcompleted: 'neutral',\n\tcancelled: 'neutral',\n\tnoShow: 'destructive',\n};\n\nexport interface AppointmentAgendaProps {\n\t/** The days to list: one for the day view, seven for the week view. */\n\tdays: Date[];\n\t/** Appointments after the category and staff filters. */\n\tappointments: Appointment[];\n\tcategories: AppointmentCategory[];\n\t/** Ids of appointments that overlap another booking for the same staff member. */\n\tconflicts: Set<string>;\n\theading: string;\n\tloading: boolean;\n\terror?: ReactNode | Error;\n\tonRetry?: () => void;\n\tlocale?: string;\n\tonAppointmentClick?: (appointment: Appointment) => void;\n\tappointmentActions?: (appointment: Appointment) => readonly ActionMenuAction[];\n\trenderAppointment?: (appointment: Appointment, context: AppointmentRenderContext) => ReactNode;\n\tstrings: AppointmentCalendarStrings;\n}\n\ntype RowContext = Omit<AppointmentRenderContext, 'defaultRender'>;\n\n/** The built-in row, drawn from the same context a custom row receives. */\nfunction AppointmentRow({ appointment, context }: { appointment: Appointment; context: RowContext }) {\n\tconst id = useId();\n\tconst client = personName(appointment.client);\n\tconst staff = appointment.staff;\n\tconst { open, conflict } = context;\n\tconst hasActions = context.actions.length > 0;\n\t// The open button is named by the row's own visible copy and the staff name,\n\t// one part per id so the title and its chip read as separate words.\n\tconst labelledBy = [`${id}-title`, `${id}-status`, `${id}-detail`, staff && `${id}-staff`].filter(Boolean).join(' ');\n\tconst openRef = useRef<HTMLButtonElement>(null);\n\tconst actionsHadFocus = useRef(false);\n\n\t// A command can remove the row's last action, and the menu trigger with it.\n\t// Focus then returns to the row's open button instead of falling to the page.\n\tuseLayoutEffect(() => {\n\t\tif (hasActions || !actionsHadFocus.current) return;\n\t\tactionsHadFocus.current = false;\n\t\tif (!document.activeElement || document.activeElement === document.body) openRef.current?.focus();\n\t}, [hasActions]);\n\n\treturn (\n\t\t<Item\n\t\t\tvariant=\"outline\"\n\t\t\tsize=\"sm\"\n\t\t\tpadding=\"default\"\n\t\t\tdata-status={appointment.status}\n\t\t\tdata-conflict={conflict ? '' : undefined}\n\t\t\tclassName={cn(\n\t\t\t\t'appointment-agenda--row relative w-full flex-nowrap',\n\t\t\t\t!!open && interactionRecipes.rowHover,\n\t\t\t\tconflict && cn(toneRecipes.destructive.wash, toneRecipes.destructive.edge),\n\t\t\t)}\n\t\t>\n\t\t\t{!!open && (\n\t\t\t\t<button\n\t\t\t\t\tref={openRef}\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\taria-labelledby={labelledBy}\n\t\t\t\t\tonClick={open}\n\t\t\t\t\tclassName={cn('appointment-agenda--open absolute inset-0 z-0 cursor-pointer rounded-inner focus-visible:outline-none', interactionRecipes.nativeButtonReset, focusRecipes.inset)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{/* The category stripe: a categorical mark, so it draws from the chart palette. */}\n\t\t\t<span aria-hidden=\"true\" className={cn('appointment-agenda--stripe w-1 shrink-0 self-stretch rounded-full', context.categoryColorClass)} />\n\t\t\t<ItemContent className=\"min-w-0\">\n\t\t\t\t<ItemTitle className=\"flex-wrap\">\n\t\t\t\t\t<Text type=\"inherit\" id={`${id}-title`} tag=\"span\" weight=\"medium\" className=\"truncate\">{appointment.title}</Text>\n\t\t\t\t\t<Badge id={`${id}-status`} tone={context.statusTone} size=\"sm\">\n\t\t\t\t\t\t{context.statusLabel}\n\t\t\t\t\t</Badge>\n\t\t\t\t</ItemTitle>\n\t\t\t\t<ItemDescription id={`${id}-detail`} clamp={1}>\n\t\t\t\t\t{client ? `${context.time} · ${client}` : context.time}\n\t\t\t\t</ItemDescription>\n\t\t\t</ItemContent>\n\t\t\t{(!!staff || hasActions) && (\n\t\t\t\t<ItemActions\n\t\t\t\t\t// React focus events bubble from the portaled menu, so this tracks the trigger and its menu together.\n\t\t\t\t\tonFocus={() => { actionsHadFocus.current = true; }}\n\t\t\t\t\tonBlur={(event) => {\n\t\t\t\t\t\tif (event.relatedTarget instanceof Node && !event.currentTarget.contains(event.relatedTarget)) actionsHadFocus.current = false;\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{!!staff && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<VisuallyHidden><span id={`${id}-staff`}>{staff.name}</span></VisuallyHidden>\n\t\t\t\t\t\t\t<Avatar size=\"sm\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t{!!staff.avatarUrl && <AvatarImage src={staff.avatarUrl} alt=\"\" />}\n\t\t\t\t\t\t\t\t<AvatarFallback>{formatInitials(staff.name)}</AvatarFallback>\n\t\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{context.actionsMenu}\n\t\t\t\t</ItemActions>\n\t\t\t)}\n\t\t</Item>\n\t);\n}\n\nexport function AppointmentAgenda({ days, appointments, categories, conflicts, heading, loading, error, onRetry, locale, onAppointmentClick, appointmentActions, renderAppointment, strings }: AppointmentAgendaProps) {\n\tconst groups = days.map((day) => ({ day, items: appointmentsOn(appointments, day) }));\n\tconst total = groups.reduce((sum, group) => sum + group.items.length, 0);\n\tconst dayFormat = new Intl.DateTimeFormat(locale, { weekday: 'long', month: 'long', day: 'numeric' });\n\tconst grouped = days.length > 1;\n\n\t// One context per appointment: the built-in row draws from it, and a custom\n\t// row receives the same values, so both stay consistent.\n\tconst contextFor = (appointment: Appointment): AppointmentRenderContext => {\n\t\tconst conflict = conflicts.has(appointment.id);\n\t\tconst actions = (appointmentActions?.(appointment) ?? []).filter((action) => action.visible !== false);\n\t\tconst context: RowContext = {\n\t\t\tcategory: categories.find((category) => category.id === appointment.category),\n\t\t\tcategoryColorClass: appointmentCategoryColorClasses[categoryColor(categories, appointment.category)],\n\t\t\tconflict,\n\t\t\tstatusLabel: conflict ? strings.conflict : strings.status[appointment.status],\n\t\t\tstatusTone: conflict ? 'destructive' : STATUS_TONE[appointment.status],\n\t\t\ttime: strings.formatTimeRange(formatTime(appointment.start, locale), formatTime(appointment.end, locale)),\n\t\t\topen: onAppointmentClick ? () => onAppointmentClick(appointment) : undefined,\n\t\t\tactions,\n\t\t\t// Above a stretched open button, so the menu takes its own clicks.\n\t\t\tactionsMenu: actions.length > 0 ? (\n\t\t\t\t<ActionMenu\n\t\t\t\t\tactions={actions}\n\t\t\t\t\tsrText={strings.formatActionsLabel(appointment.title)}\n\t\t\t\t\tbuttonProps={{ size: 'sm', className: 'appointment-agenda--actions relative z-10' }}\n\t\t\t\t/>\n\t\t\t) : null,\n\t\t};\n\t\treturn { ...context, defaultRender: () => <AppointmentRow appointment={appointment} context={context} /> };\n\t};\n\n\tconst list = (items: Appointment[]) => (\n\t\t<Stack render={<ul />} gap=\"sm\" className=\"appointment-agenda--list m-0 list-none p-0\">\n\t\t\t{items.map((appointment) => {\n\t\t\t\tconst context = contextFor(appointment);\n\t\t\t\treturn (\n\t\t\t\t\t<li key={appointment.id} className=\"min-w-0\">\n\t\t\t\t\t\t{renderAppointment ? renderAppointment(appointment, context) : context.defaultRender()}\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Stack>\n\t);\n\n\tlet body;\n\tif (loading) {\n\t\tbody = (\n\t\t\t<Stack gap=\"sm\" aria-busy=\"true\" className=\"appointment-agenda--loading\">\n\t\t\t\t<VisuallyHidden>{strings.loading}</VisuallyHidden>\n\t\t\t\t{Array.from({ length: 4 }, (_, index) => <Skeleton key={index} className=\"h-control-lg w-full rounded-inner\" />)}\n\t\t\t</Stack>\n\t\t);\n\t} else if (error) {\n\t\t// An app's own element replaces the default; a message becomes its description.\n\t\tbody = isValidElement(error) ? error : (\n\t\t\t<ErrorState\n\t\t\t\tvariant=\"inline\"\n\t\t\t\ttitle={strings.errorTitle}\n\t\t\t\tdescription={error instanceof Error ? error.message : typeof error === 'string' || typeof error === 'number' ? String(error) : strings.errorDescription}\n\t\t\t\tonRetry={onRetry}\n\t\t\t\tretryLabel={strings.retry}\n\t\t\t\tclassName=\"appointment-agenda--error\"\n\t\t\t/>\n\t\t);\n\t} else if (total === 0) {\n\t\tbody = <EmptyState padding=\"sm\" title={strings.empty} description={false} ariaLabel={strings.empty} className=\"appointment-agenda--empty\" />;\n\t} else if (grouped) {\n\t\tbody = (\n\t\t\t<Stack gap=\"xl\">\n\t\t\t\t{groups.filter((group) => group.items.length > 0).map((group) => (\n\t\t\t\t\t<Stack key={group.day.toISOString()} render={<section />} gap=\"sm\" aria-label={dayFormat.format(group.day)} className=\"appointment-agenda--day\">\n\t\t\t\t\t\t<Heading className=\"text-inherit\" tag=\"h3\" size=\"sm\">{dayFormat.format(group.day)}</Heading>\n\t\t\t\t\t\t{list(group.items)}\n\t\t\t\t\t</Stack>\n\t\t\t\t))}\n\t\t\t</Stack>\n\t\t);\n\t} else {\n\t\tbody = list(groups[0]?.items ?? []);\n\t}\n\n\treturn (\n\t\t<Card\n\t\t\tsurface=\"card\"\n\t\t\ttitle={heading}\n\t\t\theaderEnd={<Text size=\"xs\" type=\"secondary\" className=\"tabular-nums\">{strings.formatCount(total)}</Text>}\n\t\t\tclassName=\"appointment-agenda--component h-full min-h-0\"\n\t\t\tcontentClassName=\"min-h-0 flex-1\"\n\t\t>\n\t\t\t<ScrollArea className=\"appointment-agenda--scroll h-full min-h-0\">\n\t\t\t\t{body}\n\t\t\t</ScrollArea>\n\t\t</Card>\n\t);\n}\n","/**\n * AppointmentMonth — the compact month beside the agenda: month and year\n * selects with previous/next, and a day grid whose dots show which categories\n * are booked that day. The grid is one tab stop: arrow keys move by a day or a\n * week, Home/End to the week's edges, PageUp/PageDown by a month, and Enter or\n * Space chooses the focused day. Private to the appointment calendar.\n */\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { useEffect, useMemo, useRef, useState, type KeyboardEvent } from 'react';\n\nimport { Button } from '../../../base/buttons';\nimport { Select } from '../../../base/choice-inputs';\nimport { Stack } from '../../../base/structure';\nimport { Text } from '../../../typography';\nimport { focusRecipes } from '../../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\nimport { dotRecipes } from '../../../../lib/tone-recipes';\nimport { cn } from '../../../../lib/utils';\n\nimport type { Appointment, AppointmentCalendarStrings, AppointmentCategory } from '../appointment-calendar.types';\nimport {\n\taddDays,\n\taddMonths,\n\tappointmentCategoryColorClasses,\n\tappointmentsOn,\n\tcategoryColor,\n\tisSameDay,\n\tmonthGrid,\n\tstartOfWeek,\n} from '../appointment-calendar.utils';\n\nexport interface AppointmentMonthProps {\n\tselected: Date;\n\tonSelect: (date: Date) => void;\n\t/** The first day of the month on screen, which keyboard focus can move away from the selection. */\n\tonVisibleMonthChange?: (month: Date) => void;\n\tappointments: Appointment[];\n\tcategories: AppointmentCategory[];\n\tweekStartsOn: number;\n\tlocale?: string;\n\tstrings: AppointmentCalendarStrings;\n}\n\n/** Days with this many categories or more show only the first three dots. */\nconst MAX_DOTS = 3;\n\nexport function AppointmentMonth({ selected, onSelect, onVisibleMonthChange, appointments, categories, weekStartsOn, locale, strings }: AppointmentMonthProps) {\n\tconst [focused, setFocused] = useState(selected);\n\tconst gridRef = useRef<HTMLDivElement>(null);\n\tconst focusOnRender = useRef(false);\n\tconst today = useMemo(() => new Date(), []);\n\n\t// The roving focus follows the selection when it changes from outside.\n\tuseEffect(() => setFocused(selected), [selected]);\n\tconst visibleMonth = focused.getFullYear() * 12 + focused.getMonth();\n\tuseEffect(() => {\n\t\tonVisibleMonthChange?.(new Date(Math.floor(visibleMonth / 12), visibleMonth % 12, 1));\n\t}, [visibleMonth, onVisibleMonthChange]);\n\tuseEffect(() => {\n\t\tif (!focusOnRender.current) return;\n\t\tfocusOnRender.current = false;\n\t\tgridRef.current?.querySelector<HTMLButtonElement>('[data-focus-target]')?.focus();\n\t}, [focused]);\n\n\tconst weeks = useMemo(() => monthGrid(focused, weekStartsOn), [focused, weekStartsOn]);\n\tconst monthFormat = useMemo(() => new Intl.DateTimeFormat(locale, { month: 'long' }), [locale]);\n\tconst weekdayFormat = useMemo(() => new Intl.DateTimeFormat(locale, { weekday: 'short' }), [locale]);\n\tconst dayFormat = useMemo(() => new Intl.DateTimeFormat(locale, { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' }), [locale]);\n\tconst monthOptions = useMemo(() => Array.from({ length: 12 }, (_, month) => ({ value: String(month), label: monthFormat.format(new Date(2000, month, 1)) })), [monthFormat]);\n\tconst yearOptions = useMemo(() => {\n\t\tconst years = new Set<number>([today.getFullYear(), focused.getFullYear()]);\n\t\tfor (const appointment of appointments) years.add(appointment.start.getFullYear());\n\t\tconst min = Math.min(...years) - 1;\n\t\tconst max = Math.max(...years) + 1;\n\t\treturn Array.from({ length: max - min + 1 }, (_, index) => ({ value: String(min + index), label: String(min + index) }));\n\t}, [appointments, focused, today]);\n\n\tconst moveTo = (date: Date, select = false) => {\n\t\tfocusOnRender.current = true;\n\t\tsetFocused(date);\n\t\tif (select) onSelect(date);\n\t};\n\tconst changeMonth = (months: number) => {\n\t\tconst next = addMonths(selected, months);\n\t\tsetFocused(next);\n\t\tonSelect(next);\n\t};\n\n\tconst onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n\t\tconst moves: Record<string, () => Date> = {\n\t\t\tArrowLeft: () => addDays(focused, -1),\n\t\t\tArrowRight: () => addDays(focused, 1),\n\t\t\tArrowUp: () => addDays(focused, -7),\n\t\t\tArrowDown: () => addDays(focused, 7),\n\t\t\tHome: () => startOfWeek(focused, weekStartsOn),\n\t\t\tEnd: () => addDays(startOfWeek(focused, weekStartsOn), 6),\n\t\t\tPageUp: () => addMonths(focused, -1),\n\t\t\tPageDown: () => addMonths(focused, 1),\n\t\t};\n\t\tconst move = moves[event.key];\n\t\tif (!move) return;\n\t\tevent.preventDefault();\n\t\tmoveTo(move());\n\t};\n\n\treturn (\n\t\t<Stack gap=\"lg\" className=\"appointment-month--component min-w-0\">\n\t\t\t<div className=\"appointment-month--header flex min-w-0 items-center gap-space-xs\">\n\t\t\t\t<Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly aria-label={strings.previousMonth} onClick={() => changeMonth(-1)}>\n\t\t\t\t\t<ChevronLeft aria-hidden=\"true\" className=\"size-icon\" />\n\t\t\t\t</Button>\n\t\t\t\t<Select\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\taria-label={strings.monthLabel}\n\t\t\t\t\toptions={monthOptions}\n\t\t\t\t\tvalue={String(selected.getMonth())}\n\t\t\t\t\tonValueChange={(value) => value !== undefined && changeMonth(Number(value) - selected.getMonth())}\n\t\t\t\t\tclassName=\"min-w-0 flex-1\"\n\t\t\t\t/>\n\t\t\t\t<Select\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\taria-label={strings.yearLabel}\n\t\t\t\t\toptions={yearOptions}\n\t\t\t\t\tvalue={String(selected.getFullYear())}\n\t\t\t\t\tonValueChange={(value) => value !== undefined && changeMonth((Number(value) - selected.getFullYear()) * 12)}\n\t\t\t\t\tclassName=\"min-w-0 flex-1\"\n\t\t\t\t/>\n\t\t\t\t<Button type=\"button\" tone=\"secondary\" buttonStyle=\"ghost\" size=\"sm\" iconOnly aria-label={strings.nextMonth} onClick={() => changeMonth(1)}>\n\t\t\t\t\t<ChevronRight aria-hidden=\"true\" className=\"size-icon\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tref={gridRef}\n\t\t\t\trole=\"grid\"\n\t\t\t\taria-label={`${monthFormat.format(focused)} ${focused.getFullYear()}`}\n\t\t\t\tonKeyDown={onKeyDown}\n\t\t\t\tclassName=\"appointment-month--grid grid min-w-0 grid-cols-7 gap-space-2xs\"\n\t\t\t>\n\t\t\t\t<div role=\"row\" className=\"contents\">\n\t\t\t\t\t{weeks[0]?.map((day) => (\n\t\t\t\t\t\t<Text key={day.getDay()} tag=\"div\" role=\"columnheader\" size=\"xs\" type=\"secondary\" weight=\"medium\" align=\"center\" className=\"appointment-month--weekday py-space-xs\">\n\t\t\t\t\t\t\t{weekdayFormat.format(day)}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t{weeks.map((week) => (\n\t\t\t\t\t<div key={week[0]?.toISOString()} role=\"row\" className=\"contents\">\n\t\t\t\t\t\t{week.map((day) => {\n\t\t\t\t\t\t\tconst dayAppointments = appointmentsOn(appointments, day);\n\t\t\t\t\t\t\tconst dayCategories = [...new Set(dayAppointments.map((appointment) => appointment.category))];\n\t\t\t\t\t\t\tconst isSelected = isSameDay(day, selected);\n\t\t\t\t\t\t\tconst isFocused = isSameDay(day, focused);\n\t\t\t\t\t\t\tconst outside = day.getMonth() !== focused.getMonth();\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div key={day.toISOString()} role=\"gridcell\" aria-selected={isSelected} className=\"flex min-w-0 justify-center\">\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\ttabIndex={isFocused ? 0 : -1}\n\t\t\t\t\t\t\t\t\t\tdata-focus-target={isFocused ? '' : undefined}\n\t\t\t\t\t\t\t\t\t\tdata-selected={isSelected ? '' : undefined}\n\t\t\t\t\t\t\t\t\t\tdata-outside={outside ? '' : undefined}\n\t\t\t\t\t\t\t\t\t\taria-current={isSameDay(day, today) ? 'date' : undefined}\n\t\t\t\t\t\t\t\t\t\taria-label={strings.formatDayLabel(dayFormat.format(day), dayAppointments.length)}\n\t\t\t\t\t\t\t\t\t\tonClick={() => moveTo(day, true)}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\tinteractionRecipes.nativeButtonReset,\n\t\t\t\t\t\t\t\t\t\t\t'appointment-month--day relative flex size-action flex-col items-center justify-center rounded-inner text-sm tabular-nums outline-none',\n\t\t\t\t\t\t\t\t\t\t\tfocusRecipes.edge,\n\t\t\t\t\t\t\t\t\t\t\tisSelected\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary font-semibold text-primary-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t: cn(interactionRecipes.rowHover, outside ? 'text-muted-foreground' : 'text-foreground'),\n\t\t\t\t\t\t\t\t\t\t\t!isSelected && isSameDay(day, today) && 'font-semibold',\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\t\t{day.getDate()}\n\t\t\t\t\t\t\t\t\t\t{dayCategories.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\" className=\"appointment-month--dots absolute inset-x-0 bottom-space-2xs flex justify-center gap-space-2xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t{dayCategories.slice(0, MAX_DOTS).map((category) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span key={category} className={cn(dotRecipes.inline, appointmentCategoryColorClasses[categoryColor(categories, category)])} />\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</span>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</Stack>\n\t);\n}\n","/**\n * AppointmentCalendar — a booking calendar laid out side by side: a compact\n * month with category dots and filters beside the agenda for the chosen day\n * or week.\n *\n * The header carries the title with booked and conflict counts, the Day/Week\n * switch, an optional staff filter and the \"New appointment\" command. Two\n * overlapping appointments for one staff member are a conflict: both rows say\n * so, and a dismissible alert names who is double-booked and when. Categories\n * are kinds, so their stripes and dots draw from the chart palette, and status\n * chips keep the status tones. The layout follows its own container: the month\n * sits beside the agenda when there is room and above it otherwise.\n *\n * Data, creation and editing stay with the app: the calendar formats and\n * filters the appointments it is given and reports intent through callbacks.\n */\nimport { Plus, TriangleAlert } from 'lucide-react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Button } from '../../base/buttons';\nimport { Card } from '../../base/cards';\nimport { Select } from '../../base/choice-inputs';\nimport { Alert, AlertAction, AlertDescription, AlertTitle } from '../../base/feedback';\nimport { Tabs, TabsList, TabsTrigger } from '../../base/navigation/tabs';\nimport { Stack } from '../../base/structure';\nimport { Heading, Text } from '../../typography';\nimport { useStrings } from '../../../lib/strings';\nimport { dotRecipes } from '../../../lib/tone-recipes';\nimport { useDatesConfig, useFormattingConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\n\nimport {\n\tdefaultAppointmentCalendarStrings,\n\ttype Appointment,\n\ttype AppointmentCalendarProps,\n\ttype AppointmentCalendarView,\n\ttype AppointmentConflict,\n\ttype AppointmentDateRange,\n} from './appointment-calendar.types';\nimport {\n\taddDays,\n\tappointmentCategoryColorClasses,\n\tcategoryColor,\n\tconflictingIds,\n\tfilterAppointments,\n\tfindConflicts,\n\tformatTime,\n\tmonthGrid,\n\toccursOn,\n\tstaffFrom,\n\tstartOfDay,\n\tweekDays,\n} from './appointment-calendar.utils';\nimport { AppointmentAgenda, type AppointmentAgendaProps } from './partials/appointment-agenda';\nimport { AppointmentMonth } from './partials/appointment-month';\n\n/** Controlled when `value` is given, otherwise local state seeded by `fallback`. */\nfunction useControllable<T>(value: T | undefined, fallback: T, onChange?: (next: T) => void): [T, (next: T) => void] {\n\tconst [local, setLocal] = useState(fallback);\n\tconst current = value ?? local;\n\treturn [current, (next: T) => {\n\t\tif (value === undefined) setLocal(next);\n\t\tonChange?.(next);\n\t}];\n}\n\nexport function AppointmentCalendar<T extends Appointment = Appointment>({\n\tappointments,\n\tcategories,\n\tstaff: staffProp,\n\ttitle,\n\tdate: dateProp,\n\tdefaultDate,\n\tonDateChange,\n\tview: viewProp,\n\tdefaultView = 'day',\n\tonViewChange,\n\tcategory: categoryProp,\n\tdefaultCategory = 'all',\n\tonCategoryChange,\n\tstaffId: staffIdProp,\n\tdefaultStaffId = 'all',\n\tonStaffChange,\n\tonAppointmentClick,\n\tappointmentActions,\n\trenderAppointment,\n\tonRangeChange,\n\tonCreateAppointment,\n\tonConflictsDismiss,\n\tloading = false,\n\terror,\n\tonRetry,\n\tweekStartsOn: weekStartsOnProp,\n\tstrings: stringsProp,\n\tclassName,\n}: AppointmentCalendarProps<T>) {\n\tconst strings = useStrings(defaultAppointmentCalendarStrings, stringsProp);\n\tconst { locale } = useFormattingConfig();\n\tconst dates = useDatesConfig();\n\tconst weekStartsOn = weekStartsOnProp ?? dates.weekStartsOn ?? 0;\n\n\tconst [date, setDate] = useControllable(dateProp, defaultDate ?? startOfDay(new Date()), onDateChange);\n\tconst [view, setView] = useControllable<AppointmentCalendarView>(viewProp, defaultView, onViewChange);\n\tconst [category, setCategory] = useControllable(categoryProp, defaultCategory, onCategoryChange);\n\tconst [staffId, setStaffId] = useControllable(staffIdProp, defaultStaffId, onStaffChange);\n\tconst [dismissed, setDismissed] = useState<string>('');\n\tconst [visibleMonth, setVisibleMonth] = useState(() => new Date(date.getFullYear(), date.getMonth(), 1));\n\n\tconst staff = useMemo(() => staffProp ?? staffFrom(appointments), [staffProp, appointments]);\n\tconst days = useMemo(() => (view === 'week' ? weekDays(date, weekStartsOn) : [startOfDay(date)]), [view, date, weekStartsOn]);\n\tconst visible = useMemo(() => filterAppointments(appointments, category, staffId), [appointments, category, staffId]);\n\t// The days on screen: the month grid, widened by the agenda when keyboard\n\t// focus has moved the month away from the selected day or week.\n\tconst range = useMemo<AppointmentDateRange>(() => {\n\t\tconst edges = [...monthGrid(visibleMonth, weekStartsOn).flat(), ...days].map((day) => day.getTime());\n\t\treturn { start: new Date(Math.min(...edges)), end: addDays(new Date(Math.max(...edges)), 1) };\n\t}, [visibleMonth, weekStartsOn, days]);\n\tconst reportedRange = useRef('');\n\tuseEffect(() => {\n\t\tconst key = `${range.start.getTime()}:${range.end.getTime()}`;\n\t\tif (key === reportedRange.current) return;\n\t\treportedRange.current = key;\n\t\tonRangeChange?.(range);\n\t}, [range, onRangeChange]);\n\tconst inRange = useMemo(() => visible.filter((appointment) => days.some((day) => occursOn(appointment, day))), [visible, days]);\n\n\t// A staff member is double-booked whatever the category filter shows, so\n\t// overlaps are found across every category, then narrowed to the range.\n\tconst conflicts = useMemo(() => {\n\t\tconst staffScoped = filterAppointments(appointments, 'all', staffId).filter((appointment) => days.some((day) => occursOn(appointment, day)));\n\t\treturn findConflicts(staffScoped);\n\t}, [appointments, staffId, days]);\n\tconst conflictIds = useMemo(() => conflictingIds(conflicts), [conflicts]);\n\tconst visibleConflicts = inRange.filter((appointment) => conflictIds.has(appointment.id)).length;\n\tconst booked = inRange.filter((appointment) => appointment.status !== 'cancelled').length;\n\tconst conflictKey = [...conflictIds].sort().join('|');\n\tconst showAlert = conflicts.length > 0 && dismissed !== conflictKey;\n\n\tconst headingFormat = new Intl.DateTimeFormat(locale, { weekday: 'long', month: 'long', day: 'numeric' });\n\tconst rangeFormat = new Intl.DateTimeFormat(locale, { month: 'long', day: 'numeric' });\n\tconst heading = view === 'week'\n\t\t? strings.formatWeekRange(rangeFormat.format(days[0] ?? date), rangeFormat.format(days[days.length - 1] ?? date))\n\t\t: headingFormat.format(date);\n\n\tconst dismissConflicts = (shown: AppointmentConflict<T>[]) => {\n\t\tsetDismissed(conflictKey);\n\t\tonConflictsDismiss?.(shown);\n\t};\n\n\treturn (\n\t\t<Stack gap=\"xl\" data-slot=\"appointment-calendar\" data-view={view} className={cn('appointment-calendar--component @container/appointment-calendar min-h-0 min-w-0', className)}>\n\t\t\t<div className=\"appointment-calendar--header flex min-w-0 flex-wrap items-start justify-between gap-space-lg\">\n\t\t\t\t<Stack gap=\"xs\" className=\"min-w-0\">\n\t\t\t\t\t{!!title && <Heading className=\"text-inherit\" tag=\"h2\" size=\"lg\">{title}</Heading>}\n\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"appointment-calendar--counts tabular-nums\">\n\t\t\t\t\t\t{strings.formatBooked(booked)}\n\t\t\t\t\t\t{visibleConflicts > 0 && ` · ${strings.formatConflicts(visibleConflicts)}`}\n\t\t\t\t\t</Text>\n\t\t\t\t</Stack>\n\t\t\t\t<div className=\"appointment-calendar--actions flex min-w-0 flex-wrap items-center gap-space-sm\">\n\t\t\t\t\t<Tabs value={view} onValueChange={(next) => (next === 'day' || next === 'week') && setView(next)}>\n\t\t\t\t\t\t<TabsList role=\"group\" aria-label={strings.viewLabel} aria-orientation={undefined} activateOnFocus>\n\t\t\t\t\t\t\t{(['day', 'week'] as const).map((option) => (\n\t\t\t\t\t\t\t\t<TabsTrigger key={option} value={option} role=\"button\" aria-selected={undefined} aria-controls={undefined} aria-pressed={view === option}>\n\t\t\t\t\t\t\t\t\t{strings[option]}\n\t\t\t\t\t\t\t\t</TabsTrigger>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</TabsList>\n\t\t\t\t\t</Tabs>\n\t\t\t\t\t{staff.length > 0 && (\n\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\taria-label={strings.staffLabel}\n\t\t\t\t\t\t\toptions={[{ value: 'all', label: strings.allStaff }, ...staff.map((person) => ({ value: person.id, label: person.name }))]}\n\t\t\t\t\t\t\tvalue={staffId}\n\t\t\t\t\t\t\tonValueChange={(next) => setStaffId(next ?? 'all')}\n\t\t\t\t\t\t\tclassName=\"appointment-calendar--staff w-44\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!onCreateAppointment && (\n\t\t\t\t\t\t<Button type=\"button\" tone=\"primary\" onClick={() => onCreateAppointment(date)} className=\"appointment-calendar--create\">\n\t\t\t\t\t\t\t<Plus aria-hidden=\"true\" className=\"size-icon\" />\n\t\t\t\t\t\t\t{strings.newAppointment}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{showAlert && (\n\t\t\t\t<Alert tone=\"destructive\" className=\"appointment-calendar--alert\">\n\t\t\t\t\t<TriangleAlert aria-hidden=\"true\" />\n\t\t\t\t\t<AlertTitle>{strings.conflictTitle}</AlertTitle>\n\t\t\t\t\t<AlertDescription>\n\t\t\t\t\t\t{conflicts.map((conflict) => strings.formatConflict(conflict.staff.name, conflict.appointments.length, formatTime(conflict.start, locale))).join(' ')}\n\t\t\t\t\t</AlertDescription>\n\t\t\t\t\t<AlertAction>\n\t\t\t\t\t\t<Button type=\"button\" size=\"sm\" onClick={() => dismissConflicts(conflicts)}>{strings.dismiss}</Button>\n\t\t\t\t\t</AlertAction>\n\t\t\t\t</Alert>\n\t\t\t)}\n\n\t\t\t<div className=\"appointment-calendar--body grid min-h-0 min-w-0 flex-1 gap-space-xl @3xl/appointment-calendar:grid-cols-[minmax(17rem,20rem)_minmax(0,1fr)]\">\n\t\t\t\t<Card surface=\"card\" className=\"appointment-calendar--aside min-w-0 self-start\">\n\t\t\t\t\t<Stack gap=\"xl\">\n\t\t\t\t\t\t<AppointmentMonth\n\t\t\t\t\t\t\tselected={date}\n\t\t\t\t\t\t\tonSelect={setDate}\n\t\t\t\t\t\t\tonVisibleMonthChange={setVisibleMonth}\n\t\t\t\t\t\t\tappointments={visible}\n\t\t\t\t\t\t\tcategories={categories}\n\t\t\t\t\t\t\tweekStartsOn={weekStartsOn}\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{categories.length > 0 && (\n\t\t\t\t\t\t\t<Tabs value={category} onValueChange={(next) => typeof next === 'string' && setCategory(next)}>\n\t\t\t\t\t\t\t\t<TabsList variant=\"chips\" role=\"group\" aria-label={strings.categoriesLabel} aria-orientation={undefined} activateOnFocus>\n\t\t\t\t\t\t\t\t\t{[{ id: 'all', label: strings.allCategories }, ...categories].map((option) => (\n\t\t\t\t\t\t\t\t\t\t<TabsTrigger key={option.id} value={option.id} role=\"button\" aria-selected={undefined} aria-controls={undefined} aria-pressed={category === option.id} className=\"appointment-calendar--category gap-space-xs\">\n\t\t\t\t\t\t\t\t\t\t\t{option.id !== 'all' && (\n\t\t\t\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\" className={cn(dotRecipes.inline, appointmentCategoryColorClasses[categoryColor(categories, option.id)])} />\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t\t</TabsTrigger>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</TabsList>\n\t\t\t\t\t\t\t</Tabs>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t</Card>\n\n\t\t\t\t<AppointmentAgenda\n\t\t\t\t\tdays={days}\n\t\t\t\t\tappointments={visible}\n\t\t\t\t\tcategories={categories}\n\t\t\t\t\tconflicts={conflictIds}\n\t\t\t\t\theading={heading}\n\t\t\t\t\tloading={loading}\n\t\t\t\t\terror={error}\n\t\t\t\t\tonRetry={onRetry}\n\t\t\t\t\tlocale={locale}\n\t\t\t\t\t// The agenda only hands back items from `appointments`, so the app's own type holds.\n\t\t\t\t\tonAppointmentClick={onAppointmentClick as ((appointment: Appointment) => void) | undefined}\n\t\t\t\t\tappointmentActions={appointmentActions as AppointmentAgendaProps['appointmentActions']}\n\t\t\t\t\trenderAppointment={renderAppointment as AppointmentAgendaProps['renderAppointment']}\n\t\t\t\t\tstrings={strings}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</Stack>\n\t);\n}\n\nAppointmentCalendar.displayName = 'AppointmentCalendar';\n"],"mappings":"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"}

package/dist/features/async-preview.js

@@ -1,14 +1,15 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-l5LpDw2z.js";
-import { n } from "../buttons-SbIcm1HJ.js";
-import { t as r } from "../structure-DC2dygdA.js";
-import { n as i, t as a } from "../feedback-qNuMBtRH.js";
-import { _ as o, d as s, g as c, p as l } from "../primitives-B-CkiEMU.js";
-import { t as u } from "../badge-MrKVNzW9.js";
-import { c as d, o as f, t as p } from "../popover-Di55PyAI.js";
-import { s as m } from "../data-display-DafIvCl5.js";
-import h, { createContext as g, useCallback as _, useContext as v, useEffect as y, useMemo as b, useRef as x, useState as S } from "react";
+import { t } from "../utils-BRhFDwuU.js";
+import { n } from "../buttons-DPZekJFu.js";
+import { t as r } from "../structure-BmisBK-3.js";
+import { n as i, t as a } from "../feedback-BYIhtitP.js";
+import { i as o } from "../popover.recipes-D3j8R8Yp.js";
+import { _ as s, d as c, g as l, p as u } from "../primitives-BFK08r9M.js";
+import { t as d } from "../badge-HpFqoqSY.js";
+import { c as f, o as p, t as m } from "../popover-gnTOhbFM.js";
+import { s as h } from "../data-display-DT_khPl_.js";
+import g, { createContext as _, useCallback as v, useContext as y, useEffect as b, useMemo as ee, useRef as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { ChevronDown as E } from "lucide-react";
 //#region src/components/features/async-preview/async-preview.strings.ts
@@ -31,42 +32,42 @@ function k(e, t) {
 		return n;
 	}
 }
-function ee(e) {
+function te(e) {
 	return e !== !1 && e;
 }
-function te(e) {
+function ne(e) {
 	return Object.prototype.hasOwnProperty.call(e, "data");
 }
 function A(e) {
-	let { type: t, context: n, cacheKey: r, cachePolicy: i = "cache-first", staleTime: a = 3e5, open: o, defaultOpen: s = !1, onOpenChange: c, onBeforeShow: l, onData: u, onError: d, onSettled: f, onRefresh: p } = e, m = te(e), h = m ? e.data ?? null : null, g = m ? void 0 : e.onShow, v = o !== void 0, [C, w] = S(s), T = o ?? C, [E, D] = S(() => {
+	let { type: t, context: n, cacheKey: r, cachePolicy: i = "cache-first", staleTime: a = 3e5, open: o, defaultOpen: s = !1, onOpenChange: c, onBeforeShow: l, onData: u, onError: d, onSettled: f, onRefresh: p } = e, m = ne(e), h = m ? e.data ?? null : null, g = m ? void 0 : e.onShow, _ = o !== void 0, [y, C] = S(s), w = o ?? y, [T, E] = S(() => {
 		if (m) return h;
 		let e = k(r, a);
 		return e?.status === "success" ? e.data : null;
-	}), [A, j] = S(() => m ? h === null ? "empty" : "success" : k(r, a)?.status ?? "idle"), [M, N] = S(null), [P, F] = S(!1), [I, L] = S(() => k(r, a)?.meta ?? {}), [R, z] = S(() => k(r, a) !== void 0), B = m ? h : E, V = m ? h === null ? "empty" : "success" : A, H = x(null), U = x(0), W = x(!1), G = x(I), K = x(null), q = x(null), J = x(null), Y = _((e) => {
-		v || w(e);
-		let t = J.current;
+	}), [D, A] = S(() => m ? h === null ? "empty" : "success" : k(r, a)?.status ?? "idle"), [j, M] = S(null), [N, P] = S(!1), [F, I] = S(() => k(r, a)?.meta ?? {}), [L, R] = S(() => k(r, a) !== void 0), z = m ? h : T, B = m ? h === null ? "empty" : "success" : D, V = x(null), H = x(0), U = x(!1), W = x(F), G = x(null), K = x(null), q = x(null), J = v((e) => {
+		_ || C(e);
+		let t = q.current;
 		t && c?.(e, {
 			...t,
 			open: e
 		});
-	}, [v, c]), X = _(async (e) => {
+	}, [_, c]), Y = v(async (e) => {
 		if (m || !g) return;
-		let o = r ?? t, s = H.current;
-		if (e === "open" && q.current === o && s && !s.signal.aborted) return;
-		H.current?.abort(), H.current = null, q.current = null;
+		let o = r ?? t, s = V.current;
+		if (e === "open" && K.current === o && s && !s.signal.aborted) return;
+		V.current?.abort(), V.current = null, K.current = null;
 		let c = k(r, a);
 		if (e === "open" && c !== void 0 && i === "cache-first") {
-			z(!0), N(null), G.current = c.meta, L(c.meta), D(c.status === "success" ? c.data : null), j(c.status), F(!1);
+			R(!0), M(null), W.current = c.meta, I(c.meta), E(c.status === "success" ? c.data : null), A(c.status), P(!1);
 			return;
 		}
 		let h = new AbortController();
-		H.current = h, q.current = o;
-		let _ = U.current + 1;
-		U.current = _;
+		V.current = h, K.current = o;
+		let _ = H.current + 1;
+		H.current = _;
 		let v = c !== void 0;
-		z(!1), N(null), j("loading"), F({ label: void 0 });
-		let y = J.current ? {
-			...J.current,
+		R(!1), M(null), A("loading"), P({ label: void 0 });
+		let y = q.current ? {
+			...q.current,
 			error: null,
 			loading: { label: void 0 },
 			status: "loading",
@@ -74,7 +75,7 @@ function A(e) {
 		} : null;
 		y && l?.(y), e === "refresh" && y && p?.(y);
 		let b = (e) => {
-			U.current !== _ || h.signal.aborted || e();
+			H.current !== _ || h.signal.aborted || e();
 		};
 		try {
 			let i = await g({
@@ -83,30 +84,30 @@ function A(e) {
 				signal: h.signal,
 				reason: e,
 				cached: v,
-				setLoading: (e) => b(() => F(ee(e))),
+				setLoading: (e) => b(() => P(te(e))),
 				setMeta: (e) => b(() => {
 					let t = {
-						...G.current,
+						...W.current,
 						...e
 					};
-					G.current = t, L(t);
+					W.current = t, I(t);
 				})
 			});
 			b(() => {
 				let e = i == null ? "empty" : "success", t = e === "success" ? i : null;
-				D(t), j(e), F(!1), N(null), z(!1), r && O.set(r, {
+				E(t), A(e), P(!1), M(null), R(!1), r && O.set(r, {
 					timestamp: Date.now(),
 					data: t,
 					status: e,
-					meta: G.current
+					meta: W.current
 				});
-				let n = J.current ? {
-					...J.current,
+				let n = q.current ? {
+					...q.current,
 					data: t,
 					error: null,
 					loading: !1,
 					status: e,
-					meta: G.current,
+					meta: W.current,
 					cached: !1
 				} : null;
 				t !== null && n && u?.(t, n), n && f?.(n);
@@ -114,9 +115,9 @@ function A(e) {
 		} catch (e) {
 			if (h.signal.aborted) return;
 			b(() => {
-				N(e), j("error"), F(!1);
-				let t = J.current ? {
-					...J.current,
+				M(e), A("error"), P(!1);
+				let t = q.current ? {
+					...q.current,
 					error: e,
 					loading: !1,
 					status: "error",
@@ -125,7 +126,7 @@ function A(e) {
 				t && d?.(e, t), t && f?.(t);
 			});
 		} finally {
-			U.current === _ && (H.current === h && (H.current = null), q.current === o && (q.current = null));
+			H.current === _ && (V.current === h && (V.current = null), K.current === o && (K.current = null));
 		}
 	}, [
 		r,
@@ -140,66 +141,66 @@ function A(e) {
 		g,
 		a,
 		t
-	]), Z = _(() => {
-		X("refresh");
-	}, [X]), Q = _(() => {
-		m || W.current || (W.current = !0, X("prefetch"));
-	}, [m, X]), $ = _(() => {
-		Y(!1);
-	}, [Y]), ne = b(() => ({
+	]), X = v(() => {
+		Y("refresh");
+	}, [Y]), Z = v(() => {
+		m || U.current || (U.current = !0, Y("prefetch"));
+	}, [m, Y]), Q = v(() => {
+		J(!1);
+	}, [J]), $ = ee(() => ({
 		type: t,
 		context: n,
-		data: B,
-		error: M,
-		loading: P,
-		status: V,
-		meta: I,
-		open: T,
-		cached: R,
-		refresh: Z,
-		prefetch: Q,
-		close: $
+		data: z,
+		error: j,
+		loading: N,
+		status: B,
+		meta: F,
+		open: w,
+		cached: L,
+		refresh: X,
+		prefetch: Z,
+		close: Q
 	}), [
-		R,
-		$,
-		n,
-		M,
-		P,
-		I,
-		T,
+		L,
 		Q,
+		n,
+		j,
+		N,
+		F,
+		w,
 		Z,
+		X,
+		z,
 		B,
-		V,
 		t
 	]);
-	return J.current = ne, G.current = I, y(() => {
-		m && (H.current?.abort(), H.current = null, q.current = null, K.current = null, N(null), F(!1), z(!1));
-	}, [m, h]), y(() => {
-		if (!T) {
-			K.current = null;
+	return q.current = $, W.current = F, b(() => {
+		m && (V.current?.abort(), V.current = null, K.current = null, G.current = null, M(null), P(!1), R(!1));
+	}, [m, h]), b(() => {
+		if (!w) {
+			G.current = null;
 			return;
 		}
 		if (m) return;
 		let e = r ?? t;
-		K.current !== e && (K.current = e, X("open"));
+		G.current !== e && (G.current = e, Y("open"));
 	}, [
 		r,
 		m,
-		T,
-		X,
+		w,
+		Y,
 		t
-	]), y(() => {
-		W.current = !1;
+	]), b(() => {
+		U.current = !1;
 	}, [
 		r,
 		m,
 		t
-	]), y(() => () => {
-		H.current?.abort();
+	]), b(() => () => {
+		V.current?.abort();
 	}, []), {
-		...ne,
-		setOpen: Y
+		...$,
+		setOpen: J
 	};
 }
 function j(e) {
@@ -211,9 +212,9 @@ function j(e) {
 }
 //#endregion
 //#region src/components/features/async-preview/async-preview.tsx
-var M = g(null);
+var M = _(null);
 function N() {
-	let e = v(M);
+	let e = y(M);
 	if (!e) throw Error("AsyncPreview compound parts must be rendered inside <AsyncPreview.Root>.");
 	return e;
 }
@@ -241,7 +242,7 @@ function P({ children: t, strings: n, prefetchOn: r = !1, ...i }) {
 		},
 		children: /* @__PURE__ */ w("span", {
 			className: "async-preview--component contents",
-			children: /* @__PURE__ */ w(f, {
+			children: /* @__PURE__ */ w(p, {
 				open: s.open,
 				onOpenChange: o.setOpen,
 				children: t
@@ -264,12 +265,12 @@ function F({ render: e, children: t }) {
 			state: r,
 			triggerProps: o
 		}) : e;
-		return /* @__PURE__ */ w(d, {
+		return /* @__PURE__ */ w(f, {
 			render: t,
 			...o
 		});
 	}
-	return /* @__PURE__ */ w(d, { render: /* @__PURE__ */ w(n, {
+	return /* @__PURE__ */ w(f, { render: /* @__PURE__ */ w(n, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
@@ -277,27 +278,27 @@ function F({ render: e, children: t }) {
 		children: t
 	}) });
 }
-function I({ className: e, children: n, align: r = "start", sideOffset: i = 8, finalFocus: a = !0, ...o }) {
-	let { state: s } = N(), { size: c = "md", padding: l = "none", ...u } = o, d = {
-		sm: "w-72",
-		md: "w-80",
-		lg: "w-90"
-	}[c], f = {
+function I({ className: e, children: n, align: r = "start", sideOffset: i = 8, finalFocus: a = !0, ...s }) {
+	let { state: c } = N(), { size: l = "md", padding: u = "none", ...d } = s, f = {
+		sm: o.md,
+		md: o.lg,
+		lg: o.xl
+	}[l], p = {
 		none: "flush",
 		sm: "compact",
 		md: "default",
 		lg: "flush"
-	}[l];
-	return /* @__PURE__ */ w(p, {
+	}[u];
+	return /* @__PURE__ */ w(m, {
 		align: r,
 		sideOffset: i,
 		finalFocus: a,
-		inset: f,
-		className: t("async-preview--content max-w-[calc(100vw-2rem)] overflow-hidden", d, l === "none" ? "gap-0" : void 0, e),
-		"data-status": s.status,
-		"data-preview-type": s.type,
-		...u,
-		children: l === "lg" ? /* @__PURE__ */ w("div", {
+		inset: p,
+		className: t("async-preview--content overflow-hidden", f, u === "none" ? "gap-0" : void 0, e),
+		"data-status": c.status,
+		"data-preview-type": c.type,
+		...d,
+		children: u === "lg" ? /* @__PURE__ */ w("div", {
 			className: "p-surface-lg",
 			children: n
 		}) : n
@@ -342,7 +343,7 @@ function B({ children: e, className: n }) {
 }
 function V({ children: e, className: n }) {
 	let { state: r, strings: i } = N();
-	return r.status === "empty" ? e ? /* @__PURE__ */ w(C, { children: e(r) }) : /* @__PURE__ */ w(m, {
+	return r.status === "empty" ? e ? /* @__PURE__ */ w(C, { children: e(r) }) : /* @__PURE__ */ w(h, {
 		className: t("async-preview--empty", n),
 		padding: "md",
 		title: i.emptyTitle,
@@ -378,14 +379,14 @@ function W(e) {
 	return e == null || e === "";
 }
 function G(e) {
-	return e ? typeof e == "object" && !Array.isArray(e) && "label" in e ? /* @__PURE__ */ w(u, {
+	return e ? typeof e == "object" && !Array.isArray(e) && "label" in e ? /* @__PURE__ */ w(d, {
 		inline: !0,
 		tone: e.tone ?? "secondary",
 		size: e.size,
 		children: e.label
 	}) : e : null;
 }
-function K({ value: e, name: n, secondary: i, leading: a, trailing: u, badge: d, icon: f, emptyLabel: p = "--", forceNameCase: m, contentClassName: h }) {
+function K({ value: e, name: n, secondary: i, leading: a, trailing: o, badge: d, icon: f, emptyLabel: p = "--", forceNameCase: m, contentClassName: h }) {
 	let g = W(n) && W(e);
 	return /* @__PURE__ */ T(r, {
 		render: /* @__PURE__ */ w("span", {}),
@@ -413,33 +414,34 @@ function K({ value: e, name: n, secondary: i, leading: a, trailing: u, badge: d,
 					gap: "sm",
 					wrap: !1,
 					className: "max-w-full",
-					children: [g ? /* @__PURE__ */ w(l, {
+					children: [g ? /* @__PURE__ */ w(u, {
 						className: "truncate",
 						children: p
-					}) : n ? /* @__PURE__ */ w(s, {
+					}) : n ? /* @__PURE__ */ w(c, {
 						value: n,
 						force: m,
 						weight: "medium",
 						className: "truncate"
-					}) : /* @__PURE__ */ w(o, {
+					}) : /* @__PURE__ */ w(s, {
+						type: "inherit",
 						weight: "medium",
 						className: "truncate",
 						children: e
 					}), G(d)]
-				}), !W(i) && /* @__PURE__ */ w(c, {
+				}), !W(i) && /* @__PURE__ */ w(l, {
 					size: "xs",
 					className: "max-w-full truncate",
 					children: i
 				})]
 			}),
-			!!u && /* @__PURE__ */ w("span", {
+			!!o && /* @__PURE__ */ w("span", {
 				className: "preview-trigger-cell--trailing inline-flex shrink-0 items-center",
-				children: u
+				children: o
 			})
 		]
 	});
 }
-var q = h.forwardRef(function({ value: e, name: r, secondary: i, leading: a, trailing: o, badge: s, icon: c, emptyLabel: l, hasPreview: u, disabledReason: d, forceNameCase: f, className: p, contentClassName: m, type: h, ...g }, _) {
+var q = g.forwardRef(function({ value: e, name: r, secondary: i, leading: a, trailing: o, badge: s, icon: c, emptyLabel: l, hasPreview: u, disabledReason: d, forceNameCase: f, className: p, contentClassName: m, type: h, ...g }, _) {
 	let v = {
 		value: e,
 		name: r,