jaci-ui 0.7.0 → 0.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","names":["BasePopover"],"sources":["../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, KeyboardEvent, MouseEvent, ReactNode, Ref } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { datePicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport {\n  addDays,\n  addMonths,\n  createCalendarDate,\n  dateKey,\n  formatDateLabel,\n  formatMonthLabel,\n  getCalendarDays,\n  getDateRangeLabel,\n  getMonthLabels,\n  getWeekdayLabels,\n  isAfterDay,\n  isBeforeDay,\n  isSameDay,\n  startOfMonth,\n  toInputDate,\n  toInputDateTime,\n  toInputMonth,\n  toTimeInput,\n} from \"./date-utils\";\nimport type { DatePickerGranularity } from \"./date-utils\";\n\nexport type DatePickerSize = \"sm\" | \"md\" | \"lg\";\nexport type { DatePickerGranularity } from \"./date-utils\";\n\nexport interface DatePickerYearRange {\n  start: number;\n  end: number;\n}\n\ninterface DatePickerContextValue {\n  canNavigate: (amount: number) => boolean;\n  close: () => void;\n  dateDisabled: (date: Date) => boolean;\n  granularity: DatePickerGranularity;\n  disabled: boolean;\n  focusDate: (date: Date, direction?: number) => void;\n  focusedDate: Date;\n  formatDate: (date: Date | null) => string;\n  labelId: string;\n  locale: string;\n  month: Date;\n  monthDisabled: (date: Date) => boolean;\n  onClear: () => void;\n  onTimeChange: (value: string) => void;\n  onSelect: (date: Date) => void;\n  selectMonth: (month: number) => void;\n  selectYear: (year: number) => void;\n  placeholder: ReactNode;\n  registerDay: (key: string, node: HTMLButtonElement | null) => void;\n  selected: Date | null;\n  setFocusedDate: (date: Date) => void;\n  setMonth: (date: Date) => void;\n  size: DatePickerSize;\n  styles: ReturnType<typeof datePicker>;\n  today: Date;\n  timeMax: string | undefined;\n  timeMin: string | undefined;\n  triggerId: string;\n  weekStartsOn: number;\n  yearRange: DatePickerYearRange;\n}\n\nconst DatePickerContext = createContext<DatePickerContextValue | null>(null);\n\nfunction useDatePickerContext() {\n  const context = useContext(DatePickerContext);\n  if (!context) {\n    throw new Error(\"DatePicker parts must be rendered inside DatePicker.Root.\");\n  }\n\n  return context;\n}\n\nfunction isSameMonth(left: Date, right: Date) {\n  return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();\n}\n\nfunction composeRefs<T>(first: Ref<T> | undefined, second: (value: T | null) => void) {\n  return (value: T | null) => {\n    second(value);\n    if (typeof first === \"function\") {\n      first(value);\n    } else if (first) {\n      first.current = value;\n    }\n  };\n}\n\nexport interface DatePickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n  /** Selected value. Use together with `onValueChange` for a controlled picker. */\n  value?: Date | null;\n  /** Initial selected value for an uncontrolled picker. */\n  defaultValue?: Date | null;\n  /** Called after a valid day, month, or time is selected, or when the value is cleared. */\n  onValueChange?: (value: Date | null) => void;\n  /** Prevents dates before this local calendar day from being selected. */\n  minDate?: Date;\n  /** Prevents dates after this local calendar day from being selected. */\n  maxDate?: Date;\n  /** Adds application-specific disabled dates, such as holidays or weekends. */\n  isDateDisabled?: (date: Date) => boolean;\n  /** Locale used for month, weekday and value formatting. */\n  locale?: string;\n  /** Called after the visible calendar month changes. */\n  onMonthChange?: (month: Date) => void;\n  /** First weekday in the calendar, where 0 is Sunday and 1 is Monday. */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** Text shown when no date has been selected. */\n  placeholder?: ReactNode;\n  /** Shared visual size for the trigger and calendar days. */\n  size?: DatePickerSize;\n  /** Controls whether the picker selects days, months, or date and time. */\n  granularity?: DatePickerGranularity;\n  /** Inclusive range used by the year selector. */\n  yearRange?: DatePickerYearRange;\n  /** Reference date used when no value is selected, useful for deterministic SSR and tests. */\n  referenceDate?: Date;\n  /** Adds a native hidden input using the representation for the selected granularity. */\n  name?: string;\n  /** Prevents interaction and disables the hidden form input. */\n  disabled?: boolean;\n  /** Closes the popup after a value is chosen. Defaults to false for date-time mode and true otherwise. */\n  closeOnSelect?: boolean;\n  children?: ReactNode;\n}\n\nexport function DatePickerRoot({\n  children,\n  closeOnSelect: closeOnSelectProp,\n  defaultValue = null,\n  disabled = false,\n  granularity = \"day\",\n  isDateDisabled,\n  locale = \"pt-BR\",\n  maxDate,\n  minDate,\n  name,\n  onValueChange,\n  onMonthChange,\n  placeholder = \"Select a date\",\n  size = \"md\",\n  value: controlledValue,\n  weekStartsOn = 0,\n  yearRange: configuredYearRange,\n  referenceDate,\n  actionsRef: externalActionsRef,\n  ...popoverProps\n}: DatePickerRootProps) {\n  const [uncontrolledValue, setUncontrolledValue] = useState<Date | null>(defaultValue);\n  const selected = controlledValue === undefined ? uncontrolledValue : controlledValue;\n  const [month, setMonthState] = useState(() =>\n    startOfMonth(selected ?? referenceDate ?? new Date()),\n  );\n  const [focusedDate, setFocusedDate] = useState(selected ?? referenceDate ?? month);\n  const previousMonthRef = useRef(month);\n  const internalActionsRef = useRef<BasePopoverRoot.Actions | null>(null);\n  const dayRefs = useRef(new Map<string, HTMLButtonElement>());\n  const labelId = useId();\n  const triggerId = useId();\n  const today = useMemo(() => referenceDate ?? new Date(), [referenceDate]);\n  const styles = datePicker({ size });\n  const minMonth = minDate ? startOfMonth(minDate) : undefined;\n  const maxMonth = maxDate ? startOfMonth(maxDate) : undefined;\n  const closeOnSelect = closeOnSelectProp ?? granularity !== \"date-time\";\n  const yearRange = useMemo(() => {\n    const defaultStart = today.getFullYear() - 100;\n    const defaultEnd = today.getFullYear() + 20;\n    const start = configuredYearRange?.start ?? defaultStart;\n    const end = configuredYearRange?.end ?? defaultEnd;\n    const years = [selected?.getFullYear(), minDate?.getFullYear(), maxDate?.getFullYear()].filter(\n      (year): year is number => year !== undefined,\n    );\n    return {\n      end: Math.max(start, end, ...years),\n      start: Math.min(start, end, ...years),\n    };\n  }, [configuredYearRange?.end, configuredYearRange?.start, maxDate, minDate, selected, today]);\n\n  const clampMonth = useCallback(\n    (nextMonth: Date) => {\n      const normalized = startOfMonth(nextMonth);\n      if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;\n      if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;\n      return normalized;\n    },\n    [maxMonth, minMonth],\n  );\n\n  const setMonth = useCallback(\n    (nextMonth: Date) => {\n      const normalized = clampMonth(nextMonth);\n      setMonthState((current) => {\n        if (isSameMonth(current, normalized)) return current;\n        return normalized;\n      });\n    },\n    [clampMonth],\n  );\n\n  useEffect(() => {\n    if (isSameMonth(previousMonthRef.current, month)) return;\n    previousMonthRef.current = month;\n    onMonthChange?.(month);\n  }, [month, onMonthChange]);\n\n  useEffect(() => {\n    if (!selected) {\n      return;\n    }\n\n    setFocusedDate(selected);\n    setMonthState((current) => (isSameMonth(current, selected) ? current : clampMonth(selected)));\n  }, [clampMonth, selected]);\n\n  const dateDisabled = useCallback(\n    (date: Date) =>\n      Boolean(\n        (minDate && isBeforeDay(date, minDate)) ||\n          (maxDate && isAfterDay(date, maxDate)) ||\n          isDateDisabled?.(date),\n      ),\n    [isDateDisabled, maxDate, minDate],\n  );\n\n  const close = useCallback(() => {\n    (externalActionsRef ?? internalActionsRef).current?.close();\n  }, [externalActionsRef]);\n\n  const setValue = useCallback(\n    (nextValue: Date | null) => {\n      if (controlledValue === undefined) setUncontrolledValue(nextValue);\n      onValueChange?.(nextValue);\n    },\n    [controlledValue, onValueChange],\n  );\n\n  const monthDisabled = useCallback(\n    (candidate: Date) => {\n      const firstDay = startOfMonth(candidate);\n      const lastDay = createCalendarDate(candidate.getFullYear(), candidate.getMonth() + 1, 0);\n      return Boolean(\n        (minDate && isBeforeDay(lastDay, minDate)) || (maxDate && isAfterDay(firstDay, maxDate)),\n      );\n    },\n    [maxDate, minDate],\n  );\n\n  const onSelect = useCallback(\n    (date: Date) => {\n      if (disabled || (granularity === \"month\" ? monthDisabled(date) : dateDisabled(date))) {\n        return;\n      }\n\n      const nextValue = createCalendarDate(\n        date.getFullYear(),\n        date.getMonth(),\n        granularity === \"month\" ? 1 : date.getDate(),\n      );\n      if (granularity === \"date-time\") {\n        nextValue.setHours(selected?.getHours() ?? 12, selected?.getMinutes() ?? 0, 0, 0);\n        if (minDate && isSameDay(nextValue, minDate) && nextValue < minDate) {\n          nextValue.setHours(minDate.getHours(), minDate.getMinutes(), 0, 0);\n        }\n        if (maxDate && isSameDay(nextValue, maxDate) && nextValue > maxDate) {\n          nextValue.setHours(maxDate.getHours(), maxDate.getMinutes(), 0, 0);\n        }\n      }\n      setValue(nextValue);\n      setFocusedDate(nextValue);\n      setMonth(startOfMonth(nextValue));\n      if (closeOnSelect) {\n        close();\n      }\n    },\n    [\n      close,\n      closeOnSelect,\n      dateDisabled,\n      disabled,\n      granularity,\n      maxDate,\n      monthDisabled,\n      minDate,\n      selected,\n      setMonth,\n      setValue,\n    ],\n  );\n\n  const onClear = useCallback(() => {\n    setValue(null);\n  }, [setValue]);\n\n  const selectMonth = useCallback(\n    (monthIndex: number) => {\n      const nextMonth = clampMonth(createCalendarDate(month.getFullYear(), monthIndex, 1));\n      if (monthDisabled(nextMonth)) return;\n      setMonth(nextMonth);\n      if (granularity === \"month\") {\n        const nextValue = createCalendarDate(nextMonth.getFullYear(), nextMonth.getMonth(), 1);\n        setFocusedDate(nextValue);\n        setValue(nextValue);\n        if (closeOnSelect) close();\n      }\n    },\n    [clampMonth, close, closeOnSelect, granularity, month, monthDisabled, setMonth, setValue],\n  );\n\n  const selectYear = useCallback(\n    (year: number) => {\n      const nextMonth = clampMonth(createCalendarDate(year, month.getMonth(), 1));\n      if (monthDisabled(nextMonth)) return;\n      setMonth(nextMonth);\n      if (granularity === \"month\") {\n        const nextValue = createCalendarDate(nextMonth.getFullYear(), nextMonth.getMonth(), 1);\n        setFocusedDate(nextValue);\n        setValue(nextValue);\n        if (closeOnSelect) close();\n      }\n    },\n    [clampMonth, close, closeOnSelect, granularity, month, monthDisabled, setMonth, setValue],\n  );\n\n  const onTimeChange = useCallback(\n    (value: string) => {\n      const match = value.match(/^(\\d{2}):(\\d{2})$/);\n      if (!match) return;\n      const hours = Number(match[1]);\n      const minutes = Number(match[2]);\n      if (hours > 23 || minutes > 59) return;\n      const baseDate = selected ?? focusedDate;\n      const nextValue = createCalendarDate(\n        baseDate.getFullYear(),\n        baseDate.getMonth(),\n        baseDate.getDate(),\n      );\n      nextValue.setHours(hours, minutes, 0, 0);\n      if (minDate && isSameDay(nextValue, minDate) && nextValue < minDate) return;\n      if (maxDate && isSameDay(nextValue, maxDate) && nextValue > maxDate) return;\n      setValue(nextValue);\n    },\n    [focusedDate, maxDate, minDate, selected, setValue],\n  );\n\n  const focusDate = useCallback(\n    (date: Date, direction = 1) => {\n      let nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      const step = direction < 0 ? -1 : 1;\n      let attempts = 0;\n      while (dateDisabled(nextDate) && attempts < 366) {\n        nextDate = addDays(nextDate, step);\n        attempts += 1;\n      }\n\n      setFocusedDate(nextDate);\n      setMonth(nextDate);\n\n      const focusTarget = () => dayRefs.current.get(dateKey(nextDate))?.focus();\n      focusTarget();\n      queueMicrotask(focusTarget);\n    },\n    [dateDisabled, setMonth],\n  );\n\n  const canNavigate = useCallback(\n    (amount: number) => {\n      const nextMonth = addMonths(month, amount);\n      return !(\n        (minMonth && isBeforeDay(nextMonth, minMonth)) ||\n        (maxMonth && isAfterDay(nextMonth, maxMonth))\n      );\n    },\n    [maxMonth, minMonth, month],\n  );\n\n  const registerDay = useCallback((key: string, node: HTMLButtonElement | null) => {\n    if (node) {\n      dayRefs.current.set(key, node);\n    } else {\n      dayRefs.current.delete(key);\n    }\n  }, []);\n\n  const timeMin =\n    selected && minDate && isSameDay(selected, minDate) ? toTimeInput(minDate) : undefined;\n  const timeMax =\n    selected && maxDate && isSameDay(selected, maxDate) ? toTimeInput(maxDate) : undefined;\n\n  const context: DatePickerContextValue = {\n    canNavigate,\n    close,\n    dateDisabled,\n    granularity,\n    disabled,\n    focusDate,\n    focusedDate,\n    formatDate: (date) => formatDateLabel(date, locale, String(placeholder), granularity),\n    labelId,\n    locale,\n    month,\n    monthDisabled,\n    onClear,\n    onTimeChange,\n    onSelect,\n    selectMonth,\n    selectYear,\n    placeholder,\n    registerDay,\n    selected,\n    setFocusedDate,\n    setMonth,\n    size,\n    styles,\n    today: createCalendarDate(today.getFullYear(), today.getMonth(), today.getDate()),\n    timeMax,\n    timeMin,\n    triggerId,\n    weekStartsOn,\n    yearRange,\n  };\n\n  return (\n    <DatePickerContext.Provider value={context}>\n      <BasePopover.Root {...popoverProps} actionsRef={externalActionsRef ?? internalActionsRef}>\n        {children}\n      </BasePopover.Root>\n      {name ? (\n        <input\n          disabled={disabled}\n          name={name}\n          type=\"hidden\"\n          value={\n            granularity === \"month\"\n              ? toInputMonth(selected)\n              : granularity === \"date-time\"\n                ? toInputDateTime(selected)\n                : toInputDate(selected)\n          }\n        />\n      ) : null}\n    </DatePickerContext.Provider>\n  );\n}\n\nexport type DatePickerLabelProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const DatePickerLabel = forwardRef<HTMLLabelElement, DatePickerLabelProps>(\n  function DatePickerLabel({ children, className, ...props }, ref) {\n    const { labelId, styles, triggerId } = useDatePickerContext();\n\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(styles.label, className)}\n        data-slot=\"date-picker-label\"\n        htmlFor={props.htmlFor ?? triggerId}\n        id={props.id ?? labelId}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type DatePickerControlProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DatePickerControl = forwardRef<HTMLDivElement, DatePickerControlProps>(\n  function DatePickerControl({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(styles.control, className)}\n        data-jaci-component=\"date-picker\"\n        data-slot=\"date-picker-control\"\n      />\n    );\n  },\n);\n\nexport type DatePickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\n\nexport const DatePickerTrigger = forwardRef<HTMLButtonElement, DatePickerTriggerProps>(\n  function DatePickerTrigger({ children, className, disabled, id, ...props }, ref) {\n    const { disabled: pickerDisabled, styles, triggerId } = useDatePickerContext();\n\n    return (\n      <BasePopover.Trigger\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Choose date\"}\n        disabled={disabled ?? pickerDisabled}\n        id={id ?? triggerId}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-jaci-component=\"date-picker\"\n        data-slot=\"date-picker-trigger\"\n      >\n        {children ?? (\n          <>\n            <DatePickerValue />\n            <span aria-hidden=\"true\">▾</span>\n          </>\n        )}\n      </BasePopover.Trigger>\n    );\n  },\n);\n\nexport interface DatePickerValueProps extends ComponentPropsWithoutRef<\"span\"> {\n  placeholder?: ReactNode;\n}\n\nexport const DatePickerValue = forwardRef<HTMLSpanElement, DatePickerValueProps>(\n  function DatePickerValue({ children, className, placeholder, ...props }, ref) {\n    const { formatDate, selected, styles } = useDatePickerContext();\n    const value = children ?? (selected ? formatDate(selected) : (placeholder ?? \"Select a date\"));\n\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(styles.value, className)}\n        data-placeholder={selected ? undefined : \"true\"}\n        data-slot=\"date-picker-value\"\n      >\n        {value}\n      </span>\n    );\n  },\n);\n\nexport type DatePickerClearProps = ComponentPropsWithoutRef<\"button\">;\n\nexport const DatePickerClear = forwardRef<HTMLButtonElement, DatePickerClearProps>(\n  function DatePickerClear({ children = \"×\", className, disabled, onClick, ...props }, ref) {\n    const { close, disabled: pickerDisabled, onClear, selected, styles } = useDatePickerContext();\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClear();\n      onClick?.(event);\n      close();\n    };\n\n    return (\n      <button\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Clear date\"}\n        className={cx(styles.clear, className)}\n        data-slot=\"date-picker-clear\"\n        disabled={disabled || pickerDisabled || !selected}\n        onClick={handleClick}\n        ref={ref}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport type DatePickerPortalProps = ComponentPropsWithoutRef<typeof BasePopover.Portal>;\nexport const DatePickerPortal: typeof BasePopover.Portal = BasePopover.Portal;\n\nexport type DatePickerPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\n\nexport const DatePickerPositioner = forwardRef<HTMLDivElement, DatePickerPositionerProps>(\n  function DatePickerPositioner({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"date-picker-positioner\"\n      />\n    );\n  },\n);\n\nexport type DatePickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\n\nexport const DatePickerPopup = forwardRef<HTMLDivElement, DatePickerPopupProps>(\n  function DatePickerPopup({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <BasePopover.Popup\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Calendar\"}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"date-picker-popup\"\n      />\n    );\n  },\n);\n\nexport type DatePickerCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\n\nexport const DatePickerClose = forwardRef<HTMLButtonElement, DatePickerCloseProps>(\n  function DatePickerClose({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <BasePopover.Close\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.close, className)}\n        data-slot=\"date-picker-close\"\n      />\n    );\n  },\n);\n\nexport type DatePickerHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DatePickerHeader = forwardRef<HTMLDivElement, DatePickerHeaderProps>(\n  function DatePickerHeader({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(styles.header, className)}\n        data-slot=\"date-picker-header\"\n      />\n    );\n  },\n);\n\nexport type DatePickerCaptionProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const DatePickerCaption = forwardRef<HTMLSpanElement, DatePickerCaptionProps>(\n  function DatePickerCaption({ children, className, ...props }, ref) {\n    const { locale, month, styles } = useDatePickerContext();\n\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(styles.caption, className)}\n        data-slot=\"date-picker-caption\"\n      >\n        {children ?? formatMonthLabel(month, locale)}\n      </span>\n    );\n  },\n);\n\nexport type DatePickerMonthSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\n\nexport const DatePickerMonthSelect = forwardRef<HTMLSelectElement, DatePickerMonthSelectProps>(\n  function DatePickerMonthSelect({ className, ...props }, ref) {\n    const { locale, month, monthDisabled, selectMonth, styles } = useDatePickerContext();\n    const labels = getMonthLabels(locale);\n\n    return (\n      <select\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Select month\"}\n        className={cx(styles.monthSelect, className)}\n        data-slot=\"date-picker-month-select\"\n        onChange={(event) => selectMonth(Number(event.currentTarget.value))}\n        ref={ref}\n        value={month.getMonth()}\n      >\n        {labels.map((label, monthIndex) => (\n          <option\n            disabled={monthDisabled(createCalendarDate(month.getFullYear(), monthIndex, 1))}\n            key={label}\n            value={monthIndex}\n          >\n            {label}\n          </option>\n        ))}\n      </select>\n    );\n  },\n);\n\nexport type DatePickerYearSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\n\nexport const DatePickerYearSelect = forwardRef<HTMLSelectElement, DatePickerYearSelectProps>(\n  function DatePickerYearSelect({ className, ...props }, ref) {\n    const { month, monthDisabled, selectYear, styles, yearRange } = useDatePickerContext();\n    const years = Array.from(\n      { length: yearRange.end - yearRange.start + 1 },\n      (_, index) => yearRange.start + index,\n    );\n\n    return (\n      <select\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Select year\"}\n        className={cx(styles.yearSelect, className)}\n        data-slot=\"date-picker-year-select\"\n        onChange={(event) => selectYear(Number(event.currentTarget.value))}\n        ref={ref}\n        value={month.getFullYear()}\n      >\n        {years.map((year) => (\n          <option\n            disabled={monthDisabled(createCalendarDate(year, month.getMonth(), 1))}\n            key={year}\n            value={year}\n          >\n            {year}\n          </option>\n        ))}\n      </select>\n    );\n  },\n);\n\nexport type DatePickerTimeFieldProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"onChange\" | \"type\" | \"value\"\n>;\n\nexport const DatePickerTimeField = forwardRef<HTMLInputElement, DatePickerTimeFieldProps>(\n  function DatePickerTimeField({ className, ...props }, ref) {\n    const { disabled, granularity, onTimeChange, selected, styles, timeMax, timeMin } =\n      useDatePickerContext();\n    if (granularity !== \"date-time\") return null;\n\n    return (\n      <input\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Select time\"}\n        className={cx(styles.timeField, className)}\n        data-slot=\"date-picker-time-field\"\n        disabled={disabled || !selected}\n        max={timeMax}\n        min={timeMin}\n        onChange={(event) => onTimeChange(event.currentTarget.value)}\n        ref={ref}\n        type=\"time\"\n        value={toTimeInput(selected)}\n      />\n    );\n  },\n);\n\nexport interface DatePickerNavigationProps extends ComponentPropsWithoutRef<\"button\"> {\n  amount?: number;\n}\n\nconst DatePickerNavigationButton = forwardRef<HTMLButtonElement, DatePickerNavigationProps>(\n  function DatePickerNavigationButton({ amount, children, className, onClick, ...props }, ref) {\n    const { canNavigate, month, setMonth, styles } = useDatePickerContext();\n    const direction = amount ?? 1;\n    const isDisabled = props.disabled || !canNavigate(direction);\n\n    return (\n      <button\n        {...props}\n        aria-label={props[\"aria-label\"] ?? (direction < 0 ? \"Previous month\" : \"Next month\")}\n        className={cx(styles.navigation, className)}\n        data-slot={direction < 0 ? \"date-picker-previous\" : \"date-picker-next\"}\n        disabled={isDisabled}\n        onClick={(event) => {\n          if (!isDisabled) setMonth(addMonths(month, direction));\n          onClick?.(event);\n        }}\n        ref={ref}\n        type=\"button\"\n      >\n        {children ?? (direction < 0 ? \"‹\" : \"›\")}\n      </button>\n    );\n  },\n);\n\nexport const DatePickerPrevious = forwardRef<HTMLButtonElement, DatePickerNavigationProps>(\n  function DatePickerPrevious(props, ref) {\n    return <DatePickerNavigationButton {...props} amount={-1} ref={ref} />;\n  },\n);\n\nexport const DatePickerNext = forwardRef<HTMLButtonElement, DatePickerNavigationProps>(\n  function DatePickerNext(props, ref) {\n    return <DatePickerNavigationButton {...props} amount={1} ref={ref} />;\n  },\n);\n\nexport interface DatePickerDayProps extends Omit<ComponentPropsWithoutRef<\"button\">, \"value\"> {\n  date: Date;\n}\n\nexport const DatePickerDay = forwardRef<HTMLButtonElement, DatePickerDayProps>(\n  function DatePickerDay(\n    { children, className, date, disabled, onClick, onKeyDown, ...props },\n    ref,\n  ) {\n    const {\n      dateDisabled,\n      disabled: pickerDisabled,\n      focusDate,\n      focusedDate,\n      locale,\n      month,\n      onSelect,\n      registerDay,\n      selected,\n      styles,\n      today,\n      weekStartsOn,\n    } = useDatePickerContext();\n    const key = dateKey(date);\n    const outsideMonth = !isSameMonth(date, month);\n    const isDisabled = disabled || pickerDisabled || dateDisabled(date);\n    const isFocused = isSameDay(date, focusedDate);\n    const isSelected = isSameDay(date, selected);\n    const isToday = isSameDay(date, today);\n    const dayRef = composeRefs(ref, (node) => registerDay(key, node));\n\n    const moveByKey = (event: KeyboardEvent<HTMLButtonElement>) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n\n      let nextDate: Date | undefined;\n      switch (event.key) {\n        case \"ArrowLeft\":\n          nextDate = addDays(date, -1);\n          break;\n        case \"ArrowRight\":\n          nextDate = addDays(date, 1);\n          break;\n        case \"ArrowUp\":\n          nextDate = addDays(date, -7);\n          break;\n        case \"ArrowDown\":\n          nextDate = addDays(date, 7);\n          break;\n        case \"Home\":\n          nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));\n          break;\n        case \"End\":\n          nextDate = addDays(date, 6 - ((date.getDay() - weekStartsOn + 7) % 7));\n          break;\n        case \"PageUp\":\n          nextDate = addMonths(date, event.shiftKey ? -12 : -1);\n          break;\n        case \"PageDown\":\n          nextDate = addMonths(date, event.shiftKey ? 12 : 1);\n          break;\n        case \"Enter\":\n        case \" \":\n          if (!isDisabled) {\n            event.preventDefault();\n            onSelect(date);\n          }\n          break;\n        default:\n          break;\n      }\n\n      if (nextDate) {\n        event.preventDefault();\n        focusDate(nextDate, nextDate < date ? -1 : 1);\n      }\n    };\n\n    return (\n      // biome-ignore lint/a11y/useSemanticElements: A calendar day is an interactive gridcell, not a generic table cell.\n      <button\n        {...props}\n        ref={dayRef}\n        aria-label={props[\"aria-label\"] ?? getDateRangeLabel(date, locale)}\n        aria-current={isToday ? \"date\" : undefined}\n        aria-selected={isSelected}\n        className={cx(styles.day, className)}\n        data-date={key}\n        data-disabled={isDisabled || undefined}\n        data-outside-month={outsideMonth || undefined}\n        data-selected={isSelected || undefined}\n        data-slot=\"date-picker-day\"\n        data-today={isToday || undefined}\n        disabled={isDisabled}\n        onClick={(event) => {\n          onSelect(date);\n          onClick?.(event);\n        }}\n        onKeyDown={(event) => {\n          moveByKey(event);\n          onKeyDown?.(event);\n        }}\n        role=\"gridcell\"\n        tabIndex={isFocused && !isDisabled ? 0 : -1}\n        type=\"button\"\n      >\n        {children ?? date.getDate()}\n      </button>\n    );\n  },\n);\n\ninterface DatePickerMonthButtonProps {\n  date: Date;\n}\n\nconst DatePickerMonthButton = forwardRef<HTMLButtonElement, DatePickerMonthButtonProps>(\n  function DatePickerMonthButton({ date }, ref) {\n    const { disabled, granularity, locale, monthDisabled, onSelect, selected, styles } =\n      useDatePickerContext();\n    const isDisabled = disabled || monthDisabled(date);\n    const isSelected = granularity === \"month\" && Boolean(selected && isSameMonth(selected, date));\n\n    return (\n      // biome-ignore lint/a11y/useSemanticElements: Month choices use the calendar gridcell pattern.\n      <button\n        aria-label={new Intl.DateTimeFormat(locale, { month: \"long\" }).format(date)}\n        aria-selected={isSelected}\n        className={styles.month}\n        data-disabled={isDisabled || undefined}\n        data-selected={isSelected || undefined}\n        data-slot=\"date-picker-month\"\n        disabled={isDisabled}\n        onClick={() => onSelect(date)}\n        ref={ref}\n        role=\"gridcell\"\n        type=\"button\"\n      >\n        {new Intl.DateTimeFormat(locale, { month: \"short\" }).format(date)}\n      </button>\n    );\n  },\n);\n\nexport interface DatePickerCalendarProps\n  extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\"> {\n  \"aria-label\"?: string;\n}\n\nexport const DatePickerCalendar = forwardRef<HTMLElement, DatePickerCalendarProps>(\n  function DatePickerCalendar({ \"aria-label\": ariaLabel, className, ...props }, ref) {\n    const { granularity, locale, month, styles, weekStartsOn } = useDatePickerContext();\n    const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n    const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\n    const monthDates = useMemo(\n      () =>\n        Array.from({ length: 12 }, (_, index) => createCalendarDate(month.getFullYear(), index, 1)),\n      [month],\n    );\n\n    return (\n      <section\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? formatMonthLabel(month, locale)}\n        className={cx(styles.calendar, className)}\n        data-granularity={granularity}\n        data-slot=\"date-picker-calendar\"\n      >\n        {granularity === \"month\" ? (\n          // biome-ignore lint/a11y/useSemanticElements: Month selection uses the calendar grid pattern.\n          <div\n            aria-label={String(month.getFullYear())}\n            className={styles.monthGrid}\n            data-slot=\"date-picker-month-grid\"\n            role=\"grid\"\n          >\n            {monthDates.map((date) => (\n              <DatePickerMonthButton date={date} key={dateKey(date)} />\n            ))}\n          </div>\n        ) : (\n          <>\n            <div aria-hidden=\"true\" className={styles.weekdays} data-slot=\"date-picker-weekdays\">\n              {weekdays.map((weekday) => (\n                <span className={styles.weekday} data-slot=\"date-picker-weekday\" key={weekday}>\n                  {weekday}\n                </span>\n              ))}\n            </div>\n            {/* biome-ignore lint/a11y/useSemanticElements: Calendar grids use the WAI-ARIA grid pattern for roving day focus. */}\n            <div\n              aria-label={formatMonthLabel(month, locale)}\n              className={styles.grid}\n              data-slot=\"date-picker-grid\"\n              role=\"grid\"\n            >\n              {days.map((date) => (\n                <DatePickerDay date={date} key={dateKey(date)} />\n              ))}\n            </div>\n          </>\n        )}\n      </section>\n    );\n  },\n);\n\nexport const DatePicker = {\n  Root: DatePickerRoot,\n  Label: DatePickerLabel,\n  Control: DatePickerControl,\n  Trigger: DatePickerTrigger,\n  Value: DatePickerValue,\n  Clear: DatePickerClear,\n  Portal: DatePickerPortal,\n  Positioner: DatePickerPositioner,\n  Popup: DatePickerPopup,\n  Close: DatePickerClose,\n  Header: DatePickerHeader,\n  Caption: DatePickerCaption,\n  MonthSelect: DatePickerMonthSelect,\n  YearSelect: DatePickerYearSelect,\n  TimeField: DatePickerTimeField,\n  Previous: DatePickerPrevious,\n  Next: DatePickerNext,\n  Day: DatePickerDay,\n  Calendar: DatePickerCalendar,\n};\n"],"mappings":"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"}
+{"version":3,"file":"date-picker.js","names":["BasePopover"],"sources":["../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, KeyboardEvent, MouseEvent, ReactNode, Ref } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { datePicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\nimport {\n  addDays,\n  addMonths,\n  createCalendarDate,\n  dateKey,\n  formatDateLabel,\n  formatMonthLabel,\n  getCalendarDays,\n  getDateRangeLabel,\n  getMonthLabels,\n  getWeekdayLabels,\n  isAfterDay,\n  isBeforeDay,\n  isSameDay,\n  startOfMonth,\n  toInputDate,\n  toInputDateTime,\n  toInputMonth,\n  toTimeInput,\n} from \"./date-utils\";\nimport type { DatePickerGranularity } from \"./date-utils\";\n\nexport type DatePickerSize = \"sm\" | \"md\" | \"lg\";\nexport type { DatePickerGranularity } from \"./date-utils\";\n\nexport interface DatePickerYearRange {\n  start: number;\n  end: number;\n}\n\ninterface DatePickerContextValue {\n  canNavigate: (amount: number) => boolean;\n  close: () => void;\n  dateDisabled: (date: Date) => boolean;\n  granularity: DatePickerGranularity;\n  disabled: boolean;\n  focusDate: (date: Date, direction?: number) => void;\n  focusedDate: Date;\n  formatDate: (date: Date | null) => string;\n  labelId: string;\n  locale: string;\n  month: Date;\n  monthDisabled: (date: Date) => boolean;\n  onClear: () => void;\n  onTimeChange: (value: string) => void;\n  onSelect: (date: Date) => void;\n  selectMonth: (month: number) => void;\n  selectYear: (year: number) => void;\n  placeholder: ReactNode;\n  registerDay: (key: string, node: HTMLButtonElement | null) => void;\n  selected: Date | null;\n  setFocusedDate: (date: Date) => void;\n  setMonth: (date: Date) => void;\n  size: DatePickerSize;\n  styles: ReturnType<typeof datePicker>;\n  today: Date;\n  timeMax: string | undefined;\n  timeMin: string | undefined;\n  triggerId: string;\n  weekStartsOn: number;\n  yearRange: DatePickerYearRange;\n}\n\nconst DatePickerContext = createContext<DatePickerContextValue | null>(null);\n\nfunction useDatePickerContext() {\n  const context = useContext(DatePickerContext);\n  if (!context) {\n    throw new Error(\"DatePicker parts must be rendered inside DatePicker.Root.\");\n  }\n\n  return context;\n}\n\nfunction isSameMonth(left: Date, right: Date) {\n  return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();\n}\n\nfunction composeRefs<T>(first: Ref<T> | undefined, second: (value: T | null) => void) {\n  return (value: T | null) => {\n    second(value);\n    if (typeof first === \"function\") {\n      first(value);\n    } else if (first) {\n      first.current = value;\n    }\n  };\n}\n\nexport interface DatePickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n  /** Selected value. Use together with `onValueChange` for a controlled picker. */\n  value?: Date | null;\n  /** Initial selected value for an uncontrolled picker. */\n  defaultValue?: Date | null;\n  /** Called after a valid day, month, or time is selected, or when the value is cleared. */\n  onValueChange?: (value: Date | null) => void;\n  /** Prevents dates before this local calendar day from being selected. */\n  minDate?: Date;\n  /** Prevents dates after this local calendar day from being selected. */\n  maxDate?: Date;\n  /** Adds application-specific disabled dates, such as holidays or weekends. */\n  isDateDisabled?: (date: Date) => boolean;\n  /** Locale used for month, weekday and value formatting. */\n  locale?: string;\n  /** Called after the visible calendar month changes. */\n  onMonthChange?: (month: Date) => void;\n  /** First weekday in the calendar, where 0 is Sunday and 1 is Monday. */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** Text shown when no date has been selected. */\n  placeholder?: ReactNode;\n  /** Shared visual size for the trigger and calendar days. */\n  size?: DatePickerSize;\n  /** Controls whether the picker selects days, months, or date and time. */\n  granularity?: DatePickerGranularity;\n  /** Inclusive range used by the year selector. */\n  yearRange?: DatePickerYearRange;\n  /** Reference date used when no value is selected, useful for deterministic SSR and tests. */\n  referenceDate?: Date;\n  /** Adds a native hidden input using the representation for the selected granularity. */\n  name?: string;\n  /** Prevents interaction and disables the hidden form input. */\n  disabled?: boolean;\n  /** Closes the popup after a value is chosen. Defaults to false for date-time mode and true otherwise. */\n  closeOnSelect?: boolean;\n  children?: ReactNode;\n}\n\nexport function DatePickerRoot({\n  children,\n  closeOnSelect: closeOnSelectProp,\n  defaultValue = null,\n  disabled = false,\n  granularity = \"day\",\n  isDateDisabled,\n  locale = \"pt-BR\",\n  maxDate,\n  minDate,\n  name,\n  onValueChange,\n  onMonthChange,\n  placeholder = \"Select a date\",\n  size = \"md\",\n  value: controlledValue,\n  weekStartsOn = 0,\n  yearRange: configuredYearRange,\n  referenceDate,\n  actionsRef: externalActionsRef,\n  ...popoverProps\n}: DatePickerRootProps) {\n  const [uncontrolledValue, setUncontrolledValue] = useState<Date | null>(defaultValue);\n  const selected = controlledValue === undefined ? uncontrolledValue : controlledValue;\n  const [month, setMonthState] = useState(() =>\n    startOfMonth(selected ?? referenceDate ?? new Date()),\n  );\n  const [focusedDate, setFocusedDate] = useState(selected ?? referenceDate ?? month);\n  const previousMonthRef = useRef(month);\n  const internalActionsRef = useRef<BasePopoverRoot.Actions | null>(null);\n  const dayRefs = useRef(new Map<string, HTMLButtonElement>());\n  const labelId = useId();\n  const triggerId = useId();\n  const today = useMemo(() => referenceDate ?? new Date(), [referenceDate]);\n  const styles = datePicker({ size });\n  const minMonth = minDate ? startOfMonth(minDate) : undefined;\n  const maxMonth = maxDate ? startOfMonth(maxDate) : undefined;\n  const closeOnSelect = closeOnSelectProp ?? granularity !== \"date-time\";\n  const yearRange = useMemo(() => {\n    const defaultStart = today.getFullYear() - 100;\n    const defaultEnd = today.getFullYear() + 20;\n    const start = configuredYearRange?.start ?? defaultStart;\n    const end = configuredYearRange?.end ?? defaultEnd;\n    const years = [selected?.getFullYear(), minDate?.getFullYear(), maxDate?.getFullYear()].filter(\n      (year): year is number => year !== undefined,\n    );\n    return {\n      end: Math.max(start, end, ...years),\n      start: Math.min(start, end, ...years),\n    };\n  }, [configuredYearRange?.end, configuredYearRange?.start, maxDate, minDate, selected, today]);\n\n  const clampMonth = useCallback(\n    (nextMonth: Date) => {\n      const normalized = startOfMonth(nextMonth);\n      if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;\n      if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;\n      return normalized;\n    },\n    [maxMonth, minMonth],\n  );\n\n  const setMonth = useCallback(\n    (nextMonth: Date) => {\n      const normalized = clampMonth(nextMonth);\n      setMonthState((current) => {\n        if (isSameMonth(current, normalized)) return current;\n        return normalized;\n      });\n    },\n    [clampMonth],\n  );\n\n  useEffect(() => {\n    if (isSameMonth(previousMonthRef.current, month)) return;\n    previousMonthRef.current = month;\n    onMonthChange?.(month);\n  }, [month, onMonthChange]);\n\n  useEffect(() => {\n    if (!selected) {\n      return;\n    }\n\n    setFocusedDate(selected);\n    setMonthState((current) => (isSameMonth(current, selected) ? current : clampMonth(selected)));\n  }, [clampMonth, selected]);\n\n  const dateDisabled = useCallback(\n    (date: Date) =>\n      Boolean(\n        (minDate && isBeforeDay(date, minDate)) ||\n          (maxDate && isAfterDay(date, maxDate)) ||\n          isDateDisabled?.(date),\n      ),\n    [isDateDisabled, maxDate, minDate],\n  );\n\n  const close = useCallback(() => {\n    (externalActionsRef ?? internalActionsRef).current?.close();\n  }, [externalActionsRef]);\n\n  const setValue = useCallback(\n    (nextValue: Date | null) => {\n      if (controlledValue === undefined) setUncontrolledValue(nextValue);\n      onValueChange?.(nextValue);\n    },\n    [controlledValue, onValueChange],\n  );\n\n  const monthDisabled = useCallback(\n    (candidate: Date) => {\n      const firstDay = startOfMonth(candidate);\n      const lastDay = createCalendarDate(candidate.getFullYear(), candidate.getMonth() + 1, 0);\n      return Boolean(\n        (minDate && isBeforeDay(lastDay, minDate)) || (maxDate && isAfterDay(firstDay, maxDate)),\n      );\n    },\n    [maxDate, minDate],\n  );\n\n  const onSelect = useCallback(\n    (date: Date) => {\n      if (disabled || (granularity === \"month\" ? monthDisabled(date) : dateDisabled(date))) {\n        return;\n      }\n\n      const nextValue = createCalendarDate(\n        date.getFullYear(),\n        date.getMonth(),\n        granularity === \"month\" ? 1 : date.getDate(),\n      );\n      if (granularity === \"date-time\") {\n        nextValue.setHours(selected?.getHours() ?? 12, selected?.getMinutes() ?? 0, 0, 0);\n        if (minDate && isSameDay(nextValue, minDate) && nextValue < minDate) {\n          nextValue.setHours(minDate.getHours(), minDate.getMinutes(), 0, 0);\n        }\n        if (maxDate && isSameDay(nextValue, maxDate) && nextValue > maxDate) {\n          nextValue.setHours(maxDate.getHours(), maxDate.getMinutes(), 0, 0);\n        }\n      }\n      setValue(nextValue);\n      setFocusedDate(nextValue);\n      setMonth(startOfMonth(nextValue));\n      if (closeOnSelect) {\n        close();\n      }\n    },\n    [\n      close,\n      closeOnSelect,\n      dateDisabled,\n      disabled,\n      granularity,\n      maxDate,\n      monthDisabled,\n      minDate,\n      selected,\n      setMonth,\n      setValue,\n    ],\n  );\n\n  const onClear = useCallback(() => {\n    setValue(null);\n  }, [setValue]);\n\n  const selectMonth = useCallback(\n    (monthIndex: number) => {\n      const nextMonth = clampMonth(createCalendarDate(month.getFullYear(), monthIndex, 1));\n      if (monthDisabled(nextMonth)) return;\n      setMonth(nextMonth);\n      if (granularity === \"month\") {\n        const nextValue = createCalendarDate(nextMonth.getFullYear(), nextMonth.getMonth(), 1);\n        setFocusedDate(nextValue);\n        setValue(nextValue);\n        if (closeOnSelect) close();\n      }\n    },\n    [clampMonth, close, closeOnSelect, granularity, month, monthDisabled, setMonth, setValue],\n  );\n\n  const selectYear = useCallback(\n    (year: number) => {\n      const nextMonth = clampMonth(createCalendarDate(year, month.getMonth(), 1));\n      if (monthDisabled(nextMonth)) return;\n      setMonth(nextMonth);\n      if (granularity === \"month\") {\n        const nextValue = createCalendarDate(nextMonth.getFullYear(), nextMonth.getMonth(), 1);\n        setFocusedDate(nextValue);\n        setValue(nextValue);\n        if (closeOnSelect) close();\n      }\n    },\n    [clampMonth, close, closeOnSelect, granularity, month, monthDisabled, setMonth, setValue],\n  );\n\n  const onTimeChange = useCallback(\n    (value: string) => {\n      const match = value.match(/^(\\d{2}):(\\d{2})$/);\n      if (!match) return;\n      const hours = Number(match[1]);\n      const minutes = Number(match[2]);\n      if (hours > 23 || minutes > 59) return;\n      const baseDate = selected ?? focusedDate;\n      const nextValue = createCalendarDate(\n        baseDate.getFullYear(),\n        baseDate.getMonth(),\n        baseDate.getDate(),\n      );\n      nextValue.setHours(hours, minutes, 0, 0);\n      if (minDate && isSameDay(nextValue, minDate) && nextValue < minDate) return;\n      if (maxDate && isSameDay(nextValue, maxDate) && nextValue > maxDate) return;\n      setValue(nextValue);\n    },\n    [focusedDate, maxDate, minDate, selected, setValue],\n  );\n\n  const focusDate = useCallback(\n    (date: Date, direction = 1) => {\n      let nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      const step = direction < 0 ? -1 : 1;\n      let attempts = 0;\n      while (dateDisabled(nextDate) && attempts < 366) {\n        nextDate = addDays(nextDate, step);\n        attempts += 1;\n      }\n\n      setFocusedDate(nextDate);\n      setMonth(nextDate);\n\n      const focusTarget = () => dayRefs.current.get(dateKey(nextDate))?.focus();\n      focusTarget();\n      queueMicrotask(focusTarget);\n    },\n    [dateDisabled, setMonth],\n  );\n\n  const canNavigate = useCallback(\n    (amount: number) => {\n      const nextMonth = addMonths(month, amount);\n      return !(\n        (minMonth && isBeforeDay(nextMonth, minMonth)) ||\n        (maxMonth && isAfterDay(nextMonth, maxMonth))\n      );\n    },\n    [maxMonth, minMonth, month],\n  );\n\n  const registerDay = useCallback((key: string, node: HTMLButtonElement | null) => {\n    if (node) {\n      dayRefs.current.set(key, node);\n    } else {\n      dayRefs.current.delete(key);\n    }\n  }, []);\n\n  const timeMin =\n    selected && minDate && isSameDay(selected, minDate) ? toTimeInput(minDate) : undefined;\n  const timeMax =\n    selected && maxDate && isSameDay(selected, maxDate) ? toTimeInput(maxDate) : undefined;\n\n  const context: DatePickerContextValue = {\n    canNavigate,\n    close,\n    dateDisabled,\n    granularity,\n    disabled,\n    focusDate,\n    focusedDate,\n    formatDate: (date) => formatDateLabel(date, locale, String(placeholder), granularity),\n    labelId,\n    locale,\n    month,\n    monthDisabled,\n    onClear,\n    onTimeChange,\n    onSelect,\n    selectMonth,\n    selectYear,\n    placeholder,\n    registerDay,\n    selected,\n    setFocusedDate,\n    setMonth,\n    size,\n    styles,\n    today: createCalendarDate(today.getFullYear(), today.getMonth(), today.getDate()),\n    timeMax,\n    timeMin,\n    triggerId,\n    weekStartsOn,\n    yearRange,\n  };\n\n  return (\n    <DatePickerContext.Provider value={context}>\n      <BasePopover.Root {...popoverProps} actionsRef={externalActionsRef ?? internalActionsRef}>\n        {children}\n      </BasePopover.Root>\n      {name ? (\n        <input\n          disabled={disabled}\n          name={name}\n          type=\"hidden\"\n          value={\n            granularity === \"month\"\n              ? toInputMonth(selected)\n              : granularity === \"date-time\"\n                ? toInputDateTime(selected)\n                : toInputDate(selected)\n          }\n        />\n      ) : null}\n    </DatePickerContext.Provider>\n  );\n}\n\nexport type DatePickerLabelProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const DatePickerLabel = forwardRef<HTMLLabelElement, DatePickerLabelProps>(\n  function DatePickerLabel({ children, className, ...props }, ref) {\n    const { labelId, styles, triggerId } = useDatePickerContext();\n\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(styles.label, className)}\n        data-slot=\"date-picker-label\"\n        htmlFor={props.htmlFor ?? triggerId}\n        id={props.id ?? labelId}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type DatePickerControlProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DatePickerControl = forwardRef<HTMLDivElement, DatePickerControlProps>(\n  function DatePickerControl({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(styles.control, className)}\n        data-jaci-component=\"date-picker\"\n        data-slot=\"date-picker-control\"\n      />\n    );\n  },\n);\n\nexport type DatePickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\n\nexport const DatePickerTrigger = forwardRef<HTMLButtonElement, DatePickerTriggerProps>(\n  function DatePickerTrigger({ children, className, disabled, id, ...props }, ref) {\n    const { disabled: pickerDisabled, styles, triggerId } = useDatePickerContext();\n\n    return (\n      <BasePopover.Trigger\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Choose date\"}\n        disabled={disabled ?? pickerDisabled}\n        id={id ?? triggerId}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-jaci-component=\"date-picker\"\n        data-slot=\"date-picker-trigger\"\n      >\n        {children ?? (\n          <>\n            <DatePickerValue />\n            <span aria-hidden=\"true\">▾</span>\n          </>\n        )}\n      </BasePopover.Trigger>\n    );\n  },\n);\n\nexport interface DatePickerValueProps extends ComponentPropsWithoutRef<\"span\"> {\n  placeholder?: ReactNode;\n}\n\nexport const DatePickerValue = forwardRef<HTMLSpanElement, DatePickerValueProps>(\n  function DatePickerValue({ children, className, placeholder, ...props }, ref) {\n    const { formatDate, selected, styles } = useDatePickerContext();\n    const value = children ?? (selected ? formatDate(selected) : (placeholder ?? \"Select a date\"));\n\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(styles.value, className)}\n        data-placeholder={selected ? undefined : \"true\"}\n        data-slot=\"date-picker-value\"\n      >\n        {value}\n      </span>\n    );\n  },\n);\n\nexport type DatePickerClearProps = ComponentPropsWithoutRef<\"button\">;\n\nexport const DatePickerClear = forwardRef<HTMLButtonElement, DatePickerClearProps>(\n  function DatePickerClear({ children = \"×\", className, disabled, onClick, ...props }, ref) {\n    const { close, disabled: pickerDisabled, onClear, selected, styles } = useDatePickerContext();\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClear();\n      onClick?.(event);\n      close();\n    };\n\n    return (\n      <button\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Clear date\"}\n        className={cx(styles.clear, className)}\n        data-slot=\"date-picker-clear\"\n        disabled={disabled || pickerDisabled || !selected}\n        onClick={handleClick}\n        ref={ref}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport type DatePickerPortalProps = ComponentPropsWithoutRef<typeof BasePopover.Portal>;\nexport function DatePickerPortal(props: DatePickerPortalProps) {\n  return <BasePopover.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type DatePickerPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\n\nexport const DatePickerPositioner = forwardRef<HTMLDivElement, DatePickerPositionerProps>(\n  function DatePickerPositioner({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"date-picker-positioner\"\n      />\n    );\n  },\n);\n\nexport type DatePickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\n\nexport const DatePickerPopup = forwardRef<HTMLDivElement, DatePickerPopupProps>(\n  function DatePickerPopup({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <BasePopover.Popup\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Calendar\"}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"date-picker-popup\"\n      />\n    );\n  },\n);\n\nexport type DatePickerCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\n\nexport const DatePickerClose = forwardRef<HTMLButtonElement, DatePickerCloseProps>(\n  function DatePickerClose({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <BasePopover.Close\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.close, className)}\n        data-slot=\"date-picker-close\"\n      />\n    );\n  },\n);\n\nexport type DatePickerHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DatePickerHeader = forwardRef<HTMLDivElement, DatePickerHeaderProps>(\n  function DatePickerHeader({ className, ...props }, ref) {\n    const { styles } = useDatePickerContext();\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(styles.header, className)}\n        data-slot=\"date-picker-header\"\n      />\n    );\n  },\n);\n\nexport type DatePickerCaptionProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const DatePickerCaption = forwardRef<HTMLSpanElement, DatePickerCaptionProps>(\n  function DatePickerCaption({ children, className, ...props }, ref) {\n    const { locale, month, styles } = useDatePickerContext();\n\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(styles.caption, className)}\n        data-slot=\"date-picker-caption\"\n      >\n        {children ?? formatMonthLabel(month, locale)}\n      </span>\n    );\n  },\n);\n\nexport type DatePickerMonthSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\n\nexport const DatePickerMonthSelect = forwardRef<HTMLSelectElement, DatePickerMonthSelectProps>(\n  function DatePickerMonthSelect({ className, ...props }, ref) {\n    const { locale, month, monthDisabled, selectMonth, styles } = useDatePickerContext();\n    const labels = getMonthLabels(locale);\n\n    return (\n      <select\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Select month\"}\n        className={cx(styles.monthSelect, className)}\n        data-slot=\"date-picker-month-select\"\n        onChange={(event) => selectMonth(Number(event.currentTarget.value))}\n        ref={ref}\n        value={month.getMonth()}\n      >\n        {labels.map((label, monthIndex) => (\n          <option\n            disabled={monthDisabled(createCalendarDate(month.getFullYear(), monthIndex, 1))}\n            key={label}\n            value={monthIndex}\n          >\n            {label}\n          </option>\n        ))}\n      </select>\n    );\n  },\n);\n\nexport type DatePickerYearSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\n\nexport const DatePickerYearSelect = forwardRef<HTMLSelectElement, DatePickerYearSelectProps>(\n  function DatePickerYearSelect({ className, ...props }, ref) {\n    const { month, monthDisabled, selectYear, styles, yearRange } = useDatePickerContext();\n    const years = Array.from(\n      { length: yearRange.end - yearRange.start + 1 },\n      (_, index) => yearRange.start + index,\n    );\n\n    return (\n      <select\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Select year\"}\n        className={cx(styles.yearSelect, className)}\n        data-slot=\"date-picker-year-select\"\n        onChange={(event) => selectYear(Number(event.currentTarget.value))}\n        ref={ref}\n        value={month.getFullYear()}\n      >\n        {years.map((year) => (\n          <option\n            disabled={monthDisabled(createCalendarDate(year, month.getMonth(), 1))}\n            key={year}\n            value={year}\n          >\n            {year}\n          </option>\n        ))}\n      </select>\n    );\n  },\n);\n\nexport type DatePickerTimeFieldProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"onChange\" | \"type\" | \"value\"\n>;\n\nexport const DatePickerTimeField = forwardRef<HTMLInputElement, DatePickerTimeFieldProps>(\n  function DatePickerTimeField({ className, ...props }, ref) {\n    const { disabled, granularity, onTimeChange, selected, styles, timeMax, timeMin } =\n      useDatePickerContext();\n    if (granularity !== \"date-time\") return null;\n\n    return (\n      <input\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Select time\"}\n        className={cx(styles.timeField, className)}\n        data-slot=\"date-picker-time-field\"\n        disabled={disabled || !selected}\n        max={timeMax}\n        min={timeMin}\n        onChange={(event) => onTimeChange(event.currentTarget.value)}\n        ref={ref}\n        type=\"time\"\n        value={toTimeInput(selected)}\n      />\n    );\n  },\n);\n\nexport interface DatePickerNavigationProps extends ComponentPropsWithoutRef<\"button\"> {\n  amount?: number;\n}\n\nconst DatePickerNavigationButton = forwardRef<HTMLButtonElement, DatePickerNavigationProps>(\n  function DatePickerNavigationButton({ amount, children, className, onClick, ...props }, ref) {\n    const { canNavigate, month, setMonth, styles } = useDatePickerContext();\n    const direction = amount ?? 1;\n    const isDisabled = props.disabled || !canNavigate(direction);\n\n    return (\n      <button\n        {...props}\n        aria-label={props[\"aria-label\"] ?? (direction < 0 ? \"Previous month\" : \"Next month\")}\n        className={cx(styles.navigation, className)}\n        data-slot={direction < 0 ? \"date-picker-previous\" : \"date-picker-next\"}\n        disabled={isDisabled}\n        onClick={(event) => {\n          if (!isDisabled) setMonth(addMonths(month, direction));\n          onClick?.(event);\n        }}\n        ref={ref}\n        type=\"button\"\n      >\n        {children ?? (direction < 0 ? \"‹\" : \"›\")}\n      </button>\n    );\n  },\n);\n\nexport const DatePickerPrevious = forwardRef<HTMLButtonElement, DatePickerNavigationProps>(\n  function DatePickerPrevious(props, ref) {\n    return <DatePickerNavigationButton {...props} amount={-1} ref={ref} />;\n  },\n);\n\nexport const DatePickerNext = forwardRef<HTMLButtonElement, DatePickerNavigationProps>(\n  function DatePickerNext(props, ref) {\n    return <DatePickerNavigationButton {...props} amount={1} ref={ref} />;\n  },\n);\n\nexport interface DatePickerDayProps extends Omit<ComponentPropsWithoutRef<\"button\">, \"value\"> {\n  date: Date;\n}\n\nexport const DatePickerDay = forwardRef<HTMLButtonElement, DatePickerDayProps>(\n  function DatePickerDay(\n    { children, className, date, disabled, onClick, onKeyDown, ...props },\n    ref,\n  ) {\n    const {\n      dateDisabled,\n      disabled: pickerDisabled,\n      focusDate,\n      focusedDate,\n      locale,\n      month,\n      onSelect,\n      registerDay,\n      selected,\n      styles,\n      today,\n      weekStartsOn,\n    } = useDatePickerContext();\n    const key = dateKey(date);\n    const outsideMonth = !isSameMonth(date, month);\n    const isDisabled = disabled || pickerDisabled || dateDisabled(date);\n    const isFocused = isSameDay(date, focusedDate);\n    const isSelected = isSameDay(date, selected);\n    const isToday = isSameDay(date, today);\n    const dayRef = composeRefs(ref, (node) => registerDay(key, node));\n\n    const moveByKey = (event: KeyboardEvent<HTMLButtonElement>) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n\n      let nextDate: Date | undefined;\n      switch (event.key) {\n        case \"ArrowLeft\":\n          nextDate = addDays(date, -1);\n          break;\n        case \"ArrowRight\":\n          nextDate = addDays(date, 1);\n          break;\n        case \"ArrowUp\":\n          nextDate = addDays(date, -7);\n          break;\n        case \"ArrowDown\":\n          nextDate = addDays(date, 7);\n          break;\n        case \"Home\":\n          nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));\n          break;\n        case \"End\":\n          nextDate = addDays(date, 6 - ((date.getDay() - weekStartsOn + 7) % 7));\n          break;\n        case \"PageUp\":\n          nextDate = addMonths(date, event.shiftKey ? -12 : -1);\n          break;\n        case \"PageDown\":\n          nextDate = addMonths(date, event.shiftKey ? 12 : 1);\n          break;\n        case \"Enter\":\n        case \" \":\n          if (!isDisabled) {\n            event.preventDefault();\n            onSelect(date);\n          }\n          break;\n        default:\n          break;\n      }\n\n      if (nextDate) {\n        event.preventDefault();\n        focusDate(nextDate, nextDate < date ? -1 : 1);\n      }\n    };\n\n    return (\n      // biome-ignore lint/a11y/useSemanticElements: A calendar day is an interactive gridcell, not a generic table cell.\n      <button\n        {...props}\n        ref={dayRef}\n        aria-label={props[\"aria-label\"] ?? getDateRangeLabel(date, locale)}\n        aria-current={isToday ? \"date\" : undefined}\n        aria-selected={isSelected}\n        className={cx(styles.day, className)}\n        data-date={key}\n        data-disabled={isDisabled || undefined}\n        data-outside-month={outsideMonth || undefined}\n        data-selected={isSelected || undefined}\n        data-slot=\"date-picker-day\"\n        data-today={isToday || undefined}\n        disabled={isDisabled}\n        onClick={(event) => {\n          onSelect(date);\n          onClick?.(event);\n        }}\n        onKeyDown={(event) => {\n          moveByKey(event);\n          onKeyDown?.(event);\n        }}\n        role=\"gridcell\"\n        tabIndex={isFocused && !isDisabled ? 0 : -1}\n        type=\"button\"\n      >\n        {children ?? date.getDate()}\n      </button>\n    );\n  },\n);\n\ninterface DatePickerMonthButtonProps {\n  date: Date;\n}\n\nconst DatePickerMonthButton = forwardRef<HTMLButtonElement, DatePickerMonthButtonProps>(\n  function DatePickerMonthButton({ date }, ref) {\n    const { disabled, granularity, locale, monthDisabled, onSelect, selected, styles } =\n      useDatePickerContext();\n    const isDisabled = disabled || monthDisabled(date);\n    const isSelected = granularity === \"month\" && Boolean(selected && isSameMonth(selected, date));\n\n    return (\n      // biome-ignore lint/a11y/useSemanticElements: Month choices use the calendar gridcell pattern.\n      <button\n        aria-label={new Intl.DateTimeFormat(locale, { month: \"long\" }).format(date)}\n        aria-selected={isSelected}\n        className={styles.month}\n        data-disabled={isDisabled || undefined}\n        data-selected={isSelected || undefined}\n        data-slot=\"date-picker-month\"\n        disabled={isDisabled}\n        onClick={() => onSelect(date)}\n        ref={ref}\n        role=\"gridcell\"\n        type=\"button\"\n      >\n        {new Intl.DateTimeFormat(locale, { month: \"short\" }).format(date)}\n      </button>\n    );\n  },\n);\n\nexport interface DatePickerCalendarProps\n  extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\"> {\n  \"aria-label\"?: string;\n}\n\nexport const DatePickerCalendar = forwardRef<HTMLElement, DatePickerCalendarProps>(\n  function DatePickerCalendar({ \"aria-label\": ariaLabel, className, ...props }, ref) {\n    const { granularity, locale, month, styles, weekStartsOn } = useDatePickerContext();\n    const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n    const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\n    const monthDates = useMemo(\n      () =>\n        Array.from({ length: 12 }, (_, index) => createCalendarDate(month.getFullYear(), index, 1)),\n      [month],\n    );\n\n    return (\n      <section\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? formatMonthLabel(month, locale)}\n        className={cx(styles.calendar, className)}\n        data-granularity={granularity}\n        data-slot=\"date-picker-calendar\"\n      >\n        {granularity === \"month\" ? (\n          // biome-ignore lint/a11y/useSemanticElements: Month selection uses the calendar grid pattern.\n          <div\n            aria-label={String(month.getFullYear())}\n            className={styles.monthGrid}\n            data-slot=\"date-picker-month-grid\"\n            role=\"grid\"\n          >\n            {monthDates.map((date) => (\n              <DatePickerMonthButton date={date} key={dateKey(date)} />\n            ))}\n          </div>\n        ) : (\n          <>\n            <div aria-hidden=\"true\" className={styles.weekdays} data-slot=\"date-picker-weekdays\">\n              {weekdays.map((weekday) => (\n                <span className={styles.weekday} data-slot=\"date-picker-weekday\" key={weekday}>\n                  {weekday}\n                </span>\n              ))}\n            </div>\n            {/* biome-ignore lint/a11y/useSemanticElements: Calendar grids use the WAI-ARIA grid pattern for roving day focus. */}\n            <div\n              aria-label={formatMonthLabel(month, locale)}\n              className={styles.grid}\n              data-slot=\"date-picker-grid\"\n              role=\"grid\"\n            >\n              {days.map((date) => (\n                <DatePickerDay date={date} key={dateKey(date)} />\n              ))}\n            </div>\n          </>\n        )}\n      </section>\n    );\n  },\n);\n\nexport const DatePicker = {\n  Root: DatePickerRoot,\n  Label: DatePickerLabel,\n  Control: DatePickerControl,\n  Trigger: DatePickerTrigger,\n  Value: DatePickerValue,\n  Clear: DatePickerClear,\n  Portal: DatePickerPortal,\n  Positioner: DatePickerPositioner,\n  Popup: DatePickerPopup,\n  Close: DatePickerClose,\n  Header: DatePickerHeader,\n  Caption: DatePickerCaption,\n  MonthSelect: DatePickerMonthSelect,\n  YearSelect: DatePickerYearSelect,\n  TimeField: DatePickerTimeField,\n  Previous: DatePickerPrevious,\n  Next: DatePickerNext,\n  Day: DatePickerDay,\n  Calendar: DatePickerCalendar,\n};\n"],"mappings":"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"}

package/dist/components/date-range-picker/date-range-picker.cjs

@@ -2,6 +2,7 @@
 const require_cx = require("../../styled-system/css/cx.cjs");
 const require_base_ui = require("../base-ui.cjs");
 const require_date_range_picker = require("../../styled-system/recipes/date-range-picker.cjs");
+const require_theme_scope = require("../../theme/theme-scope.cjs");
 const require_date_utils = require("../date-picker/date-utils.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -265,7 +266,9 @@ const DateRangePickerClear = (0, react.forwardRef)(function DateRangePickerClear
 		children
 	});
 });
-const DateRangePickerPortal = _base_ui_react_popover.Popover.Portal;
+function DateRangePickerPortal(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Portal, { ...require_theme_scope.useThemePortalProps(props) });
+}
 const DateRangePickerPositioner = (0, react.forwardRef)(function DateRangePickerPositioner({ className, ...props }, ref) {
 	const { styles } = useDateRangePickerContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Positioner, {

package/dist/components/date-range-picker/date-range-picker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.cjs","names":["isBeforeDay","isAfterDay","startOfMonth","dateRangePicker","createCalendarDate","addMonths","addDays","dateKey","BasePopover","toInputDate","cx","withRecipeClassName","formatDateLabel","getMonthLabels","isSameDay","getCalendarDays","getWeekdayLabels","formatMonthLabel"],"sources":["../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dateRangePicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport {\n  addDays,\n  addMonths,\n  createCalendarDate,\n  dateKey,\n  formatDateLabel,\n  formatMonthLabel,\n  getCalendarDays,\n  getMonthLabels,\n  getWeekdayLabels,\n  isAfterDay,\n  isBeforeDay,\n  isSameDay,\n  startOfMonth,\n  toInputDate,\n} from \"../date-picker/date-utils\";\n\nexport interface DateRange {\n  start: Date | null;\n  end: Date | null;\n}\n\nexport interface DateRangePickerYearRange {\n  start: number;\n  end: number;\n}\n\nexport interface DateRangePickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n  value?: DateRange;\n  defaultValue?: DateRange;\n  onValueChange?: (range: DateRange) => void;\n  referenceDate?: Date;\n  locale?: string;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  minDate?: Date;\n  maxDate?: Date;\n  isDateDisabled?: (date: Date) => boolean;\n  yearRange?: DateRangePickerYearRange;\n  closeOnSelect?: boolean;\n  name?: string;\n  disabled?: boolean;\n  placeholder?: ReactNode;\n  children?: ReactNode;\n}\n\ninterface DateRangePickerContextValue {\n  canNavigate: (amount: number) => boolean;\n  close: () => void;\n  dateDisabled: (date: Date) => boolean;\n  disabled: boolean;\n  focusDate: (date: Date, direction?: number) => void;\n  focusedDate: Date;\n  hoveredDate: Date | null;\n  locale: string;\n  maxDate: Date | undefined;\n  minDate: Date | undefined;\n  month: Date;\n  monthDisabled: (date: Date) => boolean;\n  onSelect: (date: Date) => void;\n  range: DateRange;\n  selectMonth: (month: number) => void;\n  selectYear: (year: number) => void;\n  setMonth: (date: Date) => void;\n  setHoveredDate: (date: Date | null) => void;\n  setRange: (range: DateRange) => void;\n  styles: ReturnType<typeof dateRangePicker>;\n  today: Date;\n  triggerId: string;\n  weekStartsOn: number;\n  yearRange: DateRangePickerYearRange;\n  registerDay: (key: string, node: HTMLButtonElement | null) => void;\n}\n\nconst DateRangePickerContext = createContext<DateRangePickerContextValue | null>(null);\n\nfunction useDateRangePickerContext() {\n  const context = useContext(DateRangePickerContext);\n  if (!context)\n    throw new Error(\"DateRangePicker parts must be rendered inside DateRangePicker.Root.\");\n  return context;\n}\n\nfunction sameMonth(left: Date, right: Date) {\n  return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();\n}\n\nfunction dateInRange(date: Date, range: DateRange, preview: Date | null) {\n  const end = range.end ?? preview;\n  return Boolean(range.start && end && !isBeforeDay(date, range.start) && !isAfterDay(date, end));\n}\n\nexport function DateRangePickerRoot({\n  children,\n  closeOnSelect = true,\n  defaultValue = { start: null, end: null },\n  disabled = false,\n  isDateDisabled,\n  locale = \"pt-BR\",\n  maxDate,\n  minDate,\n  name,\n  onValueChange,\n  referenceDate,\n  value: controlledValue,\n  weekStartsOn = 0,\n  yearRange: configuredYearRange,\n  ...popoverProps\n}: DateRangePickerRootProps) {\n  const [uncontrolledRange, setUncontrolledRange] = useState<DateRange>(defaultValue);\n  const range = controlledValue ?? uncontrolledRange;\n  const initialDate = range.start ?? referenceDate ?? new Date();\n  const [month, setMonthState] = useState(() => startOfMonth(initialDate));\n  const [focusedDate, setFocusedDate] = useState(range.start ?? initialDate);\n  const [hoveredDate, setHoveredDate] = useState<Date | null>(null);\n  const dayRefs = useRef(new Map<string, HTMLButtonElement>());\n  const actionsRef = useRef<BasePopoverRoot.Actions | null>(null);\n  const triggerId = useId();\n  const styles = dateRangePicker();\n  const today = useMemo(() => referenceDate ?? new Date(), [referenceDate]);\n  const minMonth = minDate ? startOfMonth(minDate) : undefined;\n  const maxMonth = maxDate ? startOfMonth(maxDate) : undefined;\n  const yearRange = useMemo(() => {\n    const start = configuredYearRange?.start ?? today.getFullYear() - 100;\n    const end = configuredYearRange?.end ?? today.getFullYear() + 20;\n    const years = [\n      range.start?.getFullYear(),\n      range.end?.getFullYear(),\n      minDate?.getFullYear(),\n      maxDate?.getFullYear(),\n    ].filter((year): year is number => year !== undefined);\n    return { start: Math.min(start, end, ...years), end: Math.max(start, end, ...years) };\n  }, [\n    configuredYearRange?.end,\n    configuredYearRange?.start,\n    maxDate,\n    minDate,\n    range.end,\n    range.start,\n    today,\n  ]);\n\n  const dateDisabled = useCallback(\n    (date: Date) =>\n      Boolean(\n        (minDate && isBeforeDay(date, minDate)) ||\n          (maxDate && isAfterDay(date, maxDate)) ||\n          isDateDisabled?.(date),\n      ),\n    [isDateDisabled, maxDate, minDate],\n  );\n  const monthDisabled = useCallback(\n    (date: Date) => {\n      const first = startOfMonth(date);\n      const last = createCalendarDate(date.getFullYear(), date.getMonth() + 1, 0);\n      return Boolean(\n        (minDate && isBeforeDay(last, minDate)) || (maxDate && isAfterDay(first, maxDate)),\n      );\n    },\n    [maxDate, minDate],\n  );\n  const clampMonth = useCallback(\n    (date: Date) => {\n      const normalized = startOfMonth(date);\n      if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;\n      if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;\n      return normalized;\n    },\n    [maxMonth, minMonth],\n  );\n  const setMonth = useCallback((date: Date) => setMonthState(clampMonth(date)), [clampMonth]);\n  const canNavigate = useCallback(\n    (amount: number) => {\n      const next = addMonths(month, amount);\n      return (\n        !(minMonth && isBeforeDay(next, minMonth)) && !(maxMonth && isAfterDay(next, maxMonth))\n      );\n    },\n    [maxMonth, minMonth, month],\n  );\n  const setRange = useCallback(\n    (nextRange: DateRange) => {\n      if (controlledValue === undefined) setUncontrolledRange(nextRange);\n      onValueChange?.(nextRange);\n    },\n    [controlledValue, onValueChange],\n  );\n  const close = useCallback(() => actionsRef.current?.close(), []);\n  const onSelect = useCallback(\n    (date: Date) => {\n      if (disabled || dateDisabled(date)) return;\n      const nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      let nextRange: DateRange;\n      if (!range.start || range.end) nextRange = { start: nextDate, end: null };\n      else if (isBeforeDay(nextDate, range.start)) nextRange = { start: nextDate, end: null };\n      else nextRange = { start: range.start, end: nextDate };\n      setRange(nextRange);\n      setFocusedDate(nextDate);\n      setMonth(nextDate);\n      setHoveredDate(null);\n      if (nextRange.start && nextRange.end && closeOnSelect) close();\n    },\n    [close, closeOnSelect, dateDisabled, disabled, range.end, range.start, setMonth, setRange],\n  );\n  const focusDate = useCallback(\n    (date: Date, direction = 1) => {\n      let next = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      const step = direction < 0 ? -1 : 1;\n      let attempts = 0;\n      while (dateDisabled(next) && attempts < 366) {\n        next = addDays(next, step);\n        attempts += 1;\n      }\n      setFocusedDate(next);\n      setMonth(next);\n      const focusTarget = () => dayRefs.current.get(dateKey(next))?.focus();\n      focusTarget();\n      queueMicrotask(focusTarget);\n    },\n    [dateDisabled, setMonth],\n  );\n  const selectMonth = useCallback(\n    (monthIndex: number) => setMonth(createCalendarDate(month.getFullYear(), monthIndex, 1)),\n    [month, setMonth],\n  );\n  const selectYear = useCallback(\n    (year: number) => setMonth(createCalendarDate(year, month.getMonth(), 1)),\n    [month, setMonth],\n  );\n  const registerDay = useCallback((key: string, node: HTMLButtonElement | null) => {\n    if (node) dayRefs.current.set(key, node);\n    else dayRefs.current.delete(key);\n  }, []);\n\n  useEffect(() => {\n    const selected = range.end ?? range.start;\n    if (!selected) return;\n    setFocusedDate(selected);\n    setMonthState((current) => (sameMonth(current, selected) ? current : clampMonth(selected)));\n  }, [clampMonth, range.end, range.start]);\n\n  const context: DateRangePickerContextValue = {\n    canNavigate,\n    close,\n    dateDisabled,\n    disabled,\n    focusDate,\n    focusedDate,\n    hoveredDate,\n    locale,\n    maxDate,\n    minDate,\n    month,\n    monthDisabled,\n    onSelect,\n    range,\n    registerDay,\n    selectMonth,\n    selectYear,\n    setHoveredDate,\n    setMonth,\n    setRange,\n    styles,\n    today,\n    triggerId,\n    weekStartsOn,\n    yearRange,\n  };\n\n  return (\n    <DateRangePickerContext.Provider value={context}>\n      <BasePopover.Root {...popoverProps} actionsRef={actionsRef}>\n        {children}\n      </BasePopover.Root>\n      {name ? (\n        <>\n          <input\n            disabled={disabled}\n            name={`${name}[start]`}\n            type=\"hidden\"\n            value={toInputDate(range.start)}\n          />\n          <input\n            disabled={disabled}\n            name={`${name}[end]`}\n            type=\"hidden\"\n            value={toInputDate(range.end)}\n          />\n        </>\n      ) : null}\n    </DateRangePickerContext.Provider>\n  );\n}\n\nexport type DateRangePickerLabelProps = ComponentPropsWithoutRef<\"label\">;\nexport const DateRangePickerLabel = forwardRef<HTMLLabelElement, DateRangePickerLabelProps>(\n  function DateRangePickerLabel({ className, ...props }, ref) {\n    const { styles, triggerId } = useDateRangePickerContext();\n    return (\n      // biome-ignore lint/a11y/noLabelWithoutControl: the consumer renders the trigger/control in this composition.\n      <label\n        {...props}\n        className={cx(styles.label, className)}\n        data-slot=\"date-range-picker-label\"\n        htmlFor={props.htmlFor ?? triggerId}\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type DateRangePickerControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerControl = forwardRef<HTMLDivElement, DateRangePickerControlProps>(\n  function DateRangePickerControl({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.control, className)}\n        data-slot=\"date-range-picker-control\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type DateRangePickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\nexport const DateRangePickerTrigger = forwardRef<HTMLButtonElement, DateRangePickerTriggerProps>(\n  function DateRangePickerTrigger({ children, className, disabled, id, ...props }, ref) {\n    const { disabled: pickerDisabled, styles, triggerId } = useDateRangePickerContext();\n    return (\n      <BasePopover.Trigger\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Choose date range\"}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-jaci-component=\"date-range-picker\"\n        data-slot=\"date-range-picker-trigger\"\n        disabled={disabled ?? pickerDisabled}\n        id={id ?? triggerId}\n        ref={ref}\n      >\n        {children ?? (\n          <>\n            <DateRangePickerValue />\n            <span aria-hidden=\"true\">▾</span>\n          </>\n        )}\n      </BasePopover.Trigger>\n    );\n  },\n);\n\nexport interface DateRangePickerValueProps extends ComponentPropsWithoutRef<\"span\"> {\n  placeholder?: ReactNode;\n}\nexport const DateRangePickerValue = forwardRef<HTMLSpanElement, DateRangePickerValueProps>(\n  function DateRangePickerValue({ children, className, placeholder, ...props }, ref) {\n    const { locale, range, styles } = useDateRangePickerContext();\n    const value =\n      children ??\n      (range.start && range.end\n        ? `${formatDateLabel(range.start, locale, \"\")} – ${formatDateLabel(range.end, locale, \"\")}`\n        : range.start\n          ? `${formatDateLabel(range.start, locale, \"\")} – …`\n          : (placeholder ?? \"Select a date range\"));\n    return (\n      <span\n        {...props}\n        className={cx(styles.value, className)}\n        data-placeholder={range.start ? undefined : \"true\"}\n        data-slot=\"date-range-picker-value\"\n        ref={ref}\n      >\n        {value}\n      </span>\n    );\n  },\n);\n\nexport type DateRangePickerClearProps = ComponentPropsWithoutRef<\"button\">;\nexport const DateRangePickerClear = forwardRef<HTMLButtonElement, DateRangePickerClearProps>(\n  function DateRangePickerClear({ children = \"×\", className, disabled, onClick, ...props }, ref) {\n    const {\n      disabled: pickerDisabled,\n      range,\n      setRange,\n      styles,\n      close,\n    } = useDateRangePickerContext();\n    return (\n      <button\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Clear date range\"}\n        className={cx(styles.clear, className)}\n        data-slot=\"date-range-picker-clear\"\n        disabled={disabled || pickerDisabled || (!range.start && !range.end)}\n        onClick={(event) => {\n          setRange({ start: null, end: null });\n          close();\n          onClick?.(event);\n        }}\n        ref={ref}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport type DateRangePickerPortalProps = ComponentPropsWithoutRef<typeof BasePopover.Portal>;\nexport const DateRangePickerPortal = BasePopover.Portal;\nexport type DateRangePickerPositionerProps = ComponentPropsWithoutRef<\n  typeof BasePopover.Positioner\n>;\nexport const DateRangePickerPositioner = forwardRef<HTMLDivElement, DateRangePickerPositionerProps>(\n  function DateRangePickerPositioner({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <BasePopover.Positioner\n        {...props}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"date-range-picker-positioner\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type DateRangePickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\nexport const DateRangePickerPopup = forwardRef<HTMLDivElement, DateRangePickerPopupProps>(\n  function DateRangePickerPopup({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <BasePopover.Popup\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Calendar\"}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"date-range-picker-popup\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type DateRangePickerCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\nexport const DateRangePickerClose = forwardRef<HTMLButtonElement, DateRangePickerCloseProps>(\n  function DateRangePickerClose({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <BasePopover.Close\n        {...props}\n        className={withRecipeClassName(styles.close, className)}\n        data-slot=\"date-range-picker-close\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type DateRangePickerHeaderProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerHeader = forwardRef<HTMLDivElement, DateRangePickerHeaderProps>(\n  function DateRangePickerHeader({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.header, className)}\n        data-slot=\"date-range-picker-header\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type DateRangePickerNavigationProps = ComponentPropsWithoutRef<\"button\"> & {\n  amount?: number;\n};\nconst DateRangePickerNavigationButton = forwardRef<\n  HTMLButtonElement,\n  DateRangePickerNavigationProps\n>(function DateRangePickerNavigationButton(\n  { amount = 1, children, className, onClick, ...props },\n  ref,\n) {\n  const { canNavigate, month, setMonth, styles } = useDateRangePickerContext();\n  const isDisabled = props.disabled || !canNavigate(amount);\n  return (\n    <button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? (amount < 0 ? \"Previous month\" : \"Next month\")}\n      className={cx(styles.navigation, className)}\n      data-slot={amount < 0 ? \"date-range-picker-previous\" : \"date-range-picker-next\"}\n      disabled={isDisabled}\n      onClick={(event) => {\n        if (!isDisabled) setMonth(addMonths(month, amount));\n        onClick?.(event);\n      }}\n      ref={ref}\n      type=\"button\"\n    >\n      {children ?? (amount < 0 ? \"‹\" : \"›\")}\n    </button>\n  );\n});\nexport const DateRangePickerPrevious = forwardRef<\n  HTMLButtonElement,\n  DateRangePickerNavigationProps\n>(function DateRangePickerPrevious(props, ref) {\n  return <DateRangePickerNavigationButton {...props} amount={-1} ref={ref} />;\n});\nexport const DateRangePickerNext = forwardRef<HTMLButtonElement, DateRangePickerNavigationProps>(\n  function DateRangePickerNext(props, ref) {\n    return <DateRangePickerNavigationButton {...props} amount={1} ref={ref} />;\n  },\n);\nexport type DateRangePickerMonthSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerMonthSelect = forwardRef<\n  HTMLSelectElement,\n  DateRangePickerMonthSelectProps\n>(function DateRangePickerMonthSelect({ className, ...props }, ref) {\n  const { locale, month, monthDisabled, selectMonth, styles } = useDateRangePickerContext();\n  const labels = getMonthLabels(locale);\n  return (\n    <select\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Select month\"}\n      className={cx(styles.monthSelect, className)}\n      data-slot=\"date-range-picker-month-select\"\n      onChange={(event) => selectMonth(Number(event.currentTarget.value))}\n      ref={ref}\n      value={month.getMonth()}\n    >\n      {labels.map((label, index) => (\n        <option\n          disabled={monthDisabled(createCalendarDate(month.getFullYear(), index, 1))}\n          key={label}\n          value={index}\n        >\n          {label}\n        </option>\n      ))}\n    </select>\n  );\n});\nexport type DateRangePickerYearSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerYearSelect = forwardRef<\n  HTMLSelectElement,\n  DateRangePickerYearSelectProps\n>(function DateRangePickerYearSelect({ className, ...props }, ref) {\n  const { month, monthDisabled, selectYear, styles, yearRange } = useDateRangePickerContext();\n  const years = Array.from(\n    { length: yearRange.end - yearRange.start + 1 },\n    (_, index) => yearRange.start + index,\n  );\n  return (\n    <select\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Select year\"}\n      className={cx(styles.yearSelect, className)}\n      data-slot=\"date-range-picker-year-select\"\n      onChange={(event) => selectYear(Number(event.currentTarget.value))}\n      ref={ref}\n      value={month.getFullYear()}\n    >\n      {years.map((year) => (\n        <option\n          disabled={monthDisabled(createCalendarDate(year, month.getMonth(), 1))}\n          key={year}\n          value={year}\n        >\n          {year}\n        </option>\n      ))}\n    </select>\n  );\n});\n\nexport interface DateRangePickerDayProps extends Omit<ComponentPropsWithoutRef<\"button\">, \"value\"> {\n  date: Date;\n}\nexport const DateRangePickerDay = forwardRef<HTMLButtonElement, DateRangePickerDayProps>(\n  function DateRangePickerDay(\n    { children, className, date, disabled, onClick, onKeyDown, onMouseEnter, ...props },\n    ref,\n  ) {\n    const {\n      dateDisabled,\n      disabled: pickerDisabled,\n      focusDate,\n      focusedDate,\n      hoveredDate,\n      locale,\n      month,\n      range,\n      onSelect,\n      registerDay,\n      setHoveredDate,\n      styles,\n      today,\n      weekStartsOn,\n    } = useDateRangePickerContext();\n    const key = dateKey(date);\n    const isDisabled = Boolean(disabled || pickerDisabled || dateDisabled(date));\n    const isStart = Boolean(range.start && isSameDay(date, range.start));\n    const isEnd = Boolean(range.end && isSameDay(date, range.end));\n    const inRange = dateInRange(date, range, hoveredDate);\n    const outsideMonth = !sameMonth(date, month);\n    const isFocused = isSameDay(date, focusedDate);\n    const isToday = isSameDay(date, today);\n    return (\n      // biome-ignore lint/a11y/useSemanticElements: the roving button is the interactive grid cell.\n      <button\n        {...props}\n        aria-label={\n          props[\"aria-label\"] ?? new Intl.DateTimeFormat(locale, { dateStyle: \"full\" }).format(date)\n        }\n        aria-current={isToday ? \"date\" : undefined}\n        aria-selected={isStart || isEnd}\n        className={cx(styles.day, className)}\n        data-date={key}\n        data-disabled={isDisabled || undefined}\n        data-in-range={inRange || undefined}\n        data-outside-month={outsideMonth || undefined}\n        data-range-end={isEnd || undefined}\n        data-range-start={isStart || undefined}\n        data-slot=\"date-range-picker-day\"\n        data-today={isToday || undefined}\n        disabled={isDisabled}\n        onClick={(event) => {\n          onSelect(date);\n          onClick?.(event);\n        }}\n        onKeyDown={(event) => {\n          if (!event.defaultPrevented) {\n            let nextDate: Date | undefined;\n            switch (event.key) {\n              case \"ArrowLeft\":\n                nextDate = addDays(date, -1);\n                break;\n              case \"ArrowRight\":\n                nextDate = addDays(date, 1);\n                break;\n              case \"ArrowUp\":\n                nextDate = addDays(date, -7);\n                break;\n              case \"ArrowDown\":\n                nextDate = addDays(date, 7);\n                break;\n              case \"Home\":\n                nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));\n                break;\n              case \"End\":\n                nextDate = addDays(date, 6 - ((date.getDay() - weekStartsOn + 7) % 7));\n                break;\n              case \"PageUp\":\n                nextDate = addMonths(date, event.shiftKey ? -12 : -1);\n                break;\n              case \"PageDown\":\n                nextDate = addMonths(date, event.shiftKey ? 12 : 1);\n                break;\n              case \"Enter\":\n              case \" \":\n                if (!isDisabled) {\n                  event.preventDefault();\n                  onSelect(date);\n                }\n                break;\n            }\n            if (nextDate) {\n              event.preventDefault();\n              focusDate(nextDate, nextDate < date ? -1 : 1);\n            }\n          }\n          onKeyDown?.(event);\n        }}\n        onMouseEnter={(event) => {\n          if (!isDisabled) setHoveredDate(date);\n          onMouseEnter?.(event);\n        }}\n        ref={(node) => {\n          registerDay(key, node);\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        role=\"gridcell\"\n        tabIndex={isFocused && !isDisabled ? 0 : -1}\n        type=\"button\"\n      >\n        {children ?? date.getDate()}\n      </button>\n    );\n  },\n);\n\nexport interface DateRangePickerCalendarProps\n  extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\"> {\n  \"aria-label\"?: string;\n}\nexport const DateRangePickerCalendar = forwardRef<HTMLElement, DateRangePickerCalendarProps>(\n  function DateRangePickerCalendar({ \"aria-label\": ariaLabel, className, ...props }, ref) {\n    const { locale, month, styles, weekStartsOn } = useDateRangePickerContext();\n    const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n    const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\n    return (\n      <section\n        {...props}\n        aria-label={ariaLabel ?? formatMonthLabel(month, locale)}\n        className={cx(styles.calendar, className)}\n        data-slot=\"date-range-picker-calendar\"\n        ref={ref}\n      >\n        <div aria-hidden=\"true\" className={styles.weekdays} data-slot=\"date-range-picker-weekdays\">\n          {weekdays.map((weekday) => (\n            <span className={styles.weekday} data-slot=\"date-range-picker-weekday\" key={weekday}>\n              {weekday}\n            </span>\n          ))}\n        </div>\n        {/* biome-ignore lint/a11y/useSemanticElements: the calendar uses the ARIA grid pattern. */}\n        <div\n          aria-label={formatMonthLabel(month, locale)}\n          className={styles.grid}\n          data-slot=\"date-range-picker-grid\"\n          role=\"grid\"\n        >\n          {days.map((date) => (\n            <DateRangePickerDay date={date} key={dateKey(date)} />\n          ))}\n        </div>\n      </section>\n    );\n  },\n);\n\nexport interface DateRangePickerPreviewProps extends ComponentPropsWithoutRef<\"div\"> {\n  children?: ReactNode;\n}\nexport const DateRangePickerPreview = forwardRef<HTMLDivElement, DateRangePickerPreviewProps>(\n  function DateRangePickerPreview({ children, className, ...props }, ref) {\n    const { hoveredDate, locale, range, styles } = useDateRangePickerContext();\n    const content =\n      children ??\n      (range.start\n        ? `${formatDateLabel(range.start, locale, \"\")} – ${range.end ? formatDateLabel(range.end, locale, \"\") : hoveredDate ? formatDateLabel(hoveredDate, locale, \"\") : \"…\"}`\n        : \"Select a start date\");\n    return (\n      <div\n        {...props}\n        aria-live=\"polite\"\n        className={cx(styles.preview, className)}\n        data-slot=\"date-range-picker-preview\"\n        ref={ref}\n      >\n        {content}\n      </div>\n    );\n  },\n);\n\nexport interface DateRangePickerInputProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"type\" | \"value\" | \"onChange\"> {\n  side: \"start\" | \"end\";\n}\nexport const DateRangePickerInput = forwardRef<HTMLInputElement, DateRangePickerInputProps>(\n  function DateRangePickerInput({ className, onBlur, onInput, side, ...props }, ref) {\n    const { disabled, range, setRange, styles } = useDateRangePickerContext();\n    const value = toInputDate(side === \"start\" ? range.start : range.end);\n    return (\n      <input\n        {...props}\n        aria-label={props[\"aria-label\"] ?? (side === \"start\" ? \"Start date\" : \"End date\")}\n        className={cx(styles.input, className)}\n        data-slot={`date-range-picker-${side}-input`}\n        disabled={disabled || props.disabled}\n        onChange={(event) => {\n          const [year, month, day] = event.currentTarget.value.split(\"-\").map(Number);\n          if (!year || !month || !day) return;\n          const date = createCalendarDate(year, month - 1, day);\n          setRange(\n            side === \"start\" ? { start: date, end: range.end } : { start: range.start, end: date },\n          );\n        }}\n        onBlur={onBlur}\n        onInput={onInput}\n        ref={ref}\n        type=\"date\"\n        value={value}\n      />\n    );\n  },\n);\n\nexport const DateRangePickerStartInput = forwardRef<\n  HTMLInputElement,\n  Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerStartInput(props, ref) {\n  return <DateRangePickerInput {...props} ref={ref} side=\"start\" />;\n});\nexport const DateRangePickerEndInput = forwardRef<\n  HTMLInputElement,\n  Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerEndInput(props, ref) {\n  return <DateRangePickerInput {...props} ref={ref} side=\"end\" />;\n});\n\nexport const DateRangePicker = {\n  Root: DateRangePickerRoot,\n  Label: DateRangePickerLabel,\n  Control: DateRangePickerControl,\n  Trigger: DateRangePickerTrigger,\n  Value: DateRangePickerValue,\n  Clear: DateRangePickerClear,\n  Portal: DateRangePickerPortal,\n  Positioner: DateRangePickerPositioner,\n  Popup: DateRangePickerPopup,\n  Close: DateRangePickerClose,\n  Header: DateRangePickerHeader,\n  Previous: DateRangePickerPrevious,\n  Next: DateRangePickerNext,\n  MonthSelect: DateRangePickerMonthSelect,\n  YearSelect: DateRangePickerYearSelect,\n  Calendar: DateRangePickerCalendar,\n  Day: DateRangePickerDay,\n  Preview: DateRangePickerPreview,\n  StartInput: DateRangePickerStartInput,\n  EndInput: DateRangePickerEndInput,\n};\n"],"mappings":"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"}
+{"version":3,"file":"date-range-picker.cjs","names":["isBeforeDay","isAfterDay","startOfMonth","dateRangePicker","createCalendarDate","addMonths","addDays","dateKey","BasePopover","toInputDate","cx","withRecipeClassName","formatDateLabel","useThemePortalProps","getMonthLabels","isSameDay","getCalendarDays","getWeekdayLabels","formatMonthLabel"],"sources":["../../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dateRangePicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\nimport {\n  addDays,\n  addMonths,\n  createCalendarDate,\n  dateKey,\n  formatDateLabel,\n  formatMonthLabel,\n  getCalendarDays,\n  getMonthLabels,\n  getWeekdayLabels,\n  isAfterDay,\n  isBeforeDay,\n  isSameDay,\n  startOfMonth,\n  toInputDate,\n} from \"../date-picker/date-utils\";\n\nexport interface DateRange {\n  start: Date | null;\n  end: Date | null;\n}\n\nexport interface DateRangePickerYearRange {\n  start: number;\n  end: number;\n}\n\nexport interface DateRangePickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n  value?: DateRange;\n  defaultValue?: DateRange;\n  onValueChange?: (range: DateRange) => void;\n  referenceDate?: Date;\n  locale?: string;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  minDate?: Date;\n  maxDate?: Date;\n  isDateDisabled?: (date: Date) => boolean;\n  yearRange?: DateRangePickerYearRange;\n  closeOnSelect?: boolean;\n  name?: string;\n  disabled?: boolean;\n  placeholder?: ReactNode;\n  children?: ReactNode;\n}\n\ninterface DateRangePickerContextValue {\n  canNavigate: (amount: number) => boolean;\n  close: () => void;\n  dateDisabled: (date: Date) => boolean;\n  disabled: boolean;\n  focusDate: (date: Date, direction?: number) => void;\n  focusedDate: Date;\n  hoveredDate: Date | null;\n  locale: string;\n  maxDate: Date | undefined;\n  minDate: Date | undefined;\n  month: Date;\n  monthDisabled: (date: Date) => boolean;\n  onSelect: (date: Date) => void;\n  range: DateRange;\n  selectMonth: (month: number) => void;\n  selectYear: (year: number) => void;\n  setMonth: (date: Date) => void;\n  setHoveredDate: (date: Date | null) => void;\n  setRange: (range: DateRange) => void;\n  styles: ReturnType<typeof dateRangePicker>;\n  today: Date;\n  triggerId: string;\n  weekStartsOn: number;\n  yearRange: DateRangePickerYearRange;\n  registerDay: (key: string, node: HTMLButtonElement | null) => void;\n}\n\nconst DateRangePickerContext = createContext<DateRangePickerContextValue | null>(null);\n\nfunction useDateRangePickerContext() {\n  const context = useContext(DateRangePickerContext);\n  if (!context)\n    throw new Error(\"DateRangePicker parts must be rendered inside DateRangePicker.Root.\");\n  return context;\n}\n\nfunction sameMonth(left: Date, right: Date) {\n  return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();\n}\n\nfunction dateInRange(date: Date, range: DateRange, preview: Date | null) {\n  const end = range.end ?? preview;\n  return Boolean(range.start && end && !isBeforeDay(date, range.start) && !isAfterDay(date, end));\n}\n\nexport function DateRangePickerRoot({\n  children,\n  closeOnSelect = true,\n  defaultValue = { start: null, end: null },\n  disabled = false,\n  isDateDisabled,\n  locale = \"pt-BR\",\n  maxDate,\n  minDate,\n  name,\n  onValueChange,\n  referenceDate,\n  value: controlledValue,\n  weekStartsOn = 0,\n  yearRange: configuredYearRange,\n  ...popoverProps\n}: DateRangePickerRootProps) {\n  const [uncontrolledRange, setUncontrolledRange] = useState<DateRange>(defaultValue);\n  const range = controlledValue ?? uncontrolledRange;\n  const initialDate = range.start ?? referenceDate ?? new Date();\n  const [month, setMonthState] = useState(() => startOfMonth(initialDate));\n  const [focusedDate, setFocusedDate] = useState(range.start ?? initialDate);\n  const [hoveredDate, setHoveredDate] = useState<Date | null>(null);\n  const dayRefs = useRef(new Map<string, HTMLButtonElement>());\n  const actionsRef = useRef<BasePopoverRoot.Actions | null>(null);\n  const triggerId = useId();\n  const styles = dateRangePicker();\n  const today = useMemo(() => referenceDate ?? new Date(), [referenceDate]);\n  const minMonth = minDate ? startOfMonth(minDate) : undefined;\n  const maxMonth = maxDate ? startOfMonth(maxDate) : undefined;\n  const yearRange = useMemo(() => {\n    const start = configuredYearRange?.start ?? today.getFullYear() - 100;\n    const end = configuredYearRange?.end ?? today.getFullYear() + 20;\n    const years = [\n      range.start?.getFullYear(),\n      range.end?.getFullYear(),\n      minDate?.getFullYear(),\n      maxDate?.getFullYear(),\n    ].filter((year): year is number => year !== undefined);\n    return { start: Math.min(start, end, ...years), end: Math.max(start, end, ...years) };\n  }, [\n    configuredYearRange?.end,\n    configuredYearRange?.start,\n    maxDate,\n    minDate,\n    range.end,\n    range.start,\n    today,\n  ]);\n\n  const dateDisabled = useCallback(\n    (date: Date) =>\n      Boolean(\n        (minDate && isBeforeDay(date, minDate)) ||\n          (maxDate && isAfterDay(date, maxDate)) ||\n          isDateDisabled?.(date),\n      ),\n    [isDateDisabled, maxDate, minDate],\n  );\n  const monthDisabled = useCallback(\n    (date: Date) => {\n      const first = startOfMonth(date);\n      const last = createCalendarDate(date.getFullYear(), date.getMonth() + 1, 0);\n      return Boolean(\n        (minDate && isBeforeDay(last, minDate)) || (maxDate && isAfterDay(first, maxDate)),\n      );\n    },\n    [maxDate, minDate],\n  );\n  const clampMonth = useCallback(\n    (date: Date) => {\n      const normalized = startOfMonth(date);\n      if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;\n      if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;\n      return normalized;\n    },\n    [maxMonth, minMonth],\n  );\n  const setMonth = useCallback((date: Date) => setMonthState(clampMonth(date)), [clampMonth]);\n  const canNavigate = useCallback(\n    (amount: number) => {\n      const next = addMonths(month, amount);\n      return (\n        !(minMonth && isBeforeDay(next, minMonth)) && !(maxMonth && isAfterDay(next, maxMonth))\n      );\n    },\n    [maxMonth, minMonth, month],\n  );\n  const setRange = useCallback(\n    (nextRange: DateRange) => {\n      if (controlledValue === undefined) setUncontrolledRange(nextRange);\n      onValueChange?.(nextRange);\n    },\n    [controlledValue, onValueChange],\n  );\n  const close = useCallback(() => actionsRef.current?.close(), []);\n  const onSelect = useCallback(\n    (date: Date) => {\n      if (disabled || dateDisabled(date)) return;\n      const nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      let nextRange: DateRange;\n      if (!range.start || range.end) nextRange = { start: nextDate, end: null };\n      else if (isBeforeDay(nextDate, range.start)) nextRange = { start: nextDate, end: null };\n      else nextRange = { start: range.start, end: nextDate };\n      setRange(nextRange);\n      setFocusedDate(nextDate);\n      setMonth(nextDate);\n      setHoveredDate(null);\n      if (nextRange.start && nextRange.end && closeOnSelect) close();\n    },\n    [close, closeOnSelect, dateDisabled, disabled, range.end, range.start, setMonth, setRange],\n  );\n  const focusDate = useCallback(\n    (date: Date, direction = 1) => {\n      let next = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      const step = direction < 0 ? -1 : 1;\n      let attempts = 0;\n      while (dateDisabled(next) && attempts < 366) {\n        next = addDays(next, step);\n        attempts += 1;\n      }\n      setFocusedDate(next);\n      setMonth(next);\n      const focusTarget = () => dayRefs.current.get(dateKey(next))?.focus();\n      focusTarget();\n      queueMicrotask(focusTarget);\n    },\n    [dateDisabled, setMonth],\n  );\n  const selectMonth = useCallback(\n    (monthIndex: number) => setMonth(createCalendarDate(month.getFullYear(), monthIndex, 1)),\n    [month, setMonth],\n  );\n  const selectYear = useCallback(\n    (year: number) => setMonth(createCalendarDate(year, month.getMonth(), 1)),\n    [month, setMonth],\n  );\n  const registerDay = useCallback((key: string, node: HTMLButtonElement | null) => {\n    if (node) dayRefs.current.set(key, node);\n    else dayRefs.current.delete(key);\n  }, []);\n\n  useEffect(() => {\n    const selected = range.end ?? range.start;\n    if (!selected) return;\n    setFocusedDate(selected);\n    setMonthState((current) => (sameMonth(current, selected) ? current : clampMonth(selected)));\n  }, [clampMonth, range.end, range.start]);\n\n  const context: DateRangePickerContextValue = {\n    canNavigate,\n    close,\n    dateDisabled,\n    disabled,\n    focusDate,\n    focusedDate,\n    hoveredDate,\n    locale,\n    maxDate,\n    minDate,\n    month,\n    monthDisabled,\n    onSelect,\n    range,\n    registerDay,\n    selectMonth,\n    selectYear,\n    setHoveredDate,\n    setMonth,\n    setRange,\n    styles,\n    today,\n    triggerId,\n    weekStartsOn,\n    yearRange,\n  };\n\n  return (\n    <DateRangePickerContext.Provider value={context}>\n      <BasePopover.Root {...popoverProps} actionsRef={actionsRef}>\n        {children}\n      </BasePopover.Root>\n      {name ? (\n        <>\n          <input\n            disabled={disabled}\n            name={`${name}[start]`}\n            type=\"hidden\"\n            value={toInputDate(range.start)}\n          />\n          <input\n            disabled={disabled}\n            name={`${name}[end]`}\n            type=\"hidden\"\n            value={toInputDate(range.end)}\n          />\n        </>\n      ) : null}\n    </DateRangePickerContext.Provider>\n  );\n}\n\nexport type DateRangePickerLabelProps = ComponentPropsWithoutRef<\"label\">;\nexport const DateRangePickerLabel = forwardRef<HTMLLabelElement, DateRangePickerLabelProps>(\n  function DateRangePickerLabel({ className, ...props }, ref) {\n    const { styles, triggerId } = useDateRangePickerContext();\n    return (\n      // biome-ignore lint/a11y/noLabelWithoutControl: the consumer renders the trigger/control in this composition.\n      <label\n        {...props}\n        className={cx(styles.label, className)}\n        data-slot=\"date-range-picker-label\"\n        htmlFor={props.htmlFor ?? triggerId}\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type DateRangePickerControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerControl = forwardRef<HTMLDivElement, DateRangePickerControlProps>(\n  function DateRangePickerControl({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.control, className)}\n        data-slot=\"date-range-picker-control\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type DateRangePickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\nexport const DateRangePickerTrigger = forwardRef<HTMLButtonElement, DateRangePickerTriggerProps>(\n  function DateRangePickerTrigger({ children, className, disabled, id, ...props }, ref) {\n    const { disabled: pickerDisabled, styles, triggerId } = useDateRangePickerContext();\n    return (\n      <BasePopover.Trigger\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Choose date range\"}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-jaci-component=\"date-range-picker\"\n        data-slot=\"date-range-picker-trigger\"\n        disabled={disabled ?? pickerDisabled}\n        id={id ?? triggerId}\n        ref={ref}\n      >\n        {children ?? (\n          <>\n            <DateRangePickerValue />\n            <span aria-hidden=\"true\">▾</span>\n          </>\n        )}\n      </BasePopover.Trigger>\n    );\n  },\n);\n\nexport interface DateRangePickerValueProps extends ComponentPropsWithoutRef<\"span\"> {\n  placeholder?: ReactNode;\n}\nexport const DateRangePickerValue = forwardRef<HTMLSpanElement, DateRangePickerValueProps>(\n  function DateRangePickerValue({ children, className, placeholder, ...props }, ref) {\n    const { locale, range, styles } = useDateRangePickerContext();\n    const value =\n      children ??\n      (range.start && range.end\n        ? `${formatDateLabel(range.start, locale, \"\")} – ${formatDateLabel(range.end, locale, \"\")}`\n        : range.start\n          ? `${formatDateLabel(range.start, locale, \"\")} – …`\n          : (placeholder ?? \"Select a date range\"));\n    return (\n      <span\n        {...props}\n        className={cx(styles.value, className)}\n        data-placeholder={range.start ? undefined : \"true\"}\n        data-slot=\"date-range-picker-value\"\n        ref={ref}\n      >\n        {value}\n      </span>\n    );\n  },\n);\n\nexport type DateRangePickerClearProps = ComponentPropsWithoutRef<\"button\">;\nexport const DateRangePickerClear = forwardRef<HTMLButtonElement, DateRangePickerClearProps>(\n  function DateRangePickerClear({ children = \"×\", className, disabled, onClick, ...props }, ref) {\n    const {\n      disabled: pickerDisabled,\n      range,\n      setRange,\n      styles,\n      close,\n    } = useDateRangePickerContext();\n    return (\n      <button\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Clear date range\"}\n        className={cx(styles.clear, className)}\n        data-slot=\"date-range-picker-clear\"\n        disabled={disabled || pickerDisabled || (!range.start && !range.end)}\n        onClick={(event) => {\n          setRange({ start: null, end: null });\n          close();\n          onClick?.(event);\n        }}\n        ref={ref}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport type DateRangePickerPortalProps = ComponentPropsWithoutRef<typeof BasePopover.Portal>;\nexport function DateRangePickerPortal(props: DateRangePickerPortalProps) {\n  return <BasePopover.Portal {...useThemePortalProps(props)} />;\n}\nexport type DateRangePickerPositionerProps = ComponentPropsWithoutRef<\n  typeof BasePopover.Positioner\n>;\nexport const DateRangePickerPositioner = forwardRef<HTMLDivElement, DateRangePickerPositionerProps>(\n  function DateRangePickerPositioner({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <BasePopover.Positioner\n        {...props}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"date-range-picker-positioner\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type DateRangePickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\nexport const DateRangePickerPopup = forwardRef<HTMLDivElement, DateRangePickerPopupProps>(\n  function DateRangePickerPopup({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <BasePopover.Popup\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Calendar\"}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"date-range-picker-popup\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type DateRangePickerCloseProps = ComponentPropsWithoutRef<typeof BasePopover.Close>;\nexport const DateRangePickerClose = forwardRef<HTMLButtonElement, DateRangePickerCloseProps>(\n  function DateRangePickerClose({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <BasePopover.Close\n        {...props}\n        className={withRecipeClassName(styles.close, className)}\n        data-slot=\"date-range-picker-close\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type DateRangePickerHeaderProps = ComponentPropsWithoutRef<\"div\">;\nexport const DateRangePickerHeader = forwardRef<HTMLDivElement, DateRangePickerHeaderProps>(\n  function DateRangePickerHeader({ className, ...props }, ref) {\n    const { styles } = useDateRangePickerContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.header, className)}\n        data-slot=\"date-range-picker-header\"\n        ref={ref}\n      />\n    );\n  },\n);\nexport type DateRangePickerNavigationProps = ComponentPropsWithoutRef<\"button\"> & {\n  amount?: number;\n};\nconst DateRangePickerNavigationButton = forwardRef<\n  HTMLButtonElement,\n  DateRangePickerNavigationProps\n>(function DateRangePickerNavigationButton(\n  { amount = 1, children, className, onClick, ...props },\n  ref,\n) {\n  const { canNavigate, month, setMonth, styles } = useDateRangePickerContext();\n  const isDisabled = props.disabled || !canNavigate(amount);\n  return (\n    <button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? (amount < 0 ? \"Previous month\" : \"Next month\")}\n      className={cx(styles.navigation, className)}\n      data-slot={amount < 0 ? \"date-range-picker-previous\" : \"date-range-picker-next\"}\n      disabled={isDisabled}\n      onClick={(event) => {\n        if (!isDisabled) setMonth(addMonths(month, amount));\n        onClick?.(event);\n      }}\n      ref={ref}\n      type=\"button\"\n    >\n      {children ?? (amount < 0 ? \"‹\" : \"›\")}\n    </button>\n  );\n});\nexport const DateRangePickerPrevious = forwardRef<\n  HTMLButtonElement,\n  DateRangePickerNavigationProps\n>(function DateRangePickerPrevious(props, ref) {\n  return <DateRangePickerNavigationButton {...props} amount={-1} ref={ref} />;\n});\nexport const DateRangePickerNext = forwardRef<HTMLButtonElement, DateRangePickerNavigationProps>(\n  function DateRangePickerNext(props, ref) {\n    return <DateRangePickerNavigationButton {...props} amount={1} ref={ref} />;\n  },\n);\nexport type DateRangePickerMonthSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerMonthSelect = forwardRef<\n  HTMLSelectElement,\n  DateRangePickerMonthSelectProps\n>(function DateRangePickerMonthSelect({ className, ...props }, ref) {\n  const { locale, month, monthDisabled, selectMonth, styles } = useDateRangePickerContext();\n  const labels = getMonthLabels(locale);\n  return (\n    <select\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Select month\"}\n      className={cx(styles.monthSelect, className)}\n      data-slot=\"date-range-picker-month-select\"\n      onChange={(event) => selectMonth(Number(event.currentTarget.value))}\n      ref={ref}\n      value={month.getMonth()}\n    >\n      {labels.map((label, index) => (\n        <option\n          disabled={monthDisabled(createCalendarDate(month.getFullYear(), index, 1))}\n          key={label}\n          value={index}\n        >\n          {label}\n        </option>\n      ))}\n    </select>\n  );\n});\nexport type DateRangePickerYearSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\nexport const DateRangePickerYearSelect = forwardRef<\n  HTMLSelectElement,\n  DateRangePickerYearSelectProps\n>(function DateRangePickerYearSelect({ className, ...props }, ref) {\n  const { month, monthDisabled, selectYear, styles, yearRange } = useDateRangePickerContext();\n  const years = Array.from(\n    { length: yearRange.end - yearRange.start + 1 },\n    (_, index) => yearRange.start + index,\n  );\n  return (\n    <select\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Select year\"}\n      className={cx(styles.yearSelect, className)}\n      data-slot=\"date-range-picker-year-select\"\n      onChange={(event) => selectYear(Number(event.currentTarget.value))}\n      ref={ref}\n      value={month.getFullYear()}\n    >\n      {years.map((year) => (\n        <option\n          disabled={monthDisabled(createCalendarDate(year, month.getMonth(), 1))}\n          key={year}\n          value={year}\n        >\n          {year}\n        </option>\n      ))}\n    </select>\n  );\n});\n\nexport interface DateRangePickerDayProps extends Omit<ComponentPropsWithoutRef<\"button\">, \"value\"> {\n  date: Date;\n}\nexport const DateRangePickerDay = forwardRef<HTMLButtonElement, DateRangePickerDayProps>(\n  function DateRangePickerDay(\n    { children, className, date, disabled, onClick, onKeyDown, onMouseEnter, ...props },\n    ref,\n  ) {\n    const {\n      dateDisabled,\n      disabled: pickerDisabled,\n      focusDate,\n      focusedDate,\n      hoveredDate,\n      locale,\n      month,\n      range,\n      onSelect,\n      registerDay,\n      setHoveredDate,\n      styles,\n      today,\n      weekStartsOn,\n    } = useDateRangePickerContext();\n    const key = dateKey(date);\n    const isDisabled = Boolean(disabled || pickerDisabled || dateDisabled(date));\n    const isStart = Boolean(range.start && isSameDay(date, range.start));\n    const isEnd = Boolean(range.end && isSameDay(date, range.end));\n    const inRange = dateInRange(date, range, hoveredDate);\n    const outsideMonth = !sameMonth(date, month);\n    const isFocused = isSameDay(date, focusedDate);\n    const isToday = isSameDay(date, today);\n    return (\n      // biome-ignore lint/a11y/useSemanticElements: the roving button is the interactive grid cell.\n      <button\n        {...props}\n        aria-label={\n          props[\"aria-label\"] ?? new Intl.DateTimeFormat(locale, { dateStyle: \"full\" }).format(date)\n        }\n        aria-current={isToday ? \"date\" : undefined}\n        aria-selected={isStart || isEnd}\n        className={cx(styles.day, className)}\n        data-date={key}\n        data-disabled={isDisabled || undefined}\n        data-in-range={inRange || undefined}\n        data-outside-month={outsideMonth || undefined}\n        data-range-end={isEnd || undefined}\n        data-range-start={isStart || undefined}\n        data-slot=\"date-range-picker-day\"\n        data-today={isToday || undefined}\n        disabled={isDisabled}\n        onClick={(event) => {\n          onSelect(date);\n          onClick?.(event);\n        }}\n        onKeyDown={(event) => {\n          if (!event.defaultPrevented) {\n            let nextDate: Date | undefined;\n            switch (event.key) {\n              case \"ArrowLeft\":\n                nextDate = addDays(date, -1);\n                break;\n              case \"ArrowRight\":\n                nextDate = addDays(date, 1);\n                break;\n              case \"ArrowUp\":\n                nextDate = addDays(date, -7);\n                break;\n              case \"ArrowDown\":\n                nextDate = addDays(date, 7);\n                break;\n              case \"Home\":\n                nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));\n                break;\n              case \"End\":\n                nextDate = addDays(date, 6 - ((date.getDay() - weekStartsOn + 7) % 7));\n                break;\n              case \"PageUp\":\n                nextDate = addMonths(date, event.shiftKey ? -12 : -1);\n                break;\n              case \"PageDown\":\n                nextDate = addMonths(date, event.shiftKey ? 12 : 1);\n                break;\n              case \"Enter\":\n              case \" \":\n                if (!isDisabled) {\n                  event.preventDefault();\n                  onSelect(date);\n                }\n                break;\n            }\n            if (nextDate) {\n              event.preventDefault();\n              focusDate(nextDate, nextDate < date ? -1 : 1);\n            }\n          }\n          onKeyDown?.(event);\n        }}\n        onMouseEnter={(event) => {\n          if (!isDisabled) setHoveredDate(date);\n          onMouseEnter?.(event);\n        }}\n        ref={(node) => {\n          registerDay(key, node);\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        role=\"gridcell\"\n        tabIndex={isFocused && !isDisabled ? 0 : -1}\n        type=\"button\"\n      >\n        {children ?? date.getDate()}\n      </button>\n    );\n  },\n);\n\nexport interface DateRangePickerCalendarProps\n  extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\"> {\n  \"aria-label\"?: string;\n}\nexport const DateRangePickerCalendar = forwardRef<HTMLElement, DateRangePickerCalendarProps>(\n  function DateRangePickerCalendar({ \"aria-label\": ariaLabel, className, ...props }, ref) {\n    const { locale, month, styles, weekStartsOn } = useDateRangePickerContext();\n    const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n    const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\n    return (\n      <section\n        {...props}\n        aria-label={ariaLabel ?? formatMonthLabel(month, locale)}\n        className={cx(styles.calendar, className)}\n        data-slot=\"date-range-picker-calendar\"\n        ref={ref}\n      >\n        <div aria-hidden=\"true\" className={styles.weekdays} data-slot=\"date-range-picker-weekdays\">\n          {weekdays.map((weekday) => (\n            <span className={styles.weekday} data-slot=\"date-range-picker-weekday\" key={weekday}>\n              {weekday}\n            </span>\n          ))}\n        </div>\n        {/* biome-ignore lint/a11y/useSemanticElements: the calendar uses the ARIA grid pattern. */}\n        <div\n          aria-label={formatMonthLabel(month, locale)}\n          className={styles.grid}\n          data-slot=\"date-range-picker-grid\"\n          role=\"grid\"\n        >\n          {days.map((date) => (\n            <DateRangePickerDay date={date} key={dateKey(date)} />\n          ))}\n        </div>\n      </section>\n    );\n  },\n);\n\nexport interface DateRangePickerPreviewProps extends ComponentPropsWithoutRef<\"div\"> {\n  children?: ReactNode;\n}\nexport const DateRangePickerPreview = forwardRef<HTMLDivElement, DateRangePickerPreviewProps>(\n  function DateRangePickerPreview({ children, className, ...props }, ref) {\n    const { hoveredDate, locale, range, styles } = useDateRangePickerContext();\n    const content =\n      children ??\n      (range.start\n        ? `${formatDateLabel(range.start, locale, \"\")} – ${range.end ? formatDateLabel(range.end, locale, \"\") : hoveredDate ? formatDateLabel(hoveredDate, locale, \"\") : \"…\"}`\n        : \"Select a start date\");\n    return (\n      <div\n        {...props}\n        aria-live=\"polite\"\n        className={cx(styles.preview, className)}\n        data-slot=\"date-range-picker-preview\"\n        ref={ref}\n      >\n        {content}\n      </div>\n    );\n  },\n);\n\nexport interface DateRangePickerInputProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"type\" | \"value\" | \"onChange\"> {\n  side: \"start\" | \"end\";\n}\nexport const DateRangePickerInput = forwardRef<HTMLInputElement, DateRangePickerInputProps>(\n  function DateRangePickerInput({ className, onBlur, onInput, side, ...props }, ref) {\n    const { disabled, range, setRange, styles } = useDateRangePickerContext();\n    const value = toInputDate(side === \"start\" ? range.start : range.end);\n    return (\n      <input\n        {...props}\n        aria-label={props[\"aria-label\"] ?? (side === \"start\" ? \"Start date\" : \"End date\")}\n        className={cx(styles.input, className)}\n        data-slot={`date-range-picker-${side}-input`}\n        disabled={disabled || props.disabled}\n        onChange={(event) => {\n          const [year, month, day] = event.currentTarget.value.split(\"-\").map(Number);\n          if (!year || !month || !day) return;\n          const date = createCalendarDate(year, month - 1, day);\n          setRange(\n            side === \"start\" ? { start: date, end: range.end } : { start: range.start, end: date },\n          );\n        }}\n        onBlur={onBlur}\n        onInput={onInput}\n        ref={ref}\n        type=\"date\"\n        value={value}\n      />\n    );\n  },\n);\n\nexport const DateRangePickerStartInput = forwardRef<\n  HTMLInputElement,\n  Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerStartInput(props, ref) {\n  return <DateRangePickerInput {...props} ref={ref} side=\"start\" />;\n});\nexport const DateRangePickerEndInput = forwardRef<\n  HTMLInputElement,\n  Omit<DateRangePickerInputProps, \"side\">\n>(function DateRangePickerEndInput(props, ref) {\n  return <DateRangePickerInput {...props} ref={ref} side=\"end\" />;\n});\n\nexport const DateRangePicker = {\n  Root: DateRangePickerRoot,\n  Label: DateRangePickerLabel,\n  Control: DateRangePickerControl,\n  Trigger: DateRangePickerTrigger,\n  Value: DateRangePickerValue,\n  Clear: DateRangePickerClear,\n  Portal: DateRangePickerPortal,\n  Positioner: DateRangePickerPositioner,\n  Popup: DateRangePickerPopup,\n  Close: DateRangePickerClose,\n  Header: DateRangePickerHeader,\n  Previous: DateRangePickerPrevious,\n  Next: DateRangePickerNext,\n  MonthSelect: DateRangePickerMonthSelect,\n  YearSelect: DateRangePickerYearSelect,\n  Calendar: DateRangePickerCalendar,\n  Day: DateRangePickerDay,\n  Preview: DateRangePickerPreview,\n  StartInput: DateRangePickerStartInput,\n  EndInput: DateRangePickerEndInput,\n};\n"],"mappings":"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"}

package/dist/components/date-range-picker/date-range-picker.d.cts

@@ -52,7 +52,7 @@ declare const DateRangePickerValue: import("react").ForwardRefExoticComponent<Da
 type DateRangePickerClearProps = ComponentPropsWithoutRef<"button">;
 declare const DateRangePickerClear: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 type DateRangePickerPortalProps = ComponentPropsWithoutRef<typeof Popover.Portal>;
-declare const DateRangePickerPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare function DateRangePickerPortal(props: DateRangePickerPortalProps): import("react").JSX.Element;
 type DateRangePickerPositionerProps = ComponentPropsWithoutRef<typeof Popover.Positioner>;
 declare const DateRangePickerPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type DateRangePickerPopupProps = ComponentPropsWithoutRef<typeof Popover.Popup>;
@@ -110,7 +110,7 @@ declare const DateRangePicker: {
   } & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
   Value: import("react").ForwardRefExoticComponent<DateRangePickerValueProps & import("react").RefAttributes<HTMLSpanElement>>;
   Clear: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Portal: typeof DateRangePickerPortal;
   Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Close: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/date-range-picker/date-range-picker.d.ts

@@ -52,7 +52,7 @@ declare const DateRangePickerValue: import("react").ForwardRefExoticComponent<Da
 type DateRangePickerClearProps = ComponentPropsWithoutRef<"button">;
 declare const DateRangePickerClear: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 type DateRangePickerPortalProps = ComponentPropsWithoutRef<typeof Popover.Portal>;
-declare const DateRangePickerPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare function DateRangePickerPortal(props: DateRangePickerPortalProps): import("react").JSX.Element;
 type DateRangePickerPositionerProps = ComponentPropsWithoutRef<typeof Popover.Positioner>;
 declare const DateRangePickerPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type DateRangePickerPopupProps = ComponentPropsWithoutRef<typeof Popover.Popup>;
@@ -110,7 +110,7 @@ declare const DateRangePicker: {
   } & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
   Value: import("react").ForwardRefExoticComponent<DateRangePickerValueProps & import("react").RefAttributes<HTMLSpanElement>>;
   Clear: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Portal: typeof DateRangePickerPortal;
   Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Close: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -2,6 +2,7 @@
 import { cx } from "../../styled-system/css/cx.js";
 import { withRecipeClassName } from "../base-ui.js";
 import { dateRangePicker } from "../../styled-system/recipes/date-range-picker.js";
+import { useThemePortalProps } from "../../theme/theme-scope.js";
 import { addDays, addMonths, createCalendarDate, dateKey, formatDateLabel, formatMonthLabel, getCalendarDays, getMonthLabels, getWeekdayLabels, isAfterDay, isBeforeDay, isSameDay, startOfMonth, toInputDate } from "../date-picker/date-utils.js";
 import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -265,7 +266,9 @@ const DateRangePickerClear = forwardRef(function DateRangePickerClear({ children
 		children
 	});
 });
-const DateRangePickerPortal = Popover.Portal;
+function DateRangePickerPortal(props) {
+	return /* @__PURE__ */ jsx(Popover.Portal, { ...useThemePortalProps(props) });
+}
 const DateRangePickerPositioner = forwardRef(function DateRangePickerPositioner({ className, ...props }, ref) {
 	const { styles } = useDateRangePickerContext();
 	return /* @__PURE__ */ jsx(Popover.Positioner, {