@12-apps/ui 5.0.0 → 5.0.1

package/dist/chunk-DFVRZ3UK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/Calendar.tsx","../src/components/form/Calendar/Calendar.helpers.ts","../src/components/form/Calendar/Calendar.hooks.ts","../src/components/form/Calendar/Calendar.dates.ts","../src/components/form/Calendar/Calendar.keyboard.ts","../src/components/form/Calendar/Calendar.selection.ts","../src/components/form/Calendar/CalendarMonth.tsx","../src/components/form/Calendar/CalendarDay.tsx","../src/components/form/Calendar/CalendarDayCell.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\nimport { Box, Paper } from '@mui/material';\nimport React from 'react';\n\nimport { resolveCalendarProps } from './Calendar.helpers';\nimport { useCalendar } from './Calendar.hooks';\nimport type { CalendarProps } from './Calendar.types';\nimport type { DayCellContext } from './CalendarDayCell';\nimport { CalendarMonth } from './CalendarMonth';\n\nconst containerSx = (monthsToShow: number): SxProps<Theme> => ({\n  p: 3,\n  display: 'flex',\n  flexDirection: monthsToShow > 1 ? 'row' : 'column',\n  gap: 3,\n  outline: 'none',\n  '&:focus-within': {\n    outline: '2px solid',\n    outlineColor: 'primary.main',\n    outlineOffset: 2,\n  },\n});\n\nexport const Calendar = React.forwardRef<HTMLDivElement, CalendarProps>((componentProps, ref) => {\n  const props = resolveCalendarProps(componentProps);\n  const { monthsToShow, locale, renderHeader, renderFooter, className } = props;\n\n  const calendar = useCalendar(props);\n\n  const dayContext: DayCellContext = {\n    selectionMode: props.selectionMode,\n    value: props.value,\n    range: props.range,\n    showOutsideDays: props.showOutsideDays,\n    renderDay: props.renderDay,\n    dayClassName: props.dayClassName,\n    hoveredDate: calendar.hoveredDate,\n    focusedDate: calendar.focusedDate,\n    today: calendar.today,\n    isDisabled: calendar.isDisabled,\n    onSelect: calendar.handleDateClick,\n    onHover: calendar.handleDateMouseEnter,\n    onHoverEnd: calendar.handleDateMouseLeave,\n  };\n\n  return (\n    <Paper\n      ref={ref}\n      className={className}\n      role=\"application\"\n      aria-label=\"Calendar\"\n      tabIndex={0}\n      onKeyDown={calendar.handleKeyDown}\n      data-testid=\"calendar-container\"\n      sx={containerSx(monthsToShow)}\n    >\n      <Box ref={calendar.gridRef} sx={{ display: 'flex', gap: 3, flexWrap: 'wrap' }}>\n        {calendar.monthMatrices.map((matrix, index) => (\n          <CalendarMonth\n            key={`month-${matrix.year}-${matrix.month}`}\n            matrix={matrix}\n            monthIndex={index}\n            monthsToShow={monthsToShow}\n            locale={locale}\n            weekdayNames={calendar.weekdayNames}\n            renderHeader={renderHeader}\n            onPreviousMonth={calendar.goToPreviousMonth}\n            onNextMonth={calendar.goToNextMonth}\n            dayContext={dayContext}\n          />\n        ))}\n      </Box>\n\n      {renderFooter && (\n        <Box sx={{ mt: 2, pt: 2, borderTop: 1, borderColor: 'divider' }}>{renderFooter}</Box>\n      )}\n    </Paper>\n  );\n});\n\nCalendar.displayName = 'Calendar';\n\nexport default Calendar;\n","import type { CalendarProps, ResolvedCalendarProps } from './Calendar.types';\n\nconst CALENDAR_DEFAULTS = {\n  selectionMode: 'single',\n  value: null,\n  range: { start: null, end: null },\n  firstDayOfWeek: 0,\n  locale: 'en-US',\n  showOutsideDays: true,\n  minRangeLength: 1,\n  allowSameDayRange: true,\n  autoFocus: false,\n} as const satisfies Partial<CalendarProps>;\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: CalendarProps): Partial<CalendarProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<CalendarProps>;\n\n// Applied as a merge rather than destructuring defaults, which would otherwise\n// put nine branches into the component's own complexity budget.\nexport const resolveCalendarProps = (props: CalendarProps): ResolvedCalendarProps => {\n  const merged = { ...CALENDAR_DEFAULTS, ...definedProps(props) } as ResolvedCalendarProps;\n\n  // A range needs two months side by side to be picked comfortably; a single\n  // date does not.\n  const defaultMonths = merged.selectionMode === 'range' ? 2 : 1;\n\n  return { ...merged, monthsToShow: merged.numberOfMonths ?? defaultMonths };\n};\n","import type React from 'react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { addMonths, generateMonthMatrix, getWeekdayNames, normalizeDate } from './Calendar.dates';\nimport { ACTIVATION_KEYS, navigateFocus } from './Calendar.keyboard';\nimport { isDateDisabledBy, nextRangeStep } from './Calendar.selection';\nimport type { MonthMatrix, ResolvedCalendarProps } from './Calendar.types';\n\nconst startOfMonth = (date: Date): Date => new Date(date.getFullYear(), date.getMonth(), 1);\n\n// Which day the calendar opens on: whatever is already chosen, else today.\nconst initialFocus = (props: ResolvedCalendarProps, today: Date): Date => {\n  if (props.selectionMode === 'single' && props.value) return normalizeDate(props.value);\n  if (props.selectionMode === 'range' && props.range.start) return normalizeDate(props.range.start);\n  return today;\n};\n\nconst useCalendarState = (props: ResolvedCalendarProps, today: Date) => {\n  const [focusedDate, setFocusedDate] = useState<Date>(() => initialFocus(props, today));\n  const [hoveredDate, setHoveredDate] = useState<Date | null>(null);\n  const [currentMonth, setCurrentMonth] = useState<Date>(() => startOfMonth(focusedDate));\n\n  return {\n    focusedDate,\n    setFocusedDate,\n    hoveredDate,\n    setHoveredDate,\n    currentMonth,\n    setCurrentMonth,\n  };\n};\n\nconst useAutoFocusGrid = (autoFocus: boolean) => {\n  const gridRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (autoFocus && gridRef.current) gridRef.current.focus();\n  }, [autoFocus]);\n\n  return gridRef;\n};\n\nconst useVisibleMonths = ({\n  currentMonth,\n  monthsToShow,\n  firstDayOfWeek,\n}: {\n  currentMonth: Date;\n  monthsToShow: number;\n  firstDayOfWeek: number;\n}): MonthMatrix[] =>\n  useMemo(() => {\n    const matrices: MonthMatrix[] = [];\n    let cursor = currentMonth;\n\n    for (let i = 0; i < monthsToShow; i++) {\n      matrices.push(generateMonthMatrix(cursor.getMonth(), cursor.getFullYear(), firstDayOfWeek));\n      cursor = addMonths(cursor, 1);\n    }\n\n    return matrices;\n  }, [currentMonth, monthsToShow, firstDayOfWeek]);\n\n// A click either sets a single date or advances the range by one step; the range\n// rules themselves live in nextRangeStep.\nconst useDateClick = ({\n  props,\n  isDisabled,\n  setFocusedDate,\n}: {\n  props: ResolvedCalendarProps;\n  isDisabled: (date: Date) => boolean;\n  setFocusedDate: (date: Date) => void;\n}) => {\n  const {\n    selectionMode,\n    range,\n    onChange,\n    onRangeChange,\n    onIntermediateRangeChange,\n    allowSameDayRange,\n    minRangeLength,\n    maxRangeLength,\n  } = props;\n\n  return useCallback(\n    (date: Date) => {\n      if (isDisabled(date)) return;\n\n      const candidate = normalizeDate(date);\n      setFocusedDate(candidate);\n\n      if (selectionMode === 'single') {\n        onChange?.(candidate);\n        return;\n      }\n\n      const step = nextRangeStep({\n        start: range.start,\n        end: range.end,\n        candidate,\n        allowSameDayRange,\n        minRangeLength,\n        maxRangeLength,\n      });\n\n      if (step.kind === 'rejected') return;\n\n      if (step.kind === 'complete') onRangeChange?.(step.range);\n      onIntermediateRangeChange?.(step.range);\n    },\n    [\n      selectionMode,\n      range,\n      onChange,\n      onRangeChange,\n      onIntermediateRangeChange,\n      isDisabled,\n      allowSameDayRange,\n      minRangeLength,\n      maxRangeLength,\n      setFocusedDate,\n    ],\n  );\n};\n\n// Hovering only means something while a range is half-chosen.\nconst useHoverHandlers = ({\n  selectionMode,\n  range,\n  isDisabled,\n  setHoveredDate,\n}: {\n  selectionMode: ResolvedCalendarProps['selectionMode'];\n  range: ResolvedCalendarProps['range'];\n  isDisabled: (date: Date) => boolean;\n  setHoveredDate: (date: Date | null) => void;\n}) => {\n  const handleDateMouseEnter = useCallback(\n    (date: Date) => {\n      if (selectionMode === 'range' && range.start && !range.end && !isDisabled(date)) {\n        setHoveredDate(normalizeDate(date));\n      }\n    },\n    [selectionMode, range, isDisabled, setHoveredDate],\n  );\n\n  const handleDateMouseLeave = useCallback(() => setHoveredDate(null), [setHoveredDate]);\n\n  return { handleDateMouseEnter, handleDateMouseLeave };\n};\n\nconst useKeyboardHandler = ({\n  focusedDate,\n  firstDayOfWeek,\n  currentMonth,\n  handleDateClick,\n  setFocusedDate,\n  setCurrentMonth,\n  setHoveredDate,\n}: {\n  focusedDate: Date;\n  firstDayOfWeek: number;\n  currentMonth: Date;\n  handleDateClick: (date: Date) => void;\n  setFocusedDate: (date: Date) => void;\n  setCurrentMonth: (date: Date) => void;\n  setHoveredDate: (date: Date | null) => void;\n}) =>\n  useCallback(\n    (event: React.KeyboardEvent) => {\n      const { key } = event;\n      const moved = navigateFocus(key, focusedDate, { firstDayOfWeek, shiftKey: event.shiftKey });\n\n      if (moved) {\n        event.preventDefault();\n        setFocusedDate(normalizeDate(moved));\n\n        // Follow focus into a month that is not on screen.\n        const month = startOfMonth(moved);\n        if (month.getTime() !== currentMonth.getTime()) setCurrentMonth(month);\n        return;\n      }\n\n      if (ACTIVATION_KEYS.includes(key)) {\n        event.preventDefault();\n        handleDateClick(focusedDate);\n        return;\n      }\n\n      if (key === 'Escape') {\n        event.preventDefault();\n        setHoveredDate(null);\n      }\n    },\n    [\n      focusedDate,\n      firstDayOfWeek,\n      currentMonth,\n      handleDateClick,\n      setFocusedDate,\n      setCurrentMonth,\n      setHoveredDate,\n    ],\n  );\n\nexport const useCalendar = (props: ResolvedCalendarProps) => {\n  const { monthsToShow, firstDayOfWeek, locale, minDate, maxDate, isDateDisabled } = props;\n\n  const today = useMemo(() => normalizeDate(new Date()), []);\n  const state = useCalendarState(props, today);\n  const gridRef = useAutoFocusGrid(props.autoFocus);\n\n  const monthMatrices = useVisibleMonths({\n    currentMonth: state.currentMonth,\n    monthsToShow,\n    firstDayOfWeek,\n  });\n\n  const weekdayNames = useMemo(\n    () => getWeekdayNames(locale, firstDayOfWeek),\n    [locale, firstDayOfWeek],\n  );\n\n  const isDisabled = useCallback(\n    (date: Date) => isDateDisabledBy({ date, minDate, maxDate, isDateDisabled }),\n    [minDate, maxDate, isDateDisabled],\n  );\n\n  const { setCurrentMonth } = state;\n  const goToPreviousMonth = useCallback(\n    () => setCurrentMonth((prev) => addMonths(prev, -1)),\n    [setCurrentMonth],\n  );\n  const goToNextMonth = useCallback(\n    () => setCurrentMonth((prev) => addMonths(prev, 1)),\n    [setCurrentMonth],\n  );\n\n  const handleDateClick = useDateClick({\n    props,\n    isDisabled,\n    setFocusedDate: state.setFocusedDate,\n  });\n\n  const { handleDateMouseEnter, handleDateMouseLeave } = useHoverHandlers({\n    selectionMode: props.selectionMode,\n    range: props.range,\n    isDisabled,\n    setHoveredDate: state.setHoveredDate,\n  });\n\n  const handleKeyDown = useKeyboardHandler({\n    focusedDate: state.focusedDate,\n    firstDayOfWeek,\n    currentMonth: state.currentMonth,\n    handleDateClick,\n    setFocusedDate: state.setFocusedDate,\n    setCurrentMonth: state.setCurrentMonth,\n    setHoveredDate: state.setHoveredDate,\n  });\n\n  return {\n    gridRef,\n    today,\n    focusedDate: state.focusedDate,\n    hoveredDate: state.hoveredDate,\n    monthMatrices,\n    weekdayNames,\n    isDisabled,\n    goToPreviousMonth,\n    goToNextMonth,\n    handleDateClick,\n    handleDateMouseEnter,\n    handleDateMouseLeave,\n    handleKeyDown,\n  };\n};\n","import type { MonthMatrix, MonthMatrixDay } from './Calendar.types';\n\nconst DAYS_PER_WEEK = 7;\n// Six rows always cover a month, whichever weekday it starts on.\nconst MAX_CELLS = 42;\nconst NOON = 12;\n\n// Every comparison happens at noon so daylight-saving shifts can never move a\n// date across a day boundary.\nexport const normalizeDate = (date: Date): Date => {\n  const normalized = new Date(date);\n  normalized.setHours(NOON, 0, 0, 0);\n  return normalized;\n};\n\nexport const isSameDay = (date1: Date, date2: Date): boolean =>\n  date1.getFullYear() === date2.getFullYear() &&\n  date1.getMonth() === date2.getMonth() &&\n  date1.getDate() === date2.getDate();\n\nexport const isBetween = (date: Date, start: Date, end: Date): boolean => {\n  const normalized = normalizeDate(date);\n  return normalized >= normalizeDate(start) && normalized <= normalizeDate(end);\n};\n\nexport const addDays = (date: Date, days: number): Date => {\n  const result = new Date(date);\n  result.setDate(result.getDate() + days);\n  return result;\n};\n\nexport const addMonths = (date: Date, months: number): Date => {\n  const result = new Date(date);\n  result.setMonth(result.getMonth() + months);\n  return result;\n};\n\nexport const startOfWeek = (date: Date, firstDayOfWeek = 0): Date => {\n  const result = new Date(date);\n  const day = result.getDay();\n  const diff = (day < firstDayOfWeek ? DAYS_PER_WEEK : 0) + day - firstDayOfWeek;\n  result.setDate(result.getDate() - diff);\n  return result;\n};\n\n// Day 0 of the next month is the last day of this one.\nconst endOfMonth = (date: Date): Date =>\n  new Date(date.getFullYear(), date.getMonth() + 1, 0);\n\nconst dayKey = (date: Date): string =>\n  `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`;\n\nexport const generateMonthMatrix = (\n  month: number,\n  year: number,\n  firstDayOfWeek = 0,\n): MonthMatrix => {\n  const firstDay = new Date(year, month, 1);\n  const lastDay = endOfMonth(firstDay);\n  const currentDate = startOfWeek(firstDay, firstDayOfWeek);\n\n  const weeks: MonthMatrixDay[][] = [];\n  let currentWeek: MonthMatrixDay[] = [];\n\n  for (let i = 0; i < MAX_CELLS; i++) {\n    currentWeek.push({\n      date: new Date(currentDate),\n      inCurrentMonth: currentDate.getMonth() === month,\n      key: dayKey(currentDate),\n    });\n\n    if (currentWeek.length === DAYS_PER_WEEK) {\n      weeks.push(currentWeek);\n      currentWeek = [];\n    }\n\n    currentDate.setDate(currentDate.getDate() + 1);\n\n    // Stop on a week boundary once the month is behind us, so a month that fits\n    // in five rows does not get a trailing sixth.\n    if (currentWeek.length === 0 && currentDate > lastDay) break;\n  }\n\n  return { weeks, month, year };\n};\n\nexport const getWeekdayNames = (locale = 'en-US', firstDayOfWeek = 0): string[] => {\n  const baseDate = new Date(2025, 0, 5); // A Sunday\n  const weekdays: string[] = [];\n\n  for (let i = 0; i < DAYS_PER_WEEK; i++) {\n    const date = addDays(baseDate, (i + firstDayOfWeek) % DAYS_PER_WEEK);\n    weekdays.push(date.toLocaleDateString(locale, { weekday: 'narrow' }));\n  }\n\n  return weekdays;\n};\n\nexport const getMonthName = (month: number, year: number, locale = 'en-US'): string =>\n  new Date(year, month, 1).toLocaleDateString(locale, { month: 'long', year: 'numeric' });\n","import { addDays, addMonths, startOfWeek } from './Calendar.dates';\n\nconst DAYS_PER_WEEK = 7;\nconst MONTHS_PER_YEAR = 12;\n\ninterface NavigationContext {\n  firstDayOfWeek: number;\n  shiftKey: boolean;\n}\n\n// A lookup rather than a switch: each entry is one move, and adding a key does\n// not add a branch to the handler.\nconst NAVIGATION: Record<string, (date: Date, context: NavigationContext) => Date> = {\n  ArrowLeft: (date) => addDays(date, -1),\n  ArrowRight: (date) => addDays(date, 1),\n  ArrowUp: (date) => addDays(date, -DAYS_PER_WEEK),\n  ArrowDown: (date) => addDays(date, DAYS_PER_WEEK),\n  Home: (date, { firstDayOfWeek }) => startOfWeek(date, firstDayOfWeek),\n  End: (date, { firstDayOfWeek }) => addDays(startOfWeek(date, firstDayOfWeek), DAYS_PER_WEEK - 1),\n  // Shift jumps a year rather than a month.\n  PageUp: (date, { shiftKey }) => addMonths(date, shiftKey ? -MONTHS_PER_YEAR : -1),\n  PageDown: (date, { shiftKey }) => addMonths(date, shiftKey ? MONTHS_PER_YEAR : 1),\n};\n\nexport const ACTIVATION_KEYS = ['Enter', ' '];\n\n// Returns where focus moves for a navigation key, or null if the key is not one.\nexport const navigateFocus = (\n  key: string,\n  date: Date,\n  context: NavigationContext,\n): Date | null => NAVIGATION[key]?.(date, context) ?? null;\n","import { isBetween, isSameDay, normalizeDate } from './Calendar.dates';\nimport type {\n  CalendarProps,\n  DateRange,\n  DayRenderArgs,\n  MonthMatrixDay,\n  SelectionMode,\n} from './Calendar.types';\n\nconst MS_PER_DAY = 1000 * 60 * 60 * 24;\n\ntype RangeUpdate =\n  | { kind: 'start'; range: DateRange }\n  | { kind: 'complete'; range: Required<DateRange> }\n  | { kind: 'rejected' };\n\n// The endpoints carry their own styling, so \"in range\" means the interior only.\nconst strictlyBetween = (date: Date, start: Date, end: Date): boolean =>\n  isBetween(date, start, end) && !isSameDay(date, start) && !isSameDay(date, end);\n\nconst violatesLength = (\n  nights: number,\n  minRangeLength?: number,\n  maxRangeLength?: number,\n): boolean => {\n  if (minRangeLength && nights < minRangeLength - 1) return true;\n  if (maxRangeLength && nights > maxRangeLength - 1) return true;\n  return false;\n};\n\n// Decides what a click on `candidate` does to the current range: opens a new one,\n// closes the open one, or is refused because the result would break a constraint.\nexport const nextRangeStep = ({\n  start,\n  end,\n  candidate,\n  allowSameDayRange,\n  minRangeLength,\n  maxRangeLength,\n}: {\n  start?: Date | null;\n  end?: Date | null;\n  candidate: Date;\n  allowSameDayRange: boolean;\n  minRangeLength?: number;\n  maxRangeLength?: number;\n}): RangeUpdate => {\n  // Nothing started, or a finished range: this click opens a new one.\n  if (!start || end) return { kind: 'start', range: { start: candidate, end: null } };\n\n  // Clicking before the start picks the range backwards.\n  const [rangeStart, rangeEnd] = candidate < start ? [candidate, start] : [start, candidate];\n\n  if (!allowSameDayRange && isSameDay(rangeStart, rangeEnd)) return { kind: 'rejected' };\n\n  const nights = Math.ceil((rangeEnd.getTime() - rangeStart.getTime()) / MS_PER_DAY);\n  if (violatesLength(nights, minRangeLength, maxRangeLength)) return { kind: 'rejected' };\n\n  return { kind: 'complete', range: { start: rangeStart, end: rangeEnd } };\n};\n\nconst isDateSelected = ({\n  selectionMode,\n  value,\n  range,\n  date,\n}: {\n  selectionMode: SelectionMode;\n  value: Date | null;\n  range: DateRange;\n  date: Date;\n}): boolean => {\n  if (selectionMode === 'single') return value ? isSameDay(date, value) : false;\n\n  const { start, end } = range;\n  return Boolean((start && isSameDay(date, start)) || (end && isSameDay(date, end)));\n};\n\nconst isDateInRange = ({\n  selectionMode,\n  range,\n  hoveredDate,\n  date,\n  isDisabled,\n}: {\n  selectionMode: SelectionMode;\n  range: DateRange;\n  hoveredDate: Date | null;\n  date: Date;\n  isDisabled: (date: Date) => boolean;\n}): boolean => {\n  if (selectionMode !== 'range') return false;\n\n  const { start, end } = range;\n  if (start && end) return strictlyBetween(date, start, end);\n\n  // With only one end chosen, hovering previews the range the next click makes.\n  if (!start || !hoveredDate || isDisabled(hoveredDate)) return false;\n\n  const [previewStart, previewEnd] =\n    start < hoveredDate ? [start, hoveredDate] : [hoveredDate, start];\n  return strictlyBetween(date, previewStart, previewEnd);\n};\n\nexport const isDateDisabledBy = ({\n  date,\n  minDate,\n  maxDate,\n  isDateDisabled,\n}: {\n  date: Date;\n  minDate?: Date;\n  maxDate?: Date;\n  isDateDisabled?: CalendarProps['isDateDisabled'];\n}): boolean => {\n  // Bounds are normalized to noon so a min/max given at midnight does not\n  // exclude its own day.\n  if (minDate && date < normalizeDate(minDate)) return true;\n  if (maxDate && date > normalizeDate(maxDate)) return true;\n  return Boolean(isDateDisabled?.(date));\n};\n\n// Everything a day cell needs to know about itself, derived in one place so the\n// custom renderDay hook and the built-in cell see exactly the same facts.\nexport const buildDayArgs = ({\n  day,\n  selectionMode,\n  value,\n  range,\n  hoveredDate,\n  today,\n  isDisabled,\n}: {\n  day: MonthMatrixDay;\n  selectionMode: SelectionMode;\n  value: Date | null;\n  range: DateRange;\n  hoveredDate: Date | null;\n  today: Date;\n  isDisabled: (date: Date) => boolean;\n}): DayRenderArgs => {\n  const { date, inCurrentMonth } = day;\n  const inRangeMode = selectionMode === 'range';\n\n  return {\n    date,\n    inCurrentMonth,\n    selected: isDateSelected({ selectionMode, value, range, date }),\n    inRange: isDateInRange({ selectionMode, range, hoveredDate, date, isDisabled }),\n    rangeStart: Boolean(inRangeMode && range.start && isSameDay(date, range.start)),\n    rangeEnd: Boolean(inRangeMode && range.end && isSameDay(date, range.end)),\n    disabled: isDisabled(date),\n    today: isSameDay(date, today),\n    hovered: hoveredDate ? isSameDay(date, hoveredDate) : false,\n  };\n};\n","import ChevronLeft from '@mui/icons-material/ChevronLeft';\nimport ChevronRight from '@mui/icons-material/ChevronRight';\nimport { Box, IconButton, Typography } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { getMonthName } from './Calendar.dates';\nimport type { CalendarProps, MonthMatrix } from './Calendar.types';\nimport type { DayCellContext } from './CalendarDayCell';\nimport { CalendarDayCell } from './CalendarDayCell';\n\nconst SPACER_WIDTH = 32;\n\nconst GRID_SX = { display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)', gap: 0.5 } as const;\n\n// Only the outermost months carry arrows; the ones between get a spacer so their\n// titles stay centred.\nconst MonthNavHeader: FC<{\n  title: React.ReactNode;\n  showPrevious: boolean;\n  showNext: boolean;\n  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n}> = ({ title, showPrevious, showNext, onPreviousMonth, onNextMonth }) => (\n  <Box\n    sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 2 }}\n    data-testid=\"calendar-header\"\n  >\n    {showPrevious && (\n      <IconButton onClick={onPreviousMonth} size=\"small\" data-testid=\"calendar-prev-month\">\n        <ChevronLeft />\n      </IconButton>\n    )}\n\n    <Typography\n      variant=\"h6\"\n      component=\"h2\"\n      sx={{ fontWeight: 'bold', flex: 1, textAlign: 'center' }}\n    >\n      {title}\n    </Typography>\n\n    {showNext && (\n      <IconButton onClick={onNextMonth} size=\"small\" data-testid=\"calendar-next-month\">\n        <ChevronRight />\n      </IconButton>\n    )}\n\n    {!showPrevious && !showNext && <Box sx={{ width: SPACER_WIDTH }} />}\n  </Box>\n);\n\nconst WeekdayHeader: FC<{ weekdayNames: string[] }> = ({ weekdayNames }) => (\n  <Box sx={{ ...GRID_SX, mb: 1 }}>\n    {weekdayNames.map((weekday, index) => (\n      <Box\n        // Narrow weekday names repeat within a week ('S', 'T'), so position is\n        // the only stable key here.\n        key={`weekday-${index}`}\n        role=\"columnheader\"\n        data-testid={`calendar-weekday-${index}`}\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          height: SPACER_WIDTH,\n          fontSize: '0.875rem',\n          fontWeight: 'bold',\n          color: 'text.secondary',\n        }}\n      >\n        {weekday}\n      </Box>\n    ))}\n  </Box>\n);\n\nexport interface CalendarMonthProps {\n  matrix: MonthMatrix;\n  monthIndex: number;\n  monthsToShow: number;\n  locale: string;\n  weekdayNames: string[];\n  renderHeader?: CalendarProps['renderHeader'];\n  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n  dayContext: DayCellContext;\n}\n\nexport const CalendarMonth: FC<CalendarMonthProps> = ({\n  matrix,\n  monthIndex,\n  monthsToShow,\n  locale,\n  weekdayNames,\n  renderHeader,\n  onPreviousMonth,\n  onNextMonth,\n  dayContext,\n}) => {\n  const monthName = getMonthName(matrix.month, matrix.year, locale);\n  const title = renderHeader ? renderHeader({ month: matrix.month, year: matrix.year }) : monthName;\n\n  return (\n    /* The month is addressable by its position, because in a multi-month\n       calendar every day number appears once PER MONTH — `calendar-date-5` is\n       January's 5th and February's. Without a per-month hook a test can only\n       reach a day positionally, which is exactly what the flakiness gate\n       refuses. Additive: `calendar-grid` below is unchanged. */\n    <Box sx={{ minWidth: 280 }} data-testid={`calendar-month-${monthIndex}`}>\n      <MonthNavHeader\n        title={title}\n        showPrevious={monthIndex === 0}\n        showNext={monthIndex === monthsToShow - 1}\n        onPreviousMonth={onPreviousMonth}\n        onNextMonth={onNextMonth}\n      />\n\n      <WeekdayHeader weekdayNames={weekdayNames} />\n\n      <Box\n        role=\"grid\"\n        aria-labelledby={`month-${monthIndex}`}\n        data-testid=\"calendar-grid\"\n        sx={GRID_SX}\n      >\n        {matrix.weeks.flat().map((day) => (\n          <CalendarDayCell key={day.key} day={day} {...dayContext} />\n        ))}\n      </Box>\n    </Box>\n  );\n};\n","import type { SxProps, Theme } from '@mui/material';\nimport { Box } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport type { DayRenderArgs } from './Calendar.types';\n\nconst CELL_SIZE = 40;\n\ninterface DayState extends DayRenderArgs {\n  outside: boolean;\n  focused: boolean;\n}\n\n// Order matters: these land on the element in the order listed.\nconst CLASS_FLAGS: Array<[keyof DayState, string]> = [\n  ['selected', 'selected'],\n  ['inRange', 'in-range'],\n  ['rangeStart', 'range-start'],\n  ['rangeEnd', 'range-end'],\n  ['disabled', 'disabled'],\n  ['today', 'today'],\n  ['outside', 'outside'],\n  ['hovered', 'hovered'],\n  ['focused', 'focused'],\n];\n\nconst dayClassNames = (state: DayState, custom?: string): string =>\n  [\n    'calendar-day',\n    ...CLASS_FLAGS.filter(([flag]) => state[flag]).map(([, name]) => name),\n    ...(custom ? [custom] : []),\n  ].join(' ');\n\nconst isEndpoint = (day: DayRenderArgs): boolean =>\n  day.selected || day.rangeStart || day.rangeEnd;\n\nconst backgroundFor = (day: DayRenderArgs): string => {\n  if (isEndpoint(day)) return 'primary.main';\n  if (day.inRange || day.hovered) return 'primary.light';\n  return 'transparent';\n};\n\nconst colorFor = (day: DayRenderArgs, visible: boolean): string => {\n  if (isEndpoint(day)) return 'primary.contrastText';\n  if (day.disabled) return 'text.disabled';\n  // Outside days that are switched off still occupy the grid, they just have\n  // nothing to show.\n  if (!visible) return 'transparent';\n  return 'text.primary';\n};\n\nconst hoverBackgroundFor = (day: DayRenderArgs): string | undefined => {\n  if (day.disabled) return undefined;\n  return day.selected ? 'primary.dark' : 'action.hover';\n};\n\nconst dayCellSx = (day: DayRenderArgs, visible: boolean): SxProps<Theme> => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: CELL_SIZE,\n  height: CELL_SIZE,\n  border: 'none',\n  borderRadius: 1,\n  cursor: day.disabled ? 'not-allowed' : 'pointer',\n  backgroundColor: backgroundFor(day),\n  color: colorFor(day, visible),\n  opacity: !day.inCurrentMonth && visible ? 0.5 : 1,\n  fontWeight: day.today ? 'bold' : 'normal',\n  '&:hover': {\n    backgroundColor: hoverBackgroundFor(day),\n  },\n  '&:focus': {\n    outline: '2px solid',\n    outlineColor: 'primary.main',\n    outlineOffset: 1,\n  },\n});\n\nexport interface CalendarDayProps {\n  day: DayRenderArgs;\n  focused: boolean;\n  showOutsideDays: boolean;\n  dayClassName?: (args: DayRenderArgs) => string;\n  onSelect: (date: Date) => void;\n  onHover: (date: Date) => void;\n  onHoverEnd: () => void;\n}\n\nexport const CalendarDay: FC<CalendarDayProps> = ({\n  day,\n  focused,\n  showOutsideDays,\n  dayClassName,\n  onSelect,\n  onHover,\n  onHoverEnd,\n}) => {\n  const visible = day.inCurrentMonth || showOutsideDays;\n  const state: DayState = { ...day, outside: !day.inCurrentMonth, focused };\n\n  return (\n    <Box\n      component=\"button\"\n      role=\"gridcell\"\n      tabIndex={focused ? 0 : -1}\n      aria-selected={day.selected}\n      aria-disabled={day.disabled}\n      aria-current={day.today ? 'date' : undefined}\n      className={dayClassNames(state, dayClassName?.(day))}\n      data-testid={`calendar-date-${day.date.getDate()}`}\n      onClick={() => onSelect(day.date)}\n      onMouseEnter={() => onHover(day.date)}\n      onMouseLeave={onHoverEnd}\n      sx={dayCellSx(day, visible)}\n    >\n      {day.selected && (\n        <Box component=\"span\" data-testid=\"calendar-selected-date\" sx={{ display: 'none' }} />\n      )}\n      {day.today && (\n        <Box component=\"span\" data-testid=\"calendar-today\" sx={{ display: 'none' }} />\n      )}\n      {visible ? day.date.getDate() : ''}\n    </Box>\n  );\n};\n","import type { FC } from 'react';\nimport React from 'react';\n\nimport { isSameDay } from './Calendar.dates';\nimport { buildDayArgs } from './Calendar.selection';\nimport type { CalendarProps, DateRange, MonthMatrixDay, SelectionMode } from './Calendar.types';\nimport { CalendarDay } from './CalendarDay';\n\n// Everything a cell needs that is the same for every cell in the calendar.\nexport interface DayCellContext {\n  selectionMode: SelectionMode;\n  value: Date | null;\n  range: DateRange;\n  hoveredDate: Date | null;\n  focusedDate: Date;\n  today: Date;\n  showOutsideDays: boolean;\n  isDisabled: (date: Date) => boolean;\n  renderDay?: CalendarProps['renderDay'];\n  dayClassName?: CalendarProps['dayClassName'];\n  onSelect: (date: Date) => void;\n  onHover: (date: Date) => void;\n  onHoverEnd: () => void;\n}\n\nexport const CalendarDayCell: FC<DayCellContext & { day: MonthMatrixDay }> = ({\n  day,\n  focusedDate,\n  showOutsideDays,\n  renderDay,\n  dayClassName,\n  onSelect,\n  onHover,\n  onHoverEnd,\n  ...context\n}) => {\n  const args = buildDayArgs({ day, ...context });\n\n  if (renderDay) return <>{renderDay(args)}</>;\n\n  return (\n    <CalendarDay\n      day={args}\n      focused={isSameDay(args.date, focusedDate)}\n      showOutsideDays={showOutsideDays}\n      dayClassName={dayClassName}\n      onSelect={onSelect}\n      onHover={onHover}\n      onHoverEnd={onHoverEnd}\n    />\n  );\n};\n"],"mappings":"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","names":["Box","DAYS_PER_WEEK","Box","jsx","jsx","jsxs","Box","jsx","jsxs","Box"]}

package/dist/chunk-DI44UBHQ.js

@@ -0,0 +1,379 @@
+import {
+  withDefaults
+} from "./chunk-Y2JYDXL7.js";
+
+// src/components/form/Slider/Slider.tsx
+import { Box, Slider as MuiSlider, Typography } from "@mui/material";
+import { styled } from "@mui/material";
+import { forwardRef } from "react";
+
+// src/components/form/Slider/Slider.styles.ts
+import { alpha } from "@mui/material";
+
+// src/components/form/Slider/Slider.animations.ts
+import { keyframes } from "@mui/material";
+var glowAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 5px currentColor;
+  }
+  50% {
+    box-shadow: 0 0 15px currentColor, 0 0 25px currentColor;
+  }
+  100% {
+    box-shadow: 0 0 5px currentColor;
+  }
+`;
+var pulseAnimation = keyframes`
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(1.5);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+`;
+var gradientShiftAnimation = keyframes`
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+`;
+
+// src/components/form/Slider/Slider.styles.ts
+var neutralPalette = (theme) => ({
+  main: theme.palette.grey[700],
+  dark: theme.palette.grey[800],
+  light: theme.palette.grey[500],
+  contrastText: "#fff"
+});
+var namedPalette = (theme, color) => {
+  const colorMap = {
+    primary: theme.palette.primary,
+    secondary: theme.palette.secondary,
+    success: theme.palette.success,
+    warning: theme.palette.warning,
+    info: theme.palette.info,
+    danger: theme.palette.error
+  };
+  return colorMap[color] || theme.palette.primary;
+};
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") {
+    return neutralPalette(theme);
+  }
+  const palette = namedPalette(theme, color);
+  const { primary } = theme.palette;
+  return {
+    main: palette.main || primary.main,
+    dark: palette.dark || palette.main || primary.dark,
+    light: palette.light || palette.main || primary.light,
+    contrastText: palette.contrastText || "#fff"
+  };
+};
+var SIZES = {
+  xs: { height: 4, thumbSize: 16, markHeight: 8 },
+  sm: { height: 6, thumbSize: 18, markHeight: 10 },
+  md: { height: 8, thumbSize: 20, markHeight: 12 },
+  lg: { height: 10, thumbSize: 24, markHeight: 14 },
+  xl: { height: 12, thumbSize: 28, markHeight: 16 }
+};
+var LABEL_SCALE = {
+  xs: { fontSize: 10, box: 28, markFont: "0.65rem" },
+  sm: { fontSize: 11, box: 30, markFont: "0.7rem" }
+};
+var LABEL_DEFAULT = { fontSize: 12, box: 32, markFont: "0.75rem" };
+var trackPart = ({ flags, palette, geometry }) => {
+  const { gradient, glow, glass, customVariant } = flags;
+  const isGradientVariant = customVariant === "gradient";
+  return {
+    border: "none",
+    height: geometry.height,
+    borderRadius: geometry.height / 2,
+    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+    position: "relative",
+    overflow: "hidden",
+    ...gradient && {
+      background: isGradientVariant ? `linear-gradient(90deg,
+              ${palette.light} 0%,
+              ${palette.main} 50%,
+              ${palette.dark} 100%)` : `linear-gradient(90deg, ${palette.light}, ${palette.main})`,
+      backgroundSize: "200% 100%",
+      animation: isGradientVariant ? `${gradientShiftAnimation} 3s ease infinite` : "none",
+      // A sheen that travels the filled portion while the gradient shifts.
+      "&::after": {
+        content: '""',
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        background: `linear-gradient(90deg, transparent, ${alpha("#fff", 0.2)}, transparent)`,
+        animation: `${gradientShiftAnimation} 2s linear infinite`
+      }
+    },
+    ...glow && {
+      animation: `${glowAnimation} 2s ease-in-out infinite`,
+      boxShadow: `0 0 10px ${alpha(palette.main, 0.6)}, inset 0 0 10px ${alpha(palette.main, 0.2)}`
+    },
+    ...glass && {
+      backgroundColor: alpha(palette.main, 0.8),
+      backdropFilter: "blur(10px)",
+      border: `1px solid ${alpha(palette.light || palette.main, 0.3)}`
+    }
+  };
+};
+var railPart = ({ theme, flags, geometry }) => ({
+  color: alpha(theme.palette.action.disabled, 0.3),
+  opacity: 1,
+  height: geometry.height,
+  borderRadius: geometry.height / 2,
+  transition: "all 0.3s ease",
+  ...flags.glass && {
+    backgroundColor: alpha(theme.palette.background.paper, 0.1),
+    backdropFilter: "blur(20px)",
+    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`
+  },
+  ...flags.customVariant === "gradient" && {
+    background: `linear-gradient(90deg,
+          ${alpha(theme.palette.action.disabled, 0.2)},
+          ${alpha(theme.palette.action.disabled, 0.3)},
+          ${alpha(theme.palette.action.disabled, 0.2)})`
+  }
+});
+var thumbPart = ({ theme, flags, palette, geometry }) => {
+  const { gradient, glow, glass } = flags;
+  return {
+    height: geometry.thumbSize,
+    width: geometry.thumbSize,
+    backgroundColor: gradient ? palette.main : "#fff",
+    border: `2px solid ${palette.main}`,
+    boxShadow: `${theme.shadows[2]}, 0 0 0 0 ${alpha(palette.main, 0.2)}`,
+    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+    position: "relative",
+    // Sits invisible until focus or hover runs the pulse keyframes over it.
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)",
+      width: "100%",
+      height: "100%",
+      borderRadius: "50%",
+      backgroundColor: palette.main,
+      opacity: 0
+    },
+    "&:focus, &:hover, &.Mui-active, &.Mui-focusVisible": {
+      boxShadow: glow ? `${theme.shadows[4]}, 0 0 20px ${alpha(palette.main, 0.6)}, 0 0 0 8px ${alpha(palette.main, 0.15)}` : `${theme.shadows[4]}, 0 0 0 8px ${alpha(palette.main, 0.15)}`,
+      transform: "scale(1.15)",
+      "&::before": { animation: `${pulseAnimation} 0.6s ease-out` }
+    },
+    "&:active": { transform: "scale(1.05)" },
+    ...glass && {
+      backgroundColor: alpha(theme.palette.background.paper, 0.9),
+      backdropFilter: "blur(10px)",
+      border: `2px solid ${alpha(palette.main, 0.8)}`
+    },
+    ...gradient && {
+      background: `linear-gradient(135deg, ${palette.light}, ${palette.main})`,
+      border: "none",
+      color: "#fff"
+    }
+  };
+};
+var bubbleBackground = (palette, gradient, glass) => {
+  if (gradient) return "transparent";
+  return glass ? alpha(palette.main, 0.9) : palette.main;
+};
+var bubbleTransformFor = (gradient) => {
+  const base = gradient ? "translate(50%, -150%)" : "translate(50%, -100%) rotate(-45deg)";
+  return { hidden: `${base} scale(0)`, shown: `${base} scale(1)` };
+};
+var valueLabelPart = ({ theme, flags, palette }) => {
+  const { gradient, glass, customSize } = flags;
+  const scale = LABEL_SCALE[customSize ?? ""] ?? LABEL_DEFAULT;
+  const bubbleTransform = bubbleTransformFor(Boolean(gradient));
+  return {
+    lineHeight: 1.2,
+    fontSize: scale.fontSize,
+    padding: 0,
+    width: scale.box,
+    height: scale.box,
+    borderRadius: gradient ? "8px" : "50% 50% 50% 0",
+    backgroundColor: bubbleBackground(palette, Boolean(gradient), Boolean(glass)),
+    background: gradient ? `linear-gradient(135deg, ${palette.light}, ${palette.main})` : "unset",
+    backdropFilter: glass ? "blur(10px)" : "none",
+    transformOrigin: "bottom left",
+    transform: bubbleTransform.hidden,
+    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+    boxShadow: `${theme.shadows[2]}, 0 0 10px ${alpha(palette.main, 0.2)}`,
+    "&:before": { display: "none" },
+    "&.MuiSlider-valueLabelOpen": { transform: bubbleTransform.shown },
+    "& > *": { transform: gradient ? "none" : "rotate(45deg)", fontWeight: 600 }
+  };
+};
+var markPart = ({ theme, flags, palette, geometry }) => {
+  const { gradient, glow, customVariant } = flags;
+  const isMarksVariant = customVariant === "marks";
+  const { markHeight, height } = geometry;
+  return {
+    backgroundColor: alpha(theme.palette.action.disabled, 0.5),
+    height: markHeight,
+    width: isMarksVariant ? 3 : 2,
+    // Centred on the rail rather than hanging below it.
+    marginTop: -(markHeight - height) / 2,
+    borderRadius: 1,
+    transition: "all 0.3s ease",
+    "&.MuiSlider-markActive": {
+      backgroundColor: gradient ? palette.light : palette.main,
+      width: isMarksVariant ? 4 : 2,
+      height: markHeight + 2,
+      marginTop: -(markHeight + 2 - height) / 2,
+      ...glow && { boxShadow: `0 0 8px ${alpha(palette.main, 0.5)}` }
+    }
+  };
+};
+var markLabelPart = ({ theme, flags, palette }) => ({
+  fontSize: (LABEL_SCALE[flags.customSize ?? ""] ?? LABEL_DEFAULT).markFont,
+  color: theme.palette.text.secondary,
+  marginTop: theme.spacing(1.5),
+  fontWeight: 500,
+  transition: "all 0.3s ease",
+  "&.MuiSlider-markLabelActive": {
+    color: palette.main,
+    fontWeight: 600,
+    transform: "scale(1.05)"
+  }
+});
+var sliderSx = (theme, flags) => {
+  const palette = getColorFromTheme(theme, flags.customColor ?? "primary");
+  const geometry = SIZES[flags.customSize] ?? SIZES.md;
+  const input = { theme, flags, palette, geometry };
+  return {
+    color: palette.main,
+    height: geometry.height,
+    "& .MuiSlider-track": trackPart(input),
+    "& .MuiSlider-rail": railPart(input),
+    "& .MuiSlider-thumb": thumbPart(input),
+    "& .MuiSlider-valueLabel": valueLabelPart(input),
+    "& .MuiSlider-mark": markPart(input),
+    "& .MuiSlider-markLabel": markLabelPart(input)
+  };
+};
+
+// src/components/form/Slider/Slider.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledSlider = styled(MuiSlider, {
+  shouldForwardProp: (prop) => !["customColor", "customSize", "glow", "glass", "gradient", "customVariant"].includes(
+    prop
+  )
+})(({ theme, ...flags }) => ({ ...sliderSx(theme, flags) }));
+var DEFAULTS = {
+  variant: "default",
+  color: "primary",
+  size: "md",
+  showValue: false,
+  glow: false,
+  glass: false,
+  gradient: false,
+  showMarks: false,
+  unit: ""
+};
+var formatOne = (n, unit, formatValue) => `${formatValue ? formatValue(n) : n}${unit}`;
+var displayValueOf = (value, unit, formatValue) => {
+  if (Array.isArray(value)) {
+    const low = formatOne(value[0] ?? 0, unit, formatValue);
+    const high = formatOne(value[1] ?? 0, unit, formatValue);
+    return `${low} - ${high}`;
+  }
+  return formatOne(value ?? 0, unit, formatValue);
+};
+var marksFor = (variant, showMarks, customMarks) => {
+  if (variant !== "marks" && !showMarks) return void 0;
+  return customMarks || (variant === "marks" ? true : void 0);
+};
+var Slider = forwardRef((props, ref) => {
+  const {
+    variant,
+    color,
+    size,
+    label,
+    showValue,
+    glow,
+    glass,
+    gradient,
+    showMarks,
+    customMarks,
+    unit,
+    formatValue,
+    value,
+    onChange,
+    dataTestId,
+    ...rest
+  } = withDefaults(props, DEFAULTS);
+  const testId = (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0;
+  return /* @__PURE__ */ jsxs(Box, { sx: { width: "100%" }, "data-testid": dataTestId, children: [
+    (label || showValue) && /* @__PURE__ */ jsxs(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          mb: 2
+        },
+        children: [
+          label && /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "body2",
+              fontWeight: 500,
+              color: "text.primary",
+              "data-testid": testId("label"),
+              children: label
+            }
+          ),
+          showValue && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", "data-testid": testId("value-label"), children: displayValueOf(value, unit, formatValue) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { sx: { px: 1 }, children: /* @__PURE__ */ jsx(
+      StyledSlider,
+      {
+        ref,
+        customColor: color,
+        customSize: size,
+        glow,
+        glass,
+        gradient,
+        customVariant: variant,
+        value,
+        onChange,
+        marks: marksFor(variant, showMarks, customMarks),
+        valueLabelDisplay: showValue ? "auto" : "off",
+        "data-testid": testId("slider"),
+        slotProps: {
+          track: { "data-testid": testId("track") },
+          thumb: { "data-testid": testId("thumb") }
+        },
+        ...rest
+      }
+    ) })
+  ] });
+});
+Slider.displayName = "Slider";
+
+export {
+  Slider
+};
+//# sourceMappingURL=chunk-DI44UBHQ.js.map

package/dist/chunk-DI44UBHQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Slider/Slider.tsx","../src/components/form/Slider/Slider.styles.ts","../src/components/form/Slider/Slider.animations.ts"],"sourcesContent":["import { Box, Slider as MuiSlider, Typography } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { sliderSx } from './Slider.styles';\nimport type { SliderFlags } from './Slider.styles';\nimport type { SliderProps } from './Slider.types';\n\nconst StyledSlider = styled(MuiSlider, {\n  shouldForwardProp: (prop) =>\n    !['customColor', 'customSize', 'glow', 'glass', 'gradient', 'customVariant'].includes(\n      prop as string,\n    ),\n})<SliderFlags>(({ theme, ...flags }) => ({ ...sliderSx(theme, flags) }));\n\nconst DEFAULTS = {\n  variant: 'default',\n  color: 'primary',\n  size: 'md',\n  showValue: false,\n  glow: false,\n  glass: false,\n  gradient: false,\n  showMarks: false,\n  unit: '',\n} satisfies Partial<SliderProps>;\n\ntype ResolvedProps = SliderProps & Required<Pick<SliderProps, keyof typeof DEFAULTS>>;\n\n/** One end of the value, formatted by the caller's formatter if it supplied one. */\nconst formatOne = (n: number, unit: string, formatValue?: (v: number) => string) =>\n  `${formatValue ? formatValue(n) : n}${unit}`;\n\n/** A range renders as `low - high`; a single value on its own. */\nconst displayValueOf = (\n  value: SliderProps['value'],\n  unit: string,\n  formatValue?: (v: number) => string,\n) => {\n  if (Array.isArray(value)) {\n    const low = formatOne(value[0] ?? 0, unit, formatValue);\n    const high = formatOne(value[1] ?? 0, unit, formatValue);\n    return `${low} - ${high}`;\n  }\n\n  return formatOne((value as number) ?? 0, unit, formatValue);\n};\n\n/**\n * Marks come from `customMarks` when given. Otherwise the `marks` variant asks\n * MUI to derive them from the step, and anything else shows none.\n */\nconst marksFor = (variant: string, showMarks: boolean, customMarks: SliderProps['customMarks']) => {\n  if (variant !== 'marks' && !showMarks) return undefined;\n  return customMarks || (variant === 'marks' ? true : undefined);\n};\n\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>((props, ref) => {\n  const {\n    variant, color, size, label, showValue, glow, glass, gradient,\n    showMarks, customMarks, unit, formatValue, value, onChange, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const testId = (suffix: string) => (dataTestId ? `${dataTestId}-${suffix}` : undefined);\n\n  return (\n    <Box sx={{ width: '100%' }} data-testid={dataTestId}>\n      {(label || showValue) && (\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n            mb: 2,\n          }}\n        >\n          {label && (\n            <Typography\n              variant=\"body2\"\n              fontWeight={500}\n              color=\"text.primary\"\n              data-testid={testId('label')}\n            >\n              {label}\n            </Typography>\n          )}\n          {showValue && (\n            <Typography variant=\"body2\" color=\"text.secondary\" data-testid={testId('value-label')}>\n              {displayValueOf(value, unit, formatValue)}\n            </Typography>\n          )}\n        </Box>\n      )}\n\n      <Box sx={{ px: 1 }}>\n        <StyledSlider\n          ref={ref}\n          customColor={color}\n          customSize={size}\n          glow={glow}\n          glass={glass}\n          gradient={gradient}\n          customVariant={variant}\n          value={value}\n          onChange={onChange}\n          marks={marksFor(variant, showMarks, customMarks)}\n          valueLabelDisplay={showValue ? 'auto' : 'off'}\n          data-testid={testId('slider')}\n          slotProps={{\n            track: { 'data-testid': testId('track') } as React.HTMLAttributes<HTMLSpanElement>,\n            thumb: { 'data-testid': testId('thumb') } as React.HTMLAttributes<HTMLSpanElement>,\n          }}\n          {...rest}\n        />\n      </Box>\n    </Box>\n  );\n});\n\nSlider.displayName = 'Slider';\n","import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport { glowAnimation, gradientShiftAnimation, pulseAnimation } from './Slider.animations';\n\ninterface ColorPalette {\n  main: string;\n  dark?: string;\n  light?: string;\n  contrastText?: string;\n}\n\n/** `neutral` is not a MUI palette entry, so it is built from the grey ramp. */\nconst neutralPalette = (theme: Theme): ColorPalette => ({\n  main: theme.palette.grey[700],\n  dark: theme.palette.grey[800],\n  light: theme.palette.grey[500],\n  contrastText: '#fff',\n});\n\n/** `danger` is this component's name for the error palette. */\nconst namedPalette = (theme: Theme, color: string): ColorPalette => {\n  const colorMap: Record<string, ColorPalette> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\nconst getColorFromTheme = (theme: Theme, color: string): ColorPalette => {\n  if (color === 'neutral') {\n    return neutralPalette(theme);\n  }\n\n  const palette = namedPalette(theme, color);\n  const { primary } = theme.palette;\n\n  return {\n    main: palette.main || primary.main,\n    dark: palette.dark || palette.main || primary.dark,\n    light: palette.light || palette.main || primary.light,\n    contrastText: palette.contrastText || '#fff',\n  };\n};\n\ntype SizeKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\ninterface Geometry {\n  height: number;\n  thumbSize: number;\n  markHeight: number;\n}\n\nconst SIZES: Record<SizeKey, Geometry> = {\n  xs: { height: 4, thumbSize: 16, markHeight: 8 },\n  sm: { height: 6, thumbSize: 18, markHeight: 10 },\n  md: { height: 8, thumbSize: 20, markHeight: 12 },\n  lg: { height: 10, thumbSize: 24, markHeight: 14 },\n  xl: { height: 12, thumbSize: 28, markHeight: 16 },\n};\n\n/** The value bubble and mark labels shrink at the two smallest sizes only. */\nconst LABEL_SCALE: Record<string, { fontSize: number; box: number; markFont: string }> = {\n  xs: { fontSize: 10, box: 28, markFont: '0.65rem' },\n  sm: { fontSize: 11, box: 30, markFont: '0.7rem' },\n};\nconst LABEL_DEFAULT = { fontSize: 12, box: 32, markFont: '0.75rem' };\n\nexport interface SliderFlags {\n  customColor?: string;\n  customSize?: string;\n  glow?: boolean;\n  glass?: boolean;\n  gradient?: boolean;\n  customVariant?: string;\n}\n\ninterface PartInput {\n  theme: Theme;\n  flags: SliderFlags;\n  palette: ColorPalette;\n  geometry: Geometry;\n}\n\nconst trackPart = ({ flags, palette, geometry }: PartInput): CSSObject => {\n  const { gradient, glow, glass, customVariant } = flags;\n  const isGradientVariant = customVariant === 'gradient';\n\n  return {\n    border: 'none',\n    height: geometry.height,\n    borderRadius: geometry.height / 2,\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    position: 'relative',\n    overflow: 'hidden',\n    ...(gradient && {\n      background: isGradientVariant\n        ? `linear-gradient(90deg,\n              ${palette.light} 0%,\n              ${palette.main} 50%,\n              ${palette.dark} 100%)`\n        : `linear-gradient(90deg, ${palette.light}, ${palette.main})`,\n      backgroundSize: '200% 100%',\n      animation: isGradientVariant ? `${gradientShiftAnimation} 3s ease infinite` : 'none',\n      // A sheen that travels the filled portion while the gradient shifts.\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        background: `linear-gradient(90deg, transparent, ${alpha('#fff', 0.2)}, transparent)`,\n        animation: `${gradientShiftAnimation} 2s linear infinite`,\n      },\n    }),\n    ...(glow && {\n      animation: `${glowAnimation} 2s ease-in-out infinite`,\n      boxShadow: `0 0 10px ${alpha(palette.main, 0.6)}, inset 0 0 10px ${alpha(palette.main, 0.2)}`,\n    }),\n    ...(glass && {\n      backgroundColor: alpha(palette.main, 0.8),\n      backdropFilter: 'blur(10px)',\n      border: `1px solid ${alpha(palette.light || palette.main, 0.3)}`,\n    }),\n  };\n};\n\nconst railPart = ({ theme, flags, geometry }: PartInput): CSSObject => ({\n  color: alpha(theme.palette.action.disabled, 0.3),\n  opacity: 1,\n  height: geometry.height,\n  borderRadius: geometry.height / 2,\n  transition: 'all 0.3s ease',\n  ...(flags.glass && {\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: 'blur(20px)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  }),\n  ...(flags.customVariant === 'gradient' && {\n    background: `linear-gradient(90deg,\n          ${alpha(theme.palette.action.disabled, 0.2)},\n          ${alpha(theme.palette.action.disabled, 0.3)},\n          ${alpha(theme.palette.action.disabled, 0.2)})`,\n  }),\n});\n\nconst thumbPart = ({ theme, flags, palette, geometry }: PartInput): CSSObject => {\n  const { gradient, glow, glass } = flags;\n\n  return {\n    height: geometry.thumbSize,\n    width: geometry.thumbSize,\n    backgroundColor: gradient ? palette.main : '#fff',\n    border: `2px solid ${palette.main}`,\n    boxShadow: `${theme.shadows[2]}, 0 0 0 0 ${alpha(palette.main, 0.2)}`,\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    position: 'relative',\n    // Sits invisible until focus or hover runs the pulse keyframes over it.\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      width: '100%',\n      height: '100%',\n      borderRadius: '50%',\n      backgroundColor: palette.main,\n      opacity: 0,\n    },\n    '&:focus, &:hover, &.Mui-active, &.Mui-focusVisible': {\n      boxShadow: glow\n        ? `${theme.shadows[4]}, 0 0 20px ${alpha(palette.main, 0.6)}, 0 0 0 8px ${alpha(palette.main, 0.15)}`\n        : `${theme.shadows[4]}, 0 0 0 8px ${alpha(palette.main, 0.15)}`,\n      transform: 'scale(1.15)',\n      '&::before': { animation: `${pulseAnimation} 0.6s ease-out` },\n    },\n    '&:active': { transform: 'scale(1.05)' },\n    ...(glass && {\n      backgroundColor: alpha(theme.palette.background.paper, 0.9),\n      backdropFilter: 'blur(10px)',\n      border: `2px solid ${alpha(palette.main, 0.8)}`,\n    }),\n    ...(gradient && {\n      background: `linear-gradient(135deg, ${palette.light}, ${palette.main})`,\n      border: 'none',\n      color: '#fff',\n    }),\n  };\n};\n\n/** Transparent under a gradient (the gradient itself paints it), else the accent. */\nconst bubbleBackground = (palette: ColorPalette, gradient: boolean, glass: boolean) => {\n  if (gradient) return 'transparent';\n  return glass ? alpha(palette.main, 0.9) : palette.main;\n};\n\n/** The bubble's closed and open transforms; only the scale differs between them. */\nconst bubbleTransformFor = (gradient: boolean) => {\n  const base = gradient ? 'translate(50%, -150%)' : 'translate(50%, -100%) rotate(-45deg)';\n  return { hidden: `${base} scale(0)`, shown: `${base} scale(1)` };\n};\n\n/**\n * The value bubble. Without `gradient` it is MUI's teardrop — a rotated square\n * with one square corner — so its contents are counter-rotated; the gradient\n * look is a plain rounded box and needs neither rotation.\n */\nconst valueLabelPart = ({ theme, flags, palette }: PartInput): CSSObject => {\n  const { gradient, glass, customSize } = flags;\n  const scale = LABEL_SCALE[customSize ?? ''] ?? LABEL_DEFAULT;\n  const bubbleTransform = bubbleTransformFor(Boolean(gradient));\n\n  return {\n    lineHeight: 1.2,\n    fontSize: scale.fontSize,\n    padding: 0,\n    width: scale.box,\n    height: scale.box,\n    borderRadius: gradient ? '8px' : '50% 50% 50% 0',\n    backgroundColor: bubbleBackground(palette, Boolean(gradient), Boolean(glass)),\n    background: gradient\n      ? `linear-gradient(135deg, ${palette.light}, ${palette.main})`\n      : 'unset',\n    backdropFilter: glass ? 'blur(10px)' : 'none',\n    transformOrigin: 'bottom left',\n    transform: bubbleTransform.hidden,\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    boxShadow: `${theme.shadows[2]}, 0 0 10px ${alpha(palette.main, 0.2)}`,\n    '&:before': { display: 'none' },\n    '&.MuiSlider-valueLabelOpen': { transform: bubbleTransform.shown },\n    '& > *': { transform: gradient ? 'none' : 'rotate(45deg)', fontWeight: 600 },\n  };\n};\n\nconst markPart = ({ theme, flags, palette, geometry }: PartInput): CSSObject => {\n  const { gradient, glow, customVariant } = flags;\n  const isMarksVariant = customVariant === 'marks';\n  const { markHeight, height } = geometry;\n\n  return {\n    backgroundColor: alpha(theme.palette.action.disabled, 0.5),\n    height: markHeight,\n    width: isMarksVariant ? 3 : 2,\n    // Centred on the rail rather than hanging below it.\n    marginTop: -(markHeight - height) / 2,\n    borderRadius: 1,\n    transition: 'all 0.3s ease',\n    '&.MuiSlider-markActive': {\n      backgroundColor: gradient ? palette.light : palette.main,\n      width: isMarksVariant ? 4 : 2,\n      height: markHeight + 2,\n      marginTop: -(markHeight + 2 - height) / 2,\n      ...(glow && { boxShadow: `0 0 8px ${alpha(palette.main, 0.5)}` }),\n    },\n  };\n};\n\nconst markLabelPart = ({ theme, flags, palette }: PartInput): CSSObject => ({\n  fontSize: (LABEL_SCALE[flags.customSize ?? ''] ?? LABEL_DEFAULT).markFont,\n  color: theme.palette.text.secondary,\n  marginTop: theme.spacing(1.5),\n  fontWeight: 500,\n  transition: 'all 0.3s ease',\n  '&.MuiSlider-markLabelActive': {\n    color: palette.main,\n    fontWeight: 600,\n    transform: 'scale(1.05)',\n  },\n});\n\nexport const sliderSx = (theme: Theme, flags: SliderFlags): CSSObject => {\n  const palette = getColorFromTheme(theme, flags.customColor ?? 'primary');\n  const geometry = SIZES[flags.customSize as SizeKey] ?? SIZES.md;\n  const input: PartInput = { theme, flags, palette, geometry };\n\n  return {\n    color: palette.main,\n    height: geometry.height,\n    '& .MuiSlider-track': trackPart(input),\n    '& .MuiSlider-rail': railPart(input),\n    '& .MuiSlider-thumb': thumbPart(input),\n    '& .MuiSlider-valueLabel': valueLabelPart(input),\n    '& .MuiSlider-mark': markPart(input),\n    '& .MuiSlider-markLabel': markLabelPart(input),\n  };\n};\n","import { keyframes } from '@mui/material';\n\nexport const glowAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 5px currentColor;\n  }\n  50% {\n    box-shadow: 0 0 15px currentColor, 0 0 25px currentColor;\n  }\n  100% {\n    box-shadow: 0 0 5px currentColor;\n  }\n`;\n\nexport const pulseAnimation = keyframes`\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.5);\n    opacity: 0.5;\n  }\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n`;\n\nexport const gradientShiftAnimation = keyframes`\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`;\n"],"mappings":";;;;;AAAA,SAAS,KAAK,UAAU,WAAW,kBAAkB;AACrD,SAAS,cAAc;AACvB,SAAgB,kBAAkB;;;ACFlC,SAAS,aAAa;;;ACAtB,SAAS,iBAAiB;AAEnB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYtB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAevB,IAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ADhBtC,IAAM,iBAAiB,CAAC,WAAgC;AAAA,EACtD,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC5B,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC5B,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC7B,cAAc;AAChB;AAGA,IAAM,eAAe,CAAC,OAAc,UAAgC;AAClE,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AAEA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ;AAC1C;AAEA,IAAM,oBAAoB,CAAC,OAAc,UAAgC;AACvE,MAAI,UAAU,WAAW;AACvB,WAAO,eAAe,KAAK;AAAA,EAC7B;AAEA,QAAM,UAAU,aAAa,OAAO,KAAK;AACzC,QAAM,EAAE,QAAQ,IAAI,MAAM;AAE1B,SAAO;AAAA,IACL,MAAM,QAAQ,QAAQ,QAAQ;AAAA,IAC9B,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,IAC9C,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAAA,IAChD,cAAc,QAAQ,gBAAgB;AAAA,EACxC;AACF;AAUA,IAAM,QAAmC;AAAA,EACvC,IAAI,EAAE,QAAQ,GAAG,WAAW,IAAI,YAAY,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,GAAG,WAAW,IAAI,YAAY,GAAG;AAAA,EAC/C,IAAI,EAAE,QAAQ,GAAG,WAAW,IAAI,YAAY,GAAG;AAAA,EAC/C,IAAI,EAAE,QAAQ,IAAI,WAAW,IAAI,YAAY,GAAG;AAAA,EAChD,IAAI,EAAE,QAAQ,IAAI,WAAW,IAAI,YAAY,GAAG;AAClD;AAGA,IAAM,cAAmF;AAAA,EACvF,IAAI,EAAE,UAAU,IAAI,KAAK,IAAI,UAAU,UAAU;AAAA,EACjD,IAAI,EAAE,UAAU,IAAI,KAAK,IAAI,UAAU,SAAS;AAClD;AACA,IAAM,gBAAgB,EAAE,UAAU,IAAI,KAAK,IAAI,UAAU,UAAU;AAkBnE,IAAM,YAAY,CAAC,EAAE,OAAO,SAAS,SAAS,MAA4B;AACxE,QAAM,EAAE,UAAU,MAAM,OAAO,cAAc,IAAI;AACjD,QAAM,oBAAoB,kBAAkB;AAE5C,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ,SAAS;AAAA,IACjB,cAAc,SAAS,SAAS;AAAA,IAChC,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAI,YAAY;AAAA,MACd,YAAY,oBACR;AAAA,gBACM,QAAQ,KAAK;AAAA,gBACb,QAAQ,IAAI;AAAA,gBACZ,QAAQ,IAAI,WAClB,0BAA0B,QAAQ,KAAK,KAAK,QAAQ,IAAI;AAAA,MAC5D,gBAAgB;AAAA,MAChB,WAAW,oBAAoB,GAAG,sBAAsB,sBAAsB;AAAA;AAAA,MAE9E,YAAY;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,uCAAuC,MAAM,QAAQ,GAAG,CAAC;AAAA,QACrE,WAAW,GAAG,sBAAsB;AAAA,MACtC;AAAA,IACF;AAAA,IACA,GAAI,QAAQ;AAAA,MACV,WAAW,GAAG,aAAa;AAAA,MAC3B,WAAW,YAAY,MAAM,QAAQ,MAAM,GAAG,CAAC,oBAAoB,MAAM,QAAQ,MAAM,GAAG,CAAC;AAAA,IAC7F;AAAA,IACA,GAAI,SAAS;AAAA,MACX,iBAAiB,MAAM,QAAQ,MAAM,GAAG;AAAA,MACxC,gBAAgB;AAAA,MAChB,QAAQ,aAAa,MAAM,QAAQ,SAAS,QAAQ,MAAM,GAAG,CAAC;AAAA,IAChE;AAAA,EACF;AACF;AAEA,IAAM,WAAW,CAAC,EAAE,OAAO,OAAO,SAAS,OAA6B;AAAA,EACtE,OAAO,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG;AAAA,EAC/C,SAAS;AAAA,EACT,QAAQ,SAAS;AAAA,EACjB,cAAc,SAAS,SAAS;AAAA,EAChC,YAAY;AAAA,EACZ,GAAI,MAAM,SAAS;AAAA,IACjB,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,IAC1D,gBAAgB;AAAA,IAChB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,EACxD;AAAA,EACA,GAAI,MAAM,kBAAkB,cAAc;AAAA,IACxC,YAAY;AAAA,YACJ,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG,CAAC;AAAA,YACzC,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG,CAAC;AAAA,YACzC,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG,CAAC;AAAA,EACnD;AACF;AAEA,IAAM,YAAY,CAAC,EAAE,OAAO,OAAO,SAAS,SAAS,MAA4B;AAC/E,QAAM,EAAE,UAAU,MAAM,MAAM,IAAI;AAElC,SAAO;AAAA,IACL,QAAQ,SAAS;AAAA,IACjB,OAAO,SAAS;AAAA,IAChB,iBAAiB,WAAW,QAAQ,OAAO;AAAA,IAC3C,QAAQ,aAAa,QAAQ,IAAI;AAAA,IACjC,WAAW,GAAG,MAAM,QAAQ,CAAC,CAAC,aAAa,MAAM,QAAQ,MAAM,GAAG,CAAC;AAAA,IACnE,YAAY;AAAA,IACZ,UAAU;AAAA;AAAA,IAEV,aAAa;AAAA,MACX,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,iBAAiB,QAAQ;AAAA,MACzB,SAAS;AAAA,IACX;AAAA,IACA,sDAAsD;AAAA,MACpD,WAAW,OACP,GAAG,MAAM,QAAQ,CAAC,CAAC,cAAc,MAAM,QAAQ,MAAM,GAAG,CAAC,eAAe,MAAM,QAAQ,MAAM,IAAI,CAAC,KACjG,GAAG,MAAM,QAAQ,CAAC,CAAC,eAAe,MAAM,QAAQ,MAAM,IAAI,CAAC;AAAA,MAC/D,WAAW;AAAA,MACX,aAAa,EAAE,WAAW,GAAG,cAAc,iBAAiB;AAAA,IAC9D;AAAA,IACA,YAAY,EAAE,WAAW,cAAc;AAAA,IACvC,GAAI,SAAS;AAAA,MACX,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,MAC1D,gBAAgB;AAAA,MAChB,QAAQ,aAAa,MAAM,QAAQ,MAAM,GAAG,CAAC;AAAA,IAC/C;AAAA,IACA,GAAI,YAAY;AAAA,MACd,YAAY,2BAA2B,QAAQ,KAAK,KAAK,QAAQ,IAAI;AAAA,MACrE,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAGA,IAAM,mBAAmB,CAAC,SAAuB,UAAmB,UAAmB;AACrF,MAAI,SAAU,QAAO;AACrB,SAAO,QAAQ,MAAM,QAAQ,MAAM,GAAG,IAAI,QAAQ;AACpD;AAGA,IAAM,qBAAqB,CAAC,aAAsB;AAChD,QAAM,OAAO,WAAW,0BAA0B;AAClD,SAAO,EAAE,QAAQ,GAAG,IAAI,aAAa,OAAO,GAAG,IAAI,YAAY;AACjE;AAOA,IAAM,iBAAiB,CAAC,EAAE,OAAO,OAAO,QAAQ,MAA4B;AAC1E,QAAM,EAAE,UAAU,OAAO,WAAW,IAAI;AACxC,QAAM,QAAQ,YAAY,cAAc,EAAE,KAAK;AAC/C,QAAM,kBAAkB,mBAAmB,QAAQ,QAAQ,CAAC;AAE5D,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,UAAU,MAAM;AAAA,IAChB,SAAS;AAAA,IACT,OAAO,MAAM;AAAA,IACb,QAAQ,MAAM;AAAA,IACd,cAAc,WAAW,QAAQ;AAAA,IACjC,iBAAiB,iBAAiB,SAAS,QAAQ,QAAQ,GAAG,QAAQ,KAAK,CAAC;AAAA,IAC5E,YAAY,WACR,2BAA2B,QAAQ,KAAK,KAAK,QAAQ,IAAI,MACzD;AAAA,IACJ,gBAAgB,QAAQ,eAAe;AAAA,IACvC,iBAAiB;AAAA,IACjB,WAAW,gBAAgB;AAAA,IAC3B,YAAY;AAAA,IACZ,WAAW,GAAG,MAAM,QAAQ,CAAC,CAAC,cAAc,MAAM,QAAQ,MAAM,GAAG,CAAC;AAAA,IACpE,YAAY,EAAE,SAAS,OAAO;AAAA,IAC9B,8BAA8B,EAAE,WAAW,gBAAgB,MAAM;AAAA,IACjE,SAAS,EAAE,WAAW,WAAW,SAAS,iBAAiB,YAAY,IAAI;AAAA,EAC7E;AACF;AAEA,IAAM,WAAW,CAAC,EAAE,OAAO,OAAO,SAAS,SAAS,MAA4B;AAC9E,QAAM,EAAE,UAAU,MAAM,cAAc,IAAI;AAC1C,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,EAAE,YAAY,OAAO,IAAI;AAE/B,SAAO;AAAA,IACL,iBAAiB,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG;AAAA,IACzD,QAAQ;AAAA,IACR,OAAO,iBAAiB,IAAI;AAAA;AAAA,IAE5B,WAAW,EAAE,aAAa,UAAU;AAAA,IACpC,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,0BAA0B;AAAA,MACxB,iBAAiB,WAAW,QAAQ,QAAQ,QAAQ;AAAA,MACpD,OAAO,iBAAiB,IAAI;AAAA,MAC5B,QAAQ,aAAa;AAAA,MACrB,WAAW,EAAE,aAAa,IAAI,UAAU;AAAA,MACxC,GAAI,QAAQ,EAAE,WAAW,WAAW,MAAM,QAAQ,MAAM,GAAG,CAAC,GAAG;AAAA,IACjE;AAAA,EACF;AACF;AAEA,IAAM,gBAAgB,CAAC,EAAE,OAAO,OAAO,QAAQ,OAA6B;AAAA,EAC1E,WAAW,YAAY,MAAM,cAAc,EAAE,KAAK,eAAe;AAAA,EACjE,OAAO,MAAM,QAAQ,KAAK;AAAA,EAC1B,WAAW,MAAM,QAAQ,GAAG;AAAA,EAC5B,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,+BAA+B;AAAA,IAC7B,OAAO,QAAQ;AAAA,IACf,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF;AAEO,IAAM,WAAW,CAAC,OAAc,UAAkC;AACvE,QAAM,UAAU,kBAAkB,OAAO,MAAM,eAAe,SAAS;AACvE,QAAM,WAAW,MAAM,MAAM,UAAqB,KAAK,MAAM;AAC7D,QAAM,QAAmB,EAAE,OAAO,OAAO,SAAS,SAAS;AAE3D,SAAO;AAAA,IACL,OAAO,QAAQ;AAAA,IACf,QAAQ,SAAS;AAAA,IACjB,sBAAsB,UAAU,KAAK;AAAA,IACrC,qBAAqB,SAAS,KAAK;AAAA,IACnC,sBAAsB,UAAU,KAAK;AAAA,IACrC,2BAA2B,eAAe,KAAK;AAAA,IAC/C,qBAAqB,SAAS,KAAK;AAAA,IACnC,0BAA0B,cAAc,KAAK;AAAA,EAC/C;AACF;;;AD7NQ,SASI,KATJ;AA7DR,IAAM,eAAe,OAAO,WAAW;AAAA,EACrC,mBAAmB,CAAC,SAClB,CAAC,CAAC,eAAe,cAAc,QAAQ,SAAS,YAAY,eAAe,EAAE;AAAA,IAC3E;AAAA,EACF;AACJ,CAAC,EAAe,CAAC,EAAE,OAAO,GAAG,MAAM,OAAO,EAAE,GAAG,SAAS,OAAO,KAAK,EAAE,EAAE;AAExE,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AACR;AAKA,IAAM,YAAY,CAAC,GAAW,MAAc,gBAC1C,GAAG,cAAc,YAAY,CAAC,IAAI,CAAC,GAAG,IAAI;AAG5C,IAAM,iBAAiB,CACrB,OACA,MACA,gBACG;AACH,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAM,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,MAAM,WAAW;AACtD,UAAM,OAAO,UAAU,MAAM,CAAC,KAAK,GAAG,MAAM,WAAW;AACvD,WAAO,GAAG,GAAG,MAAM,IAAI;AAAA,EACzB;AAEA,SAAO,UAAW,SAAoB,GAAG,MAAM,WAAW;AAC5D;AAMA,IAAM,WAAW,CAAC,SAAiB,WAAoB,gBAA4C;AACjG,MAAI,YAAY,WAAW,CAAC,UAAW,QAAO;AAC9C,SAAO,gBAAgB,YAAY,UAAU,OAAO;AACtD;AAEO,IAAM,SAAS,WAAyC,CAAC,OAAO,QAAQ;AAC7E,QAAM;AAAA,IACJ;AAAA,IAAS;AAAA,IAAO;AAAA,IAAM;AAAA,IAAO;AAAA,IAAW;AAAA,IAAM;AAAA,IAAO;AAAA,IACrD;AAAA,IAAW;AAAA,IAAa;AAAA,IAAM;AAAA,IAAa;AAAA,IAAO;AAAA,IAAU;AAAA,IAC5D,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,QAAQ;AAEhC,QAAM,SAAS,CAAC,WAAoB,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK;AAE7E,SACE,qBAAC,OAAI,IAAI,EAAE,OAAO,OAAO,GAAG,eAAa,YACrC;AAAA,cAAS,cACT;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,UACF,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,YAAY;AAAA,UACZ,IAAI;AAAA,QACN;AAAA,QAEC;AAAA,mBACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,YAAY;AAAA,cACZ,OAAM;AAAA,cACN,eAAa,OAAO,OAAO;AAAA,cAE1B;AAAA;AAAA,UACH;AAAA,UAED,aACC,oBAAC,cAAW,SAAQ,SAAQ,OAAM,kBAAiB,eAAa,OAAO,aAAa,GACjF,yBAAe,OAAO,MAAM,WAAW,GAC1C;AAAA;AAAA;AAAA,IAEJ;AAAA,IAGF,oBAAC,OAAI,IAAI,EAAE,IAAI,EAAE,GACf;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAa;AAAA,QACb,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA,OAAO,SAAS,SAAS,WAAW,WAAW;AAAA,QAC/C,mBAAmB,YAAY,SAAS;AAAA,QACxC,eAAa,OAAO,QAAQ;AAAA,QAC5B,WAAW;AAAA,UACT,OAAO,EAAE,eAAe,OAAO,OAAO,EAAE;AAAA,UACxC,OAAO,EAAE,eAAe,OAAO,OAAO,EAAE;AAAA,QAC1C;AAAA,QACC,GAAG;AAAA;AAAA,IACN,GACF;AAAA,KACF;AAEJ,CAAC;AAED,OAAO,cAAc;","names":[]}