jaci-ui 0.1.0

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

@@ -0,0 +1,118 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Popover, PopoverRoot } from "@base-ui/react/popover";
+//#region src/components/date-picker/date-picker.d.ts
+type DatePickerSize = "sm" | "md" | "lg";
+interface DatePickerRootProps extends Omit<PopoverRoot.Props, "children"> {
+  /** Selected value. Use together with `onValueChange` for a controlled picker. */
+  value?: Date | null;
+  /** Initial selected value for an uncontrolled picker. */
+  defaultValue?: Date | null;
+  /** Called after a valid day is selected, or when the value is cleared. */
+  onValueChange?: (value: Date | null) => void;
+  /** Prevents dates before this local calendar day from being selected. */
+  minDate?: Date;
+  /** Prevents dates after this local calendar day from being selected. */
+  maxDate?: Date;
+  /** Adds application-specific disabled dates, such as holidays or weekends. */
+  isDateDisabled?: (date: Date) => boolean;
+  /** Locale used for month, weekday and value formatting. */
+  locale?: string;
+  /** Called after the visible calendar month changes. */
+  onMonthChange?: (month: Date) => void;
+  /** First weekday in the calendar, where 0 is Sunday and 1 is Monday. */
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  /** Text shown when no date has been selected. */
+  placeholder?: ReactNode;
+  /** Shared visual size for the trigger and calendar days. */
+  size?: DatePickerSize;
+  /** Adds a native hidden input using the `YYYY-MM-DD` representation. */
+  name?: string;
+  /** Prevents interaction and disables the hidden form input. */
+  disabled?: boolean;
+  /** Closes the popup after a day is chosen. Defaults to true. */
+  closeOnSelect?: boolean;
+  children?: ReactNode;
+}
+declare function DatePickerRoot({ children, closeOnSelect, defaultValue, disabled, isDateDisabled, locale, maxDate, minDate, name, onValueChange, onMonthChange, placeholder, size, value: controlledValue, weekStartsOn, actionsRef: externalActionsRef, ...popoverProps }: DatePickerRootProps): import("react").JSX.Element;
+type DatePickerLabelProps = ComponentPropsWithoutRef<"label">;
+declare const DatePickerLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+type DatePickerControlProps = ComponentPropsWithoutRef<"div">;
+declare const DatePickerControl: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DatePickerTriggerProps = ComponentPropsWithoutRef<typeof Popover.Trigger>;
+declare const DatePickerTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/internals/types").NativeButtonProps & Omit<import("@base-ui/react/internals/types").WithBaseUIEvent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "style" | "defaultChecked" | "defaultValue" | "className" | "color"> & {
+  className?: string | ((state: import("@base-ui/react").PopoverTriggerState) => string | undefined) | undefined;
+  render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, import("@base-ui/react").PopoverTriggerState> | undefined;
+  style?: import("react").CSSProperties | ((state: import("@base-ui/react").PopoverTriggerState) => React.CSSProperties | undefined) | undefined;
+} & {
+  nativeButton?: boolean | undefined;
+  handle?: Popover.Handle<unknown> | undefined;
+  payload?: unknown;
+  id?: string | undefined;
+  openOnHover?: boolean | undefined;
+  delay?: number | undefined;
+  closeDelay?: number | undefined;
+} & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+interface DatePickerValueProps extends ComponentPropsWithoutRef<"span"> {
+  placeholder?: ReactNode;
+}
+declare const DatePickerValue: import("react").ForwardRefExoticComponent<DatePickerValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+type DatePickerClearProps = ComponentPropsWithoutRef<"button">;
+declare const DatePickerClear: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type DatePickerPortalProps = ComponentPropsWithoutRef<typeof Popover.Portal>;
+declare const DatePickerPortal: typeof Popover.Portal;
+type DatePickerPositionerProps = ComponentPropsWithoutRef<typeof Popover.Positioner>;
+declare const DatePickerPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DatePickerPopupProps = ComponentPropsWithoutRef<typeof Popover.Popup>;
+declare const DatePickerPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DatePickerCloseProps = ComponentPropsWithoutRef<typeof Popover.Close>;
+declare const DatePickerClose: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type DatePickerHeaderProps = ComponentPropsWithoutRef<"div">;
+declare const DatePickerHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DatePickerCaptionProps = ComponentPropsWithoutRef<"span">;
+declare const DatePickerCaption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+interface DatePickerNavigationProps extends ComponentPropsWithoutRef<"button"> {
+  amount?: number;
+}
+declare const DatePickerPrevious: import("react").ForwardRefExoticComponent<DatePickerNavigationProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DatePickerNext: import("react").ForwardRefExoticComponent<DatePickerNavigationProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface DatePickerDayProps extends Omit<ComponentPropsWithoutRef<"button">, "value"> {
+  date: Date;
+}
+declare const DatePickerDay: import("react").ForwardRefExoticComponent<DatePickerDayProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface DatePickerCalendarProps extends Omit<ComponentPropsWithoutRef<"section">, "children"> {
+  "aria-label"?: string;
+}
+declare const DatePickerCalendar: import("react").ForwardRefExoticComponent<DatePickerCalendarProps & import("react").RefAttributes<HTMLElement>>;
+declare const DatePicker: {
+  Root: typeof DatePickerRoot;
+  Label: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+  Control: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/internals/types").NativeButtonProps & Omit<import("@base-ui/react/internals/types").WithBaseUIEvent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "style" | "defaultChecked" | "defaultValue" | "className" | "color"> & {
+    className?: string | ((state: import("@base-ui/react").PopoverTriggerState) => string | undefined) | undefined;
+    render?: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("@base-ui/react").ComponentRenderFn<import("@base-ui/react").HTMLProps, import("@base-ui/react").PopoverTriggerState> | undefined;
+    style?: import("react").CSSProperties | ((state: import("@base-ui/react").PopoverTriggerState) => React.CSSProperties | undefined) | undefined;
+  } & {
+    nativeButton?: boolean | undefined;
+    handle?: Popover.Handle<unknown> | undefined;
+    payload?: unknown;
+    id?: string | undefined;
+    openOnHover?: boolean | undefined;
+    delay?: number | undefined;
+    closeDelay?: number | undefined;
+  } & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Value: import("react").ForwardRefExoticComponent<DatePickerValueProps & 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>>;
+  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>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Caption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Previous: import("react").ForwardRefExoticComponent<DatePickerNavigationProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Next: import("react").ForwardRefExoticComponent<DatePickerNavigationProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Day: import("react").ForwardRefExoticComponent<DatePickerDayProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Calendar: import("react").ForwardRefExoticComponent<DatePickerCalendarProps & import("react").RefAttributes<HTMLElement>>;
+};
+//#endregion
+export { DatePicker, DatePickerCalendar, DatePickerCalendarProps, DatePickerCaption, DatePickerCaptionProps, DatePickerClear, DatePickerClearProps, DatePickerClose, DatePickerCloseProps, DatePickerControl, DatePickerControlProps, DatePickerDay, DatePickerDayProps, DatePickerHeader, DatePickerHeaderProps, DatePickerLabel, DatePickerLabelProps, DatePickerNavigationProps, DatePickerNext, DatePickerPopup, DatePickerPopupProps, DatePickerPortal, DatePickerPortalProps, DatePickerPositioner, DatePickerPositionerProps, DatePickerPrevious, DatePickerRoot, DatePickerRootProps, DatePickerSize, DatePickerTrigger, DatePickerTriggerProps, DatePickerValue, DatePickerValueProps };
+//# sourceMappingURL=date-picker.d.ts.map

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

@@ -0,0 +1,432 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { withRecipeClassName } from "../base-ui.js";
+import { datePicker } from "../../styled-system/recipes/date-picker.js";
+import { addDays, addMonths, createCalendarDate, dateKey, formatDateLabel, formatMonthLabel, getCalendarDays, getDateRangeLabel, getWeekdayLabels, isAfterDay, isBeforeDay, isSameDay, startOfMonth, toInputDate } from "./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-picker/date-picker.tsx
+const DatePickerContext = createContext(null);
+function useDatePickerContext() {
+	const context = useContext(DatePickerContext);
+	if (!context) throw new Error("DatePicker parts must be rendered inside DatePicker.Root.");
+	return context;
+}
+function isSameMonth(left, right) {
+	return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();
+}
+function composeRefs(first, second) {
+	return (value) => {
+		second(value);
+		if (typeof first === "function") first(value);
+		else if (first) first.current = value;
+	};
+}
+function DatePickerRoot({ children, closeOnSelect = true, defaultValue = null, disabled = false, isDateDisabled, locale = "pt-BR", maxDate, minDate, name, onValueChange, onMonthChange, placeholder = "Select a date", size = "md", value: controlledValue, weekStartsOn = 0, actionsRef: externalActionsRef, ...popoverProps }) {
+	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+	const selected = controlledValue === void 0 ? uncontrolledValue : controlledValue;
+	const [month, setMonthState] = useState(() => startOfMonth(selected ?? /* @__PURE__ */ new Date()));
+	const [focusedDate, setFocusedDate] = useState(selected ?? month);
+	const previousMonthRef = useRef(month);
+	const internalActionsRef = useRef(null);
+	const dayRefs = useRef(/* @__PURE__ */ new Map());
+	const labelId = useId();
+	const triggerId = useId();
+	const today = useMemo(() => /* @__PURE__ */ new Date(), []);
+	const styles = datePicker({ size });
+	const minMonth = minDate ? startOfMonth(minDate) : void 0;
+	const maxMonth = maxDate ? startOfMonth(maxDate) : void 0;
+	const clampMonth = useCallback((nextMonth) => {
+		const normalized = startOfMonth(nextMonth);
+		if (minMonth && isBeforeDay(normalized, minMonth)) return minMonth;
+		if (maxMonth && isAfterDay(normalized, maxMonth)) return maxMonth;
+		return normalized;
+	}, [maxMonth, minMonth]);
+	const setMonth = useCallback((nextMonth) => {
+		const normalized = clampMonth(nextMonth);
+		setMonthState((current) => {
+			if (isSameMonth(current, normalized)) return current;
+			return normalized;
+		});
+	}, [clampMonth]);
+	useEffect(() => {
+		if (isSameMonth(previousMonthRef.current, month)) return;
+		previousMonthRef.current = month;
+		onMonthChange?.(month);
+	}, [month, onMonthChange]);
+	useEffect(() => {
+		if (!selected) return;
+		setFocusedDate(selected);
+		setMonthState((current) => isSameMonth(current, selected) ? current : clampMonth(selected));
+	}, [clampMonth, selected]);
+	const dateDisabled = useCallback((date) => Boolean(minDate && isBeforeDay(date, minDate) || maxDate && isAfterDay(date, maxDate) || isDateDisabled?.(date)), [
+		isDateDisabled,
+		maxDate,
+		minDate
+	]);
+	const close = useCallback(() => {
+		(externalActionsRef ?? internalActionsRef).current?.close();
+	}, [externalActionsRef]);
+	const onSelect = useCallback((date) => {
+		if (disabled || dateDisabled(date)) return;
+		const nextValue = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());
+		setUncontrolledValue(nextValue);
+		setFocusedDate(nextValue);
+		setMonth(startOfMonth(nextValue));
+		onValueChange?.(nextValue);
+		if (closeOnSelect) close();
+	}, [
+		close,
+		closeOnSelect,
+		dateDisabled,
+		disabled,
+		onValueChange,
+		setMonth
+	]);
+	const onClear = useCallback(() => {
+		setUncontrolledValue(null);
+		onValueChange?.(null);
+	}, [onValueChange]);
+	const focusDate = useCallback((date, direction = 1) => {
+		let nextDate = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());
+		const step = direction < 0 ? -1 : 1;
+		let attempts = 0;
+		while (dateDisabled(nextDate) && attempts < 366) {
+			nextDate = addDays(nextDate, step);
+			attempts += 1;
+		}
+		setFocusedDate(nextDate);
+		setMonth(nextDate);
+		const focusTarget = () => dayRefs.current.get(dateKey(nextDate))?.focus();
+		focusTarget();
+		queueMicrotask(focusTarget);
+	}, [dateDisabled, setMonth]);
+	const context = {
+		canNavigate: useCallback((amount) => {
+			const nextMonth = addMonths(month, amount);
+			return !(minMonth && isBeforeDay(nextMonth, minMonth) || maxMonth && isAfterDay(nextMonth, maxMonth));
+		}, [
+			maxMonth,
+			minMonth,
+			month
+		]),
+		close,
+		dateDisabled,
+		disabled,
+		focusDate,
+		focusedDate,
+		formatDate: (date) => formatDateLabel(date, locale, String(placeholder)),
+		labelId,
+		locale,
+		month,
+		onClear,
+		onSelect,
+		placeholder,
+		registerDay: useCallback((key, node) => {
+			if (node) dayRefs.current.set(key, node);
+			else dayRefs.current.delete(key);
+		}, []),
+		selected,
+		setFocusedDate,
+		setMonth,
+		size,
+		styles,
+		today: createCalendarDate(today.getFullYear(), today.getMonth(), today.getDate()),
+		triggerId,
+		weekStartsOn
+	};
+	return /* @__PURE__ */ jsxs(DatePickerContext.Provider, {
+		value: context,
+		children: [/* @__PURE__ */ jsx(Popover.Root, {
+			...popoverProps,
+			actionsRef: externalActionsRef ?? internalActionsRef,
+			children
+		}), name ? /* @__PURE__ */ jsx("input", {
+			disabled,
+			name,
+			type: "hidden",
+			value: toInputDate(selected)
+		}) : null]
+	});
+}
+const DatePickerLabel = forwardRef(function DatePickerLabel({ children, className, ...props }, ref) {
+	const { labelId, styles, triggerId } = useDatePickerContext();
+	return /* @__PURE__ */ jsx("label", {
+		...props,
+		ref,
+		className: cx(styles.label, className),
+		"data-slot": "date-picker-label",
+		htmlFor: props.htmlFor ?? triggerId,
+		id: props.id ?? labelId,
+		children
+	});
+});
+const DatePickerControl = forwardRef(function DatePickerControl({ className, ...props }, ref) {
+	const { styles } = useDatePickerContext();
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(styles.control, className),
+		"data-jaci-component": "date-picker",
+		"data-slot": "date-picker-control"
+	});
+});
+const DatePickerTrigger = forwardRef(function DatePickerTrigger({ children, className, disabled, id, ...props }, ref) {
+	const { disabled: pickerDisabled, styles, triggerId } = useDatePickerContext();
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		...props,
+		"aria-label": props["aria-label"] ?? "Choose date",
+		disabled: disabled ?? pickerDisabled,
+		id: id ?? triggerId,
+		ref,
+		className: withRecipeClassName(styles.trigger, className),
+		"data-jaci-component": "date-picker",
+		"data-slot": "date-picker-trigger",
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DatePickerValue, {}), /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			children: "▾"
+		})] })
+	});
+});
+const DatePickerValue = forwardRef(function DatePickerValue({ children, className, placeholder, ...props }, ref) {
+	const { formatDate, selected, styles } = useDatePickerContext();
+	const value = children ?? (selected ? formatDate(selected) : placeholder ?? "Select a date");
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		className: cx(styles.value, className),
+		"data-placeholder": selected ? void 0 : "true",
+		"data-slot": "date-picker-value",
+		children: value
+	});
+});
+const DatePickerClear = forwardRef(function DatePickerClear({ children = "×", className, disabled, onClick, ...props }, ref) {
+	const { close, disabled: pickerDisabled, onClear, selected, styles } = useDatePickerContext();
+	const handleClick = (event) => {
+		onClear();
+		onClick?.(event);
+		close();
+	};
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		"aria-label": props["aria-label"] ?? "Clear date",
+		className: cx(styles.clear, className),
+		"data-slot": "date-picker-clear",
+		disabled: disabled || pickerDisabled || !selected,
+		onClick: handleClick,
+		ref,
+		type: "button",
+		children
+	});
+});
+const DatePickerPortal = Popover.Portal;
+const DatePickerPositioner = forwardRef(function DatePickerPositioner({ className, ...props }, ref) {
+	const { styles } = useDatePickerContext();
+	return /* @__PURE__ */ jsx(Popover.Positioner, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.positioner, className),
+		"data-slot": "date-picker-positioner"
+	});
+});
+const DatePickerPopup = forwardRef(function DatePickerPopup({ className, ...props }, ref) {
+	const { styles } = useDatePickerContext();
+	return /* @__PURE__ */ jsx(Popover.Popup, {
+		...props,
+		ref,
+		"aria-label": props["aria-label"] ?? "Calendar",
+		className: withRecipeClassName(styles.popup, className),
+		"data-slot": "date-picker-popup"
+	});
+});
+const DatePickerClose = forwardRef(function DatePickerClose({ className, ...props }, ref) {
+	const { styles } = useDatePickerContext();
+	return /* @__PURE__ */ jsx(Popover.Close, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.clear, className),
+		"data-slot": "date-picker-close"
+	});
+});
+const DatePickerHeader = forwardRef(function DatePickerHeader({ className, ...props }, ref) {
+	const { styles } = useDatePickerContext();
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(styles.header, className),
+		"data-slot": "date-picker-header"
+	});
+});
+const DatePickerCaption = forwardRef(function DatePickerCaption({ children, className, ...props }, ref) {
+	const { locale, month, styles } = useDatePickerContext();
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		className: cx(styles.caption, className),
+		"data-slot": "date-picker-caption",
+		children: children ?? formatMonthLabel(month, locale)
+	});
+});
+const DatePickerNavigationButton = forwardRef(function DatePickerNavigationButton({ amount, children, className, onClick, ...props }, ref) {
+	const { canNavigate, month, setMonth, styles } = useDatePickerContext();
+	const direction = amount ?? 1;
+	const isDisabled = props.disabled || !canNavigate(direction);
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		"aria-label": props["aria-label"] ?? (direction < 0 ? "Previous month" : "Next month"),
+		className: cx(styles.navigation, className),
+		"data-slot": direction < 0 ? "date-picker-previous" : "date-picker-next",
+		disabled: isDisabled,
+		onClick: (event) => {
+			if (!isDisabled) setMonth(addMonths(month, direction));
+			onClick?.(event);
+		},
+		ref,
+		type: "button",
+		children: children ?? (direction < 0 ? "‹" : "›")
+	});
+});
+const DatePickerPrevious = forwardRef(function DatePickerPrevious(props, ref) {
+	return /* @__PURE__ */ jsx(DatePickerNavigationButton, {
+		...props,
+		amount: -1,
+		ref
+	});
+});
+const DatePickerNext = forwardRef(function DatePickerNext(props, ref) {
+	return /* @__PURE__ */ jsx(DatePickerNavigationButton, {
+		...props,
+		amount: 1,
+		ref
+	});
+});
+const DatePickerDay = forwardRef(function DatePickerDay({ children, className, date, disabled, onClick, onKeyDown, ...props }, ref) {
+	const { dateDisabled, disabled: pickerDisabled, focusDate, focusedDate, locale, month, onSelect, registerDay, selected, styles, today } = useDatePickerContext();
+	const key = dateKey(date);
+	const outsideMonth = !isSameMonth(date, month);
+	const isDisabled = disabled || pickerDisabled || dateDisabled(date);
+	const isFocused = isSameDay(date, focusedDate);
+	const isSelected = isSameDay(date, selected);
+	const isToday = isSameDay(date, today);
+	const dayRef = composeRefs(ref, (node) => registerDay(key, node));
+	const moveByKey = (event) => {
+		if (event.defaultPrevented) return;
+		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());
+				break;
+			case "End":
+				nextDate = addDays(date, 6 - date.getDay());
+				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;
+			default: break;
+		}
+		if (nextDate) {
+			event.preventDefault();
+			focusDate(nextDate, nextDate < date ? -1 : 1);
+		}
+	};
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		ref: dayRef,
+		"aria-label": props["aria-label"] ?? getDateRangeLabel(date, locale),
+		"aria-current": isToday ? "date" : void 0,
+		"aria-selected": isSelected,
+		className: cx(styles.day, className),
+		"data-date": key,
+		"data-disabled": isDisabled || void 0,
+		"data-outside-month": outsideMonth || void 0,
+		"data-selected": isSelected || void 0,
+		"data-slot": "date-picker-day",
+		"data-today": isToday || void 0,
+		disabled: isDisabled,
+		onClick: (event) => {
+			onSelect(date);
+			onClick?.(event);
+		},
+		onKeyDown: (event) => {
+			moveByKey(event);
+			onKeyDown?.(event);
+		},
+		role: "gridcell",
+		tabIndex: isFocused && !isDisabled ? 0 : -1,
+		type: "button",
+		children: children ?? date.getDate()
+	});
+});
+const DatePickerCalendar = forwardRef(function DatePickerCalendar({ "aria-label": ariaLabel, className, ...props }, ref) {
+	const { locale, month, styles, weekStartsOn } = useDatePickerContext();
+	const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);
+	const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);
+	return /* @__PURE__ */ jsxs("section", {
+		...props,
+		ref,
+		"aria-label": ariaLabel ?? formatMonthLabel(month, locale),
+		className: cx(styles.calendar, className),
+		"data-slot": "date-picker-calendar",
+		children: [/* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: styles.weekdays,
+			"data-slot": "date-picker-weekdays",
+			children: weekdays.map((weekday) => /* @__PURE__ */ jsx("span", {
+				className: styles.weekday,
+				"data-slot": "date-picker-weekday",
+				children: weekday
+			}, weekday))
+		}), /* @__PURE__ */ jsx("div", {
+			"aria-label": formatMonthLabel(month, locale),
+			className: styles.grid,
+			"data-slot": "date-picker-grid",
+			role: "grid",
+			children: days.map((date) => /* @__PURE__ */ jsx(DatePickerDay, { date }, dateKey(date)))
+		})]
+	});
+});
+const DatePicker = {
+	Root: DatePickerRoot,
+	Label: DatePickerLabel,
+	Control: DatePickerControl,
+	Trigger: DatePickerTrigger,
+	Value: DatePickerValue,
+	Clear: DatePickerClear,
+	Portal: DatePickerPortal,
+	Positioner: DatePickerPositioner,
+	Popup: DatePickerPopup,
+	Close: DatePickerClose,
+	Header: DatePickerHeader,
+	Caption: DatePickerCaption,
+	Previous: DatePickerPrevious,
+	Next: DatePickerNext,
+	Day: DatePickerDay,
+	Calendar: DatePickerCalendar
+};
+//#endregion
+export { DatePicker, DatePickerCalendar, DatePickerCaption, DatePickerClear, DatePickerClose, DatePickerControl, DatePickerDay, DatePickerHeader, DatePickerLabel, DatePickerNext, DatePickerPopup, DatePickerPortal, DatePickerPositioner, DatePickerPrevious, DatePickerRoot, DatePickerTrigger, DatePickerValue };
+
+//# sourceMappingURL=date-picker.js.map

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

@@ -0,0 +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  getWeekdayLabels,\n  isAfterDay,\n  isBeforeDay,\n  isSameDay,\n  startOfMonth,\n  toInputDate,\n} from \"./date-utils\";\n\nexport type DatePickerSize = \"sm\" | \"md\" | \"lg\";\n\ninterface DatePickerContextValue {\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  formatDate: (date: Date | null) => string;\n  labelId: string;\n  locale: string;\n  month: Date;\n  onClear: () => void;\n  onSelect: (date: Date) => 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  triggerId: string;\n  weekStartsOn: number;\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 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  /** Adds a native hidden input using the `YYYY-MM-DD` representation. */\n  name?: string;\n  /** Prevents interaction and disables the hidden form input. */\n  disabled?: boolean;\n  /** Closes the popup after a day is chosen. Defaults to true. */\n  closeOnSelect?: boolean;\n  children?: ReactNode;\n}\n\nexport function DatePickerRoot({\n  children,\n  closeOnSelect = true,\n  defaultValue = null,\n  disabled = false,\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  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(() => startOfMonth(selected ?? new Date()));\n  const [focusedDate, setFocusedDate] = useState(selected ?? 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(() => new Date(), []);\n  const styles = datePicker({ size });\n  const minMonth = minDate ? startOfMonth(minDate) : undefined;\n  const maxMonth = maxDate ? startOfMonth(maxDate) : undefined;\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 onSelect = useCallback(\n    (date: Date) => {\n      if (disabled || dateDisabled(date)) {\n        return;\n      }\n\n      const nextValue = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      setUncontrolledValue(nextValue);\n      setFocusedDate(nextValue);\n      setMonth(startOfMonth(nextValue));\n      onValueChange?.(nextValue);\n      if (closeOnSelect) {\n        close();\n      }\n    },\n    [close, closeOnSelect, dateDisabled, disabled, onValueChange, setMonth],\n  );\n\n  const onClear = useCallback(() => {\n    setUncontrolledValue(null);\n    onValueChange?.(null);\n  }, [onValueChange]);\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 context: DatePickerContextValue = {\n    canNavigate,\n    close,\n    dateDisabled,\n    disabled,\n    focusDate,\n    focusedDate,\n    formatDate: (date) => formatDateLabel(date, locale, String(placeholder)),\n    labelId,\n    locale,\n    month,\n    onClear,\n    onSelect,\n    placeholder,\n    registerDay,\n    selected,\n    setFocusedDate,\n    setMonth,\n    size,\n    styles,\n    today: createCalendarDate(today.getFullYear(), today.getMonth(), today.getDate()),\n    triggerId,\n    weekStartsOn,\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 disabled={disabled} name={name} type=\"hidden\" value={toInputDate(selected)} />\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.clear, 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 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    } = 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());\n          break;\n        case \"End\":\n          nextDate = addDays(date, 6 - date.getDay());\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\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 { locale, month, styles, weekStartsOn } = useDatePickerContext();\n    const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n    const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\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-slot=\"date-picker-calendar\"\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      </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  Previous: DatePickerPrevious,\n  Next: DatePickerNext,\n  Day: DatePickerDay,\n  Calendar: DatePickerCalendar,\n};\n"],"mappings":"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"}