jaci-ui 0.2.0 → 0.4.0

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

@@ -0,0 +1,568 @@
+"use client";
+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 { 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";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/date-range-picker/date-range-picker.tsx
+const DateRangePickerContext = createContext(null);
+function useDateRangePickerContext() {
+	const context = useContext(DateRangePickerContext);
+	if (!context) throw new Error("DateRangePicker parts must be rendered inside DateRangePicker.Root.");
+	return context;
+}
+function sameMonth(left, right) {
+	return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();
+}
+function dateInRange(date, range, preview) {
+	const end = range.end ?? preview;
+	return Boolean(range.start && end && !isBeforeDay(date, range.start) && !isAfterDay(date, end));
+}
+function DateRangePickerRoot({ children, closeOnSelect = true, defaultValue = {
+	start: null,
+	end: null
+}, disabled = false, isDateDisabled, locale = "pt-BR", maxDate, minDate, name, onValueChange, referenceDate, value: controlledValue, weekStartsOn = 0, yearRange: configuredYearRange, ...popoverProps }) {
+	const [uncontrolledRange, setUncontrolledRange] = useState(defaultValue);
+	const range = controlledValue ?? uncontrolledRange;
+	const initialDate = range.start ?? referenceDate ?? /* @__PURE__ */ new Date();
+	const [month, setMonthState] = useState(() => startOfMonth(initialDate));
+	const [focusedDate, setFocusedDate] = useState(range.start ?? initialDate);
+	const [hoveredDate, setHoveredDate] = useState(null);
+	const dayRefs = useRef(/* @__PURE__ */ new Map());
+	const actionsRef = useRef(null);
+	const triggerId = useId();
+	const styles = dateRangePicker();
+	const today = useMemo(() => referenceDate ?? /* @__PURE__ */ new Date(), [referenceDate]);
+	const minMonth = minDate ? startOfMonth(minDate) : void 0;
+	const maxMonth = maxDate ? startOfMonth(maxDate) : void 0;
+	const yearRange = useMemo(() => {
+		const start = configuredYearRange?.start ?? today.getFullYear() - 100;
+		const end = configuredYearRange?.end ?? today.getFullYear() + 20;
+		const years = [
+			range.start?.getFullYear(),
+			range.end?.getFullYear(),
+			minDate?.getFullYear(),
+			maxDate?.getFullYear()
+		].filter((year) => year !== void 0);
+		return {
+			start: Math.min(start, end, ...years),
+			end: Math.max(start, end, ...years)
+		};
+	}, [
+		configuredYearRange?.end,
+		configuredYearRange?.start,
+		maxDate,
+		minDate,
+		range.end,
+		range.start,
+		today
+	]);
+	const dateDisabled = useCallback((date) => Boolean(minDate && isBeforeDay(date, minDate) || maxDate && isAfterDay(date, maxDate) || isDateDisabled?.(date)), [
+		isDateDisabled,
+		maxDate,
+		minDate
+	]);
+	const monthDisabled = useCallback((date) => {
+		const first = startOfMonth(date);
+		const last = createCalendarDate(date.getFullYear(), date.getMonth() + 1, 0);
+		return Boolean(minDate && isBeforeDay(last, minDate) || maxDate && isAfterDay(first, maxDate));
+	}, [maxDate, minDate]);
+	const clampMonth = useCallback((date) => {
+		const normalized = startOfMonth(date);
+		if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;
+		if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;
+		return normalized;
+	}, [maxMonth, minMonth]);
+	const setMonth = useCallback((date) => setMonthState(clampMonth(date)), [clampMonth]);
+	const canNavigate = useCallback((amount) => {
+		const next = addMonths(month, amount);
+		return !(minMonth && isBeforeDay(next, minMonth)) && !(maxMonth && isAfterDay(next, maxMonth));
+	}, [
+		maxMonth,
+		minMonth,
+		month
+	]);
+	const setRange = useCallback((nextRange) => {
+		if (controlledValue === void 0) setUncontrolledRange(nextRange);
+		onValueChange?.(nextRange);
+	}, [controlledValue, onValueChange]);
+	const close = useCallback(() => actionsRef.current?.close(), []);
+	const onSelect = useCallback((date) => {
+		if (disabled || dateDisabled(date)) return;
+		const nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());
+		let nextRange;
+		if (!range.start || range.end) nextRange = {
+			start: nextDate,
+			end: null
+		};
+		else if (isBeforeDay(nextDate, range.start)) nextRange = {
+			start: nextDate,
+			end: null
+		};
+		else nextRange = {
+			start: range.start,
+			end: nextDate
+		};
+		setRange(nextRange);
+		setFocusedDate(nextDate);
+		setMonth(nextDate);
+		setHoveredDate(null);
+		if (nextRange.start && nextRange.end && closeOnSelect) close();
+	}, [
+		close,
+		closeOnSelect,
+		dateDisabled,
+		disabled,
+		range.end,
+		range.start,
+		setMonth,
+		setRange
+	]);
+	const focusDate = useCallback((date, direction = 1) => {
+		let next = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());
+		const step = direction < 0 ? -1 : 1;
+		let attempts = 0;
+		while (dateDisabled(next) && attempts < 366) {
+			next = addDays(next, step);
+			attempts += 1;
+		}
+		setFocusedDate(next);
+		setMonth(next);
+		const focusTarget = () => dayRefs.current.get(dateKey(next))?.focus();
+		focusTarget();
+		queueMicrotask(focusTarget);
+	}, [dateDisabled, setMonth]);
+	const selectMonth = useCallback((monthIndex) => setMonth(createCalendarDate(month.getFullYear(), monthIndex, 1)), [month, setMonth]);
+	const selectYear = useCallback((year) => setMonth(createCalendarDate(year, month.getMonth(), 1)), [month, setMonth]);
+	const registerDay = useCallback((key, node) => {
+		if (node) dayRefs.current.set(key, node);
+		else dayRefs.current.delete(key);
+	}, []);
+	useEffect(() => {
+		const selected = range.end ?? range.start;
+		if (!selected) return;
+		setFocusedDate(selected);
+		setMonthState((current) => sameMonth(current, selected) ? current : clampMonth(selected));
+	}, [
+		clampMonth,
+		range.end,
+		range.start
+	]);
+	const context = {
+		canNavigate,
+		close,
+		dateDisabled,
+		disabled,
+		focusDate,
+		focusedDate,
+		hoveredDate,
+		locale,
+		maxDate,
+		minDate,
+		month,
+		monthDisabled,
+		onSelect,
+		range,
+		registerDay,
+		selectMonth,
+		selectYear,
+		setHoveredDate,
+		setMonth,
+		setRange,
+		styles,
+		today,
+		triggerId,
+		weekStartsOn,
+		yearRange
+	};
+	return /* @__PURE__ */ jsxs(DateRangePickerContext.Provider, {
+		value: context,
+		children: [/* @__PURE__ */ jsx(Popover.Root, {
+			...popoverProps,
+			actionsRef,
+			children
+		}), name ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("input", {
+			disabled,
+			name: `${name}[start]`,
+			type: "hidden",
+			value: toInputDate(range.start)
+		}), /* @__PURE__ */ jsx("input", {
+			disabled,
+			name: `${name}[end]`,
+			type: "hidden",
+			value: toInputDate(range.end)
+		})] }) : null]
+	});
+}
+const DateRangePickerLabel = forwardRef(function DateRangePickerLabel({ className, ...props }, ref) {
+	const { styles, triggerId } = useDateRangePickerContext();
+	return /* @__PURE__ */ jsx("label", {
+		...props,
+		className: cx(styles.label, className),
+		"data-slot": "date-range-picker-label",
+		htmlFor: props.htmlFor ?? triggerId,
+		ref
+	});
+});
+const DateRangePickerControl = forwardRef(function DateRangePickerControl({ className, ...props }, ref) {
+	const { styles } = useDateRangePickerContext();
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cx(styles.control, className),
+		"data-slot": "date-range-picker-control",
+		ref
+	});
+});
+const DateRangePickerTrigger = forwardRef(function DateRangePickerTrigger({ children, className, disabled, id, ...props }, ref) {
+	const { disabled: pickerDisabled, styles, triggerId } = useDateRangePickerContext();
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		...props,
+		"aria-label": props["aria-label"] ?? "Choose date range",
+		className: withRecipeClassName(styles.trigger, className),
+		"data-jaci-component": "date-range-picker",
+		"data-slot": "date-range-picker-trigger",
+		disabled: disabled ?? pickerDisabled,
+		id: id ?? triggerId,
+		ref,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DateRangePickerValue, {}), /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			children: "▾"
+		})] })
+	});
+});
+const DateRangePickerValue = forwardRef(function DateRangePickerValue({ children, className, placeholder, ...props }, ref) {
+	const { locale, range, styles } = useDateRangePickerContext();
+	const value = children ?? (range.start && range.end ? `${formatDateLabel(range.start, locale, "")} – ${formatDateLabel(range.end, locale, "")}` : range.start ? `${formatDateLabel(range.start, locale, "")} – …` : placeholder ?? "Select a date range");
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		className: cx(styles.value, className),
+		"data-placeholder": range.start ? void 0 : "true",
+		"data-slot": "date-range-picker-value",
+		ref,
+		children: value
+	});
+});
+const DateRangePickerClear = forwardRef(function DateRangePickerClear({ children = "×", className, disabled, onClick, ...props }, ref) {
+	const { disabled: pickerDisabled, range, setRange, styles, close } = useDateRangePickerContext();
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		"aria-label": props["aria-label"] ?? "Clear date range",
+		className: cx(styles.clear, className),
+		"data-slot": "date-range-picker-clear",
+		disabled: disabled || pickerDisabled || !range.start && !range.end,
+		onClick: (event) => {
+			setRange({
+				start: null,
+				end: null
+			});
+			close();
+			onClick?.(event);
+		},
+		ref,
+		type: "button",
+		children
+	});
+});
+const DateRangePickerPortal = Popover.Portal;
+const DateRangePickerPositioner = forwardRef(function DateRangePickerPositioner({ className, ...props }, ref) {
+	const { styles } = useDateRangePickerContext();
+	return /* @__PURE__ */ jsx(Popover.Positioner, {
+		...props,
+		className: withRecipeClassName(styles.positioner, className),
+		"data-slot": "date-range-picker-positioner",
+		ref
+	});
+});
+const DateRangePickerPopup = forwardRef(function DateRangePickerPopup({ className, ...props }, ref) {
+	const { styles } = useDateRangePickerContext();
+	return /* @__PURE__ */ jsx(Popover.Popup, {
+		...props,
+		"aria-label": props["aria-label"] ?? "Calendar",
+		className: withRecipeClassName(styles.popup, className),
+		"data-slot": "date-range-picker-popup",
+		ref
+	});
+});
+const DateRangePickerClose = forwardRef(function DateRangePickerClose({ className, ...props }, ref) {
+	const { styles } = useDateRangePickerContext();
+	return /* @__PURE__ */ jsx(Popover.Close, {
+		...props,
+		className: withRecipeClassName(styles.close, className),
+		"data-slot": "date-range-picker-close",
+		ref
+	});
+});
+const DateRangePickerHeader = forwardRef(function DateRangePickerHeader({ className, ...props }, ref) {
+	const { styles } = useDateRangePickerContext();
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cx(styles.header, className),
+		"data-slot": "date-range-picker-header",
+		ref
+	});
+});
+const DateRangePickerNavigationButton = forwardRef(function DateRangePickerNavigationButton({ amount = 1, children, className, onClick, ...props }, ref) {
+	const { canNavigate, month, setMonth, styles } = useDateRangePickerContext();
+	const isDisabled = props.disabled || !canNavigate(amount);
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		"aria-label": props["aria-label"] ?? (amount < 0 ? "Previous month" : "Next month"),
+		className: cx(styles.navigation, className),
+		"data-slot": amount < 0 ? "date-range-picker-previous" : "date-range-picker-next",
+		disabled: isDisabled,
+		onClick: (event) => {
+			if (!isDisabled) setMonth(addMonths(month, amount));
+			onClick?.(event);
+		},
+		ref,
+		type: "button",
+		children: children ?? (amount < 0 ? "‹" : "›")
+	});
+});
+const DateRangePickerPrevious = forwardRef(function DateRangePickerPrevious(props, ref) {
+	return /* @__PURE__ */ jsx(DateRangePickerNavigationButton, {
+		...props,
+		amount: -1,
+		ref
+	});
+});
+const DateRangePickerNext = forwardRef(function DateRangePickerNext(props, ref) {
+	return /* @__PURE__ */ jsx(DateRangePickerNavigationButton, {
+		...props,
+		amount: 1,
+		ref
+	});
+});
+const DateRangePickerMonthSelect = forwardRef(function DateRangePickerMonthSelect({ className, ...props }, ref) {
+	const { locale, month, monthDisabled, selectMonth, styles } = useDateRangePickerContext();
+	const labels = getMonthLabels(locale);
+	return /* @__PURE__ */ jsx("select", {
+		...props,
+		"aria-label": props["aria-label"] ?? "Select month",
+		className: cx(styles.monthSelect, className),
+		"data-slot": "date-range-picker-month-select",
+		onChange: (event) => selectMonth(Number(event.currentTarget.value)),
+		ref,
+		value: month.getMonth(),
+		children: labels.map((label, index) => /* @__PURE__ */ jsx("option", {
+			disabled: monthDisabled(createCalendarDate(month.getFullYear(), index, 1)),
+			value: index,
+			children: label
+		}, label))
+	});
+});
+const DateRangePickerYearSelect = forwardRef(function DateRangePickerYearSelect({ className, ...props }, ref) {
+	const { month, monthDisabled, selectYear, styles, yearRange } = useDateRangePickerContext();
+	const years = Array.from({ length: yearRange.end - yearRange.start + 1 }, (_, index) => yearRange.start + index);
+	return /* @__PURE__ */ jsx("select", {
+		...props,
+		"aria-label": props["aria-label"] ?? "Select year",
+		className: cx(styles.yearSelect, className),
+		"data-slot": "date-range-picker-year-select",
+		onChange: (event) => selectYear(Number(event.currentTarget.value)),
+		ref,
+		value: month.getFullYear(),
+		children: years.map((year) => /* @__PURE__ */ jsx("option", {
+			disabled: monthDisabled(createCalendarDate(year, month.getMonth(), 1)),
+			value: year,
+			children: year
+		}, year))
+	});
+});
+const DateRangePickerDay = forwardRef(function DateRangePickerDay({ children, className, date, disabled, onClick, onKeyDown, onMouseEnter, ...props }, ref) {
+	const { dateDisabled, disabled: pickerDisabled, focusDate, focusedDate, hoveredDate, locale, month, range, onSelect, registerDay, setHoveredDate, styles, today, weekStartsOn } = useDateRangePickerContext();
+	const key = dateKey(date);
+	const isDisabled = Boolean(disabled || pickerDisabled || dateDisabled(date));
+	const isStart = Boolean(range.start && isSameDay(date, range.start));
+	const isEnd = Boolean(range.end && isSameDay(date, range.end));
+	const inRange = dateInRange(date, range, hoveredDate);
+	const outsideMonth = !sameMonth(date, month);
+	const isFocused = isSameDay(date, focusedDate);
+	const isToday = isSameDay(date, today);
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		"aria-label": props["aria-label"] ?? new Intl.DateTimeFormat(locale, { dateStyle: "full" }).format(date),
+		"aria-current": isToday ? "date" : void 0,
+		"aria-selected": isStart || isEnd,
+		className: cx(styles.day, className),
+		"data-date": key,
+		"data-disabled": isDisabled || void 0,
+		"data-in-range": inRange || void 0,
+		"data-outside-month": outsideMonth || void 0,
+		"data-range-end": isEnd || void 0,
+		"data-range-start": isStart || void 0,
+		"data-slot": "date-range-picker-day",
+		"data-today": isToday || void 0,
+		disabled: isDisabled,
+		onClick: (event) => {
+			onSelect(date);
+			onClick?.(event);
+		},
+		onKeyDown: (event) => {
+			if (!event.defaultPrevented) {
+				let nextDate;
+				switch (event.key) {
+					case "ArrowLeft":
+						nextDate = addDays(date, -1);
+						break;
+					case "ArrowRight":
+						nextDate = addDays(date, 1);
+						break;
+					case "ArrowUp":
+						nextDate = addDays(date, -7);
+						break;
+					case "ArrowDown":
+						nextDate = addDays(date, 7);
+						break;
+					case "Home":
+						nextDate = addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));
+						break;
+					case "End":
+						nextDate = addDays(date, 6 - (date.getDay() - weekStartsOn + 7) % 7);
+						break;
+					case "PageUp":
+						nextDate = addMonths(date, event.shiftKey ? -12 : -1);
+						break;
+					case "PageDown":
+						nextDate = addMonths(date, event.shiftKey ? 12 : 1);
+						break;
+					case "Enter":
+					case " ":
+						if (!isDisabled) {
+							event.preventDefault();
+							onSelect(date);
+						}
+						break;
+				}
+				if (nextDate) {
+					event.preventDefault();
+					focusDate(nextDate, nextDate < date ? -1 : 1);
+				}
+			}
+			onKeyDown?.(event);
+		},
+		onMouseEnter: (event) => {
+			if (!isDisabled) setHoveredDate(date);
+			onMouseEnter?.(event);
+		},
+		ref: (node) => {
+			registerDay(key, node);
+			if (typeof ref === "function") ref(node);
+			else if (ref) ref.current = node;
+		},
+		role: "gridcell",
+		tabIndex: isFocused && !isDisabled ? 0 : -1,
+		type: "button",
+		children: children ?? date.getDate()
+	});
+});
+const DateRangePickerCalendar = forwardRef(function DateRangePickerCalendar({ "aria-label": ariaLabel, className, ...props }, ref) {
+	const { locale, month, styles, weekStartsOn } = useDateRangePickerContext();
+	const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);
+	const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);
+	return /* @__PURE__ */ jsxs("section", {
+		...props,
+		"aria-label": ariaLabel ?? formatMonthLabel(month, locale),
+		className: cx(styles.calendar, className),
+		"data-slot": "date-range-picker-calendar",
+		ref,
+		children: [/* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: styles.weekdays,
+			"data-slot": "date-range-picker-weekdays",
+			children: weekdays.map((weekday) => /* @__PURE__ */ jsx("span", {
+				className: styles.weekday,
+				"data-slot": "date-range-picker-weekday",
+				children: weekday
+			}, weekday))
+		}), /* @__PURE__ */ jsx("div", {
+			"aria-label": formatMonthLabel(month, locale),
+			className: styles.grid,
+			"data-slot": "date-range-picker-grid",
+			role: "grid",
+			children: days.map((date) => /* @__PURE__ */ jsx(DateRangePickerDay, { date }, dateKey(date)))
+		})]
+	});
+});
+const DateRangePickerPreview = forwardRef(function DateRangePickerPreview({ children, className, ...props }, ref) {
+	const { hoveredDate, locale, range, styles } = useDateRangePickerContext();
+	const content = children ?? (range.start ? `${formatDateLabel(range.start, locale, "")} – ${range.end ? formatDateLabel(range.end, locale, "") : hoveredDate ? formatDateLabel(hoveredDate, locale, "") : "…"}` : "Select a start date");
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		"aria-live": "polite",
+		className: cx(styles.preview, className),
+		"data-slot": "date-range-picker-preview",
+		ref,
+		children: content
+	});
+});
+const DateRangePickerInput = forwardRef(function DateRangePickerInput({ className, onBlur, onInput, side, ...props }, ref) {
+	const { disabled, range, setRange, styles } = useDateRangePickerContext();
+	const value = toInputDate(side === "start" ? range.start : range.end);
+	return /* @__PURE__ */ jsx("input", {
+		...props,
+		"aria-label": props["aria-label"] ?? (side === "start" ? "Start date" : "End date"),
+		className: cx(styles.input, className),
+		"data-slot": `date-range-picker-${side}-input`,
+		disabled: disabled || props.disabled,
+		onChange: (event) => {
+			const [year, month, day] = event.currentTarget.value.split("-").map(Number);
+			if (!year || !month || !day) return;
+			const date = createCalendarDate(year, month - 1, day);
+			setRange(side === "start" ? {
+				start: date,
+				end: range.end
+			} : {
+				start: range.start,
+				end: date
+			});
+		},
+		onBlur,
+		onInput,
+		ref,
+		type: "date",
+		value
+	});
+});
+const DateRangePickerStartInput = forwardRef(function DateRangePickerStartInput(props, ref) {
+	return /* @__PURE__ */ jsx(DateRangePickerInput, {
+		...props,
+		ref,
+		side: "start"
+	});
+});
+const DateRangePickerEndInput = forwardRef(function DateRangePickerEndInput(props, ref) {
+	return /* @__PURE__ */ jsx(DateRangePickerInput, {
+		...props,
+		ref,
+		side: "end"
+	});
+});
+const DateRangePicker = {
+	Root: DateRangePickerRoot,
+	Label: DateRangePickerLabel,
+	Control: DateRangePickerControl,
+	Trigger: DateRangePickerTrigger,
+	Value: DateRangePickerValue,
+	Clear: DateRangePickerClear,
+	Portal: DateRangePickerPortal,
+	Positioner: DateRangePickerPositioner,
+	Popup: DateRangePickerPopup,
+	Close: DateRangePickerClose,
+	Header: DateRangePickerHeader,
+	Previous: DateRangePickerPrevious,
+	Next: DateRangePickerNext,
+	MonthSelect: DateRangePickerMonthSelect,
+	YearSelect: DateRangePickerYearSelect,
+	Calendar: DateRangePickerCalendar,
+	Day: DateRangePickerDay,
+	Preview: DateRangePickerPreview,
+	StartInput: DateRangePickerStartInput,
+	EndInput: DateRangePickerEndInput
+};
+//#endregion
+export { DateRangePicker, DateRangePickerCalendar, DateRangePickerClear, DateRangePickerClose, DateRangePickerControl, DateRangePickerDay, DateRangePickerEndInput, DateRangePickerHeader, DateRangePickerInput, DateRangePickerLabel, DateRangePickerMonthSelect, DateRangePickerNext, DateRangePickerPopup, DateRangePickerPortal, DateRangePickerPositioner, DateRangePickerPreview, DateRangePickerPrevious, DateRangePickerRoot, DateRangePickerStartInput, DateRangePickerTrigger, DateRangePickerValue, DateRangePickerYearSelect };
+
+//# sourceMappingURL=date-range-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.js","names":["BasePopover"],"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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"}

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

@@ -0,0 +1,2 @@
+import { DateRange, DateRangePicker, DateRangePickerCalendar, DateRangePickerCalendarProps, DateRangePickerClear, DateRangePickerClearProps, DateRangePickerClose, DateRangePickerCloseProps, DateRangePickerControl, DateRangePickerControlProps, DateRangePickerDay, DateRangePickerDayProps, DateRangePickerEndInput, DateRangePickerHeader, DateRangePickerHeaderProps, DateRangePickerInputProps, DateRangePickerLabel, DateRangePickerLabelProps, DateRangePickerMonthSelect, DateRangePickerMonthSelectProps, DateRangePickerNavigationProps, DateRangePickerNext, DateRangePickerPopup, DateRangePickerPopupProps, DateRangePickerPortal, DateRangePickerPortalProps, DateRangePickerPositioner, DateRangePickerPositionerProps, DateRangePickerPreview, DateRangePickerPreviewProps, DateRangePickerPrevious, DateRangePickerRoot, DateRangePickerRootProps, DateRangePickerStartInput, DateRangePickerTrigger, DateRangePickerTriggerProps, DateRangePickerValue, DateRangePickerValueProps, DateRangePickerYearRange, DateRangePickerYearSelect, DateRangePickerYearSelectProps } from "./date-range-picker.cjs";
+export { type DateRange, DateRangePicker, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerClear, type DateRangePickerClearProps, DateRangePickerClose, type DateRangePickerCloseProps, DateRangePickerControl, type DateRangePickerControlProps, DateRangePickerDay, type DateRangePickerDayProps, DateRangePickerEndInput, DateRangePickerHeader, type DateRangePickerHeaderProps, type DateRangePickerInputProps, DateRangePickerLabel, type DateRangePickerLabelProps, DateRangePickerMonthSelect, type DateRangePickerMonthSelectProps, type DateRangePickerNavigationProps, DateRangePickerNext, DateRangePickerPopup, type DateRangePickerPopupProps, DateRangePickerPortal, type DateRangePickerPortalProps, DateRangePickerPositioner, type DateRangePickerPositionerProps, DateRangePickerPreview, type DateRangePickerPreviewProps, DateRangePickerPrevious, DateRangePickerRoot, type DateRangePickerRootProps, DateRangePickerStartInput, DateRangePickerTrigger, type DateRangePickerTriggerProps, DateRangePickerValue, type DateRangePickerValueProps, type DateRangePickerYearRange, DateRangePickerYearSelect, type DateRangePickerYearSelectProps };