jaci-ui 0.3.0 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.4.0
+
+### Minor Changes
+
+- bd92571: Add Calendar, DateRangePicker, and PinInput components, plus richer form field, input, tags, upload, and selection APIs.
+
 ## 0.3.0
 
 ### Minor Changes

package/README.md

@@ -87,6 +87,54 @@ DatePicker supports day, month and date-time values while keeping the public val
 Use `granularity="month"` to select a month normalized to its first day. Date-time popups stay
 open until `DatePicker.Close` is activated; day and month modes close after selection by default.
 
+`Calendar` is the standalone, server-renderable calendar engine. Pass `referenceDate` when the
+initial view must be deterministic during SSR or tests:
+
+```tsx
+<Calendar.Root
+  defaultValue={new Date(2025, 3, 15, 12)}
+  referenceDate={new Date(2025, 3, 1, 12)}
+  locale="en-US"
+>
+  <Calendar.Header>
+    <Calendar.Previous />
+    <Calendar.MonthSelect />
+    <Calendar.YearSelect />
+    <Calendar.Next />
+  </Calendar.Header>
+  <Calendar.Grid />
+</Calendar.Root>
+```
+
+`DateRangePicker` keeps its value as local `Date` objects and supports native form fields,
+previewing and optional closing after the second date:
+
+```tsx
+<DateRangePicker.Root name="period" closeOnSelect={false} referenceDate={new Date(2025, 3, 1, 12)}>
+  <DateRangePicker.Label>Period</DateRangePicker.Label>
+  <DateRangePicker.Trigger><DateRangePicker.Value /></DateRangePicker.Trigger>
+  <DateRangePicker.Portal>
+    <DateRangePicker.Positioner>
+      <DateRangePicker.Popup>
+        <DateRangePicker.Calendar />
+        <DateRangePicker.Preview />
+        <DateRangePicker.Close>Done</DateRangePicker.Close>
+      </DateRangePicker.Popup>
+    </DateRangePicker.Positioner>
+  </DateRangePicker.Portal>
+</DateRangePicker.Root>
+```
+
+For one-time codes, `PinInput` generates one accessible input per character and supports paste,
+auto-advance, password masking and native form submission:
+
+```tsx
+<PinInput.Root length={6} name="verification-code" otp onComplete={verifyCode}>
+  <PinInput.Label>Verification code</PinInput.Label>
+  <PinInput.Control><PinInput.Inputs /></PinInput.Control>
+</PinInput.Root>
+```
+
 Small composition helpers keep common layouts consistent:
 
 ```tsx

package/dist/components/calendar/calendar.cjs

@@ -0,0 +1,377 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_calendar = require("../../styled-system/recipes/calendar.cjs");
+const require_date_utils = require("../date-picker/date-utils.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/calendar/calendar.tsx
+const CalendarContext = (0, react.createContext)(null);
+function useCalendarContext() {
+	const context = (0, react.useContext)(CalendarContext);
+	if (!context) throw new Error("Calendar parts must be rendered inside Calendar.Root.");
+	return context;
+}
+function sameMonth(left, right) {
+	return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();
+}
+const CalendarRoot = (0, react.forwardRef)(function CalendarRoot({ children, className, defaultValue = null, disabled = false, isDateDisabled, locale = "pt-BR", maxDate, minDate, onValueChange, referenceDate, value: controlledValue, weekStartsOn = 0, yearRange: configuredYearRange, ...props }, ref) {
+	const initialDate = controlledValue ?? defaultValue ?? referenceDate ?? /* @__PURE__ */ new Date();
+	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue);
+	const selected = controlledValue === void 0 ? uncontrolledValue : controlledValue;
+	const [month, setMonthState] = (0, react.useState)(() => require_date_utils.startOfMonth(initialDate));
+	const [focusedDate, setFocusedDate] = (0, react.useState)(selected ?? initialDate);
+	const dayRefs = (0, react.useRef)(/* @__PURE__ */ new Map());
+	const calendarId = (0, react.useId)();
+	const styles = require_calendar.calendar();
+	const today = (0, react.useMemo)(() => require_date_utils.createCalendarDate((referenceDate ?? /* @__PURE__ */ new Date()).getFullYear(), (referenceDate ?? /* @__PURE__ */ new Date()).getMonth(), (referenceDate ?? /* @__PURE__ */ new Date()).getDate()), [referenceDate]);
+	const minMonth = minDate ? require_date_utils.startOfMonth(minDate) : void 0;
+	const maxMonth = maxDate ? require_date_utils.startOfMonth(maxDate) : void 0;
+	const yearRange = (0, react.useMemo)(() => {
+		const start = configuredYearRange?.start ?? today.getFullYear() - 100;
+		const end = configuredYearRange?.end ?? today.getFullYear() + 20;
+		const years = [
+			selected?.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,
+		selected,
+		today
+	]);
+	const dateDisabled = (0, react.useCallback)((date) => Boolean(minDate && require_date_utils.isBeforeDay(date, minDate) || maxDate && require_date_utils.isAfterDay(date, maxDate) || isDateDisabled?.(date)), [
+		isDateDisabled,
+		maxDate,
+		minDate
+	]);
+	const monthDisabled = (0, react.useCallback)((date) => {
+		const first = require_date_utils.startOfMonth(date);
+		const last = require_date_utils.createCalendarDate(date.getFullYear(), date.getMonth() + 1, 0);
+		return Boolean(minDate && require_date_utils.isBeforeDay(last, minDate) || maxDate && require_date_utils.isAfterDay(first, maxDate));
+	}, [maxDate, minDate]);
+	const clampMonth = (0, react.useCallback)((date) => {
+		const normalized = require_date_utils.startOfMonth(date);
+		if (minMonth && require_date_utils.isBeforeDay(normalized, minMonth)) return minMonth;
+		if (maxMonth && require_date_utils.isAfterDay(normalized, maxMonth)) return maxMonth;
+		return normalized;
+	}, [maxMonth, minMonth]);
+	const setMonth = (0, react.useCallback)((date) => setMonthState(clampMonth(date)), [clampMonth]);
+	const canNavigate = (0, react.useCallback)((amount) => {
+		const next = require_date_utils.addMonths(month, amount);
+		return !(minMonth && require_date_utils.isBeforeDay(next, minMonth)) && !(maxMonth && require_date_utils.isAfterDay(next, maxMonth));
+	}, [
+		maxMonth,
+		minMonth,
+		month
+	]);
+	const setValue = (0, react.useCallback)((nextValue) => {
+		if (controlledValue === void 0) setUncontrolledValue(nextValue);
+		onValueChange?.(nextValue);
+	}, [controlledValue, onValueChange]);
+	const onSelect = (0, react.useCallback)((date) => {
+		if (disabled || dateDisabled(date)) return;
+		const next = require_date_utils.createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());
+		setValue(next);
+		setFocusedDate(next);
+		setMonth(next);
+	}, [
+		dateDisabled,
+		disabled,
+		setMonth,
+		setValue
+	]);
+	const focusDate = (0, react.useCallback)((date, direction = 1) => {
+		let next = require_date_utils.createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());
+		const step = direction < 0 ? -1 : 1;
+		let attempts = 0;
+		while (dateDisabled(next) && attempts < 366) {
+			next = require_date_utils.addDays(next, step);
+			attempts += 1;
+		}
+		setFocusedDate(next);
+		setMonth(next);
+		const focusTarget = () => dayRefs.current.get(require_date_utils.dateKey(next))?.focus();
+		focusTarget();
+		queueMicrotask(focusTarget);
+	}, [dateDisabled, setMonth]);
+	const selectMonth = (0, react.useCallback)((monthIndex) => setMonth(require_date_utils.createCalendarDate(month.getFullYear(), monthIndex, 1)), [month, setMonth]);
+	const selectYear = (0, react.useCallback)((year) => setMonth(require_date_utils.createCalendarDate(year, month.getMonth(), 1)), [month, setMonth]);
+	const registerDay = (0, react.useCallback)((key, node) => {
+		if (node) dayRefs.current.set(key, node);
+		else dayRefs.current.delete(key);
+	}, []);
+	(0, react.useEffect)(() => {
+		if (!selected) return;
+		setFocusedDate(selected);
+		setMonthState((current) => sameMonth(current, selected) ? current : clampMonth(selected));
+	}, [clampMonth, selected]);
+	const context = {
+		calendarId,
+		canNavigate,
+		dateDisabled,
+		disabled,
+		focusedDate,
+		focusDate,
+		locale,
+		month,
+		monthDisabled,
+		onSelect,
+		registerDay,
+		selected,
+		selectMonth,
+		selectYear,
+		setMonth,
+		styles,
+		today,
+		weekStartsOn,
+		yearRange
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+			...props,
+			"aria-label": props["aria-label"] ?? require_date_utils.formatMonthLabel(month, locale),
+			className: require_cx.cx(styles.root, className),
+			"data-jaci-component": "calendar",
+			"data-slot": "calendar",
+			ref,
+			children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CalendarHeader, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarPrevious, {}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarCaption, {}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarNext, {})
+			] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarGrid, {})] })
+		})
+	});
+});
+const CalendarHeader = (0, react.forwardRef)(function CalendarHeader({ className, ...props }, ref) {
+	const { styles } = useCalendarContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		className: require_cx.cx(styles.header, className),
+		"data-slot": "calendar-header",
+		ref
+	});
+});
+const CalendarCaption = (0, react.forwardRef)(function CalendarCaption({ children, className, ...props }, ref) {
+	const { locale, month, styles } = useCalendarContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		className: require_cx.cx(styles.caption, className),
+		"data-slot": "calendar-caption",
+		ref,
+		children: children ?? require_date_utils.formatMonthLabel(month, locale)
+	});
+});
+const CalendarNavigationButton = (0, react.forwardRef)(function CalendarNavigationButton({ amount = 1, children, className, onClick, ...props }, ref) {
+	const { canNavigate, month, setMonth, styles } = useCalendarContext();
+	const isDisabled = props.disabled || !canNavigate(amount);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		...props,
+		"aria-label": props["aria-label"] ?? (amount < 0 ? "Previous month" : "Next month"),
+		className: require_cx.cx(styles.navigation, className),
+		"data-slot": amount < 0 ? "calendar-previous" : "calendar-next",
+		disabled: isDisabled,
+		onClick: (event) => {
+			if (!isDisabled) setMonth(require_date_utils.addMonths(month, amount));
+			onClick?.(event);
+		},
+		ref,
+		type: "button",
+		children: children ?? (amount < 0 ? "‹" : "›")
+	});
+});
+const CalendarPrevious = (0, react.forwardRef)(function CalendarPrevious(props, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarNavigationButton, {
+		...props,
+		amount: -1,
+		ref
+	});
+});
+const CalendarNext = (0, react.forwardRef)(function CalendarNext(props, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarNavigationButton, {
+		...props,
+		amount: 1,
+		ref
+	});
+});
+const CalendarMonthSelect = (0, react.forwardRef)(function CalendarMonthSelect({ className, ...props }, ref) {
+	const { locale, month, monthDisabled, selectMonth, styles } = useCalendarContext();
+	const labels = Array.from({ length: 12 }, (_, index) => new Intl.DateTimeFormat(locale, { month: "long" }).format(require_date_utils.createCalendarDate(2024, index, 1)));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+		...props,
+		"aria-label": props["aria-label"] ?? "Select month",
+		className: require_cx.cx(styles.monthSelect, className),
+		"data-slot": "calendar-month-select",
+		onChange: (event) => selectMonth(Number(event.currentTarget.value)),
+		ref,
+		value: month.getMonth(),
+		children: labels.map((label, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+			disabled: monthDisabled(require_date_utils.createCalendarDate(month.getFullYear(), index, 1)),
+			value: index,
+			children: label
+		}, label))
+	});
+});
+const CalendarYearSelect = (0, react.forwardRef)(function CalendarYearSelect({ className, ...props }, ref) {
+	const { month, monthDisabled, selectYear, styles, yearRange } = useCalendarContext();
+	const years = Array.from({ length: yearRange.end - yearRange.start + 1 }, (_, index) => yearRange.start + index);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+		...props,
+		"aria-label": props["aria-label"] ?? "Select year",
+		className: require_cx.cx(styles.yearSelect, className),
+		"data-slot": "calendar-year-select",
+		onChange: (event) => selectYear(Number(event.currentTarget.value)),
+		ref,
+		value: month.getFullYear(),
+		children: years.map((year) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+			disabled: monthDisabled(require_date_utils.createCalendarDate(year, month.getMonth(), 1)),
+			value: year,
+			children: year
+		}, year))
+	});
+});
+const CalendarDay = (0, react.forwardRef)(function CalendarDay({ children, className, date, disabled, onClick, onKeyDown, ...props }, ref) {
+	const { dateDisabled, disabled: calendarDisabled, focusDate, focusedDate, locale, month, onSelect, registerDay, selected, styles, today, weekStartsOn } = useCalendarContext();
+	const key = require_date_utils.dateKey(date);
+	const outsideMonth = !sameMonth(date, month);
+	const isDisabled = Boolean(disabled || calendarDisabled || dateDisabled(date));
+	const isSelected = require_date_utils.isSameDay(date, selected);
+	const isFocused = require_date_utils.isSameDay(date, focusedDate);
+	const isToday = require_date_utils.isSameDay(date, today);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		...props,
+		"aria-label": props["aria-label"] ?? new Intl.DateTimeFormat(locale, { dateStyle: "full" }).format(date),
+		"aria-current": isToday ? "date" : void 0,
+		"aria-selected": isSelected,
+		className: require_cx.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": "calendar-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 = require_date_utils.addDays(date, -1);
+						break;
+					case "ArrowRight":
+						nextDate = require_date_utils.addDays(date, 1);
+						break;
+					case "ArrowUp":
+						nextDate = require_date_utils.addDays(date, -7);
+						break;
+					case "ArrowDown":
+						nextDate = require_date_utils.addDays(date, 7);
+						break;
+					case "Home":
+						nextDate = require_date_utils.addDays(date, -((date.getDay() - weekStartsOn + 7) % 7));
+						break;
+					case "End":
+						nextDate = require_date_utils.addDays(date, 6 - (date.getDay() - weekStartsOn + 7) % 7);
+						break;
+					case "PageUp":
+						nextDate = require_date_utils.addMonths(date, event.shiftKey ? -12 : -1);
+						break;
+					case "PageDown":
+						nextDate = require_date_utils.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);
+		},
+		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 CalendarGrid = (0, react.forwardRef)(function CalendarGrid({ "aria-label": ariaLabel, className, ...props }, ref) {
+	const { locale, month, styles, weekStartsOn } = useCalendarContext();
+	const days = (0, react.useMemo)(() => require_date_utils.getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);
+	const weeks = (0, react.useMemo)(() => Array.from({ length: Math.ceil(days.length / 7) }, (_, index) => days.slice(index * 7, index * 7 + 7)), [days]);
+	const weekdays = (0, react.useMemo)(() => require_date_utils.getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...props,
+		className: require_cx.cx(styles.calendar, className),
+		"data-slot": "calendar-grid",
+		ref,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"aria-hidden": "true",
+			className: styles.weekdays,
+			"data-slot": "calendar-weekdays",
+			children: weekdays.map((weekday) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: styles.weekday,
+				"data-slot": "calendar-weekday",
+				children: weekday
+			}, weekday))
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"aria-label": ariaLabel ?? require_date_utils.formatMonthLabel(month, locale),
+			className: styles.grid,
+			"data-slot": "calendar-day-grid",
+			role: "grid",
+			children: weeks.map((week, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				"aria-rowindex": index + 1,
+				className: styles.row,
+				"data-slot": "calendar-week",
+				role: "row",
+				tabIndex: -1,
+				children: week.map((date) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarDay, { date }, require_date_utils.dateKey(date)))
+			}, week.map(require_date_utils.dateKey).join("-")))
+		})]
+	});
+});
+const Calendar = {
+	Root: CalendarRoot,
+	Header: CalendarHeader,
+	Caption: CalendarCaption,
+	Previous: CalendarPrevious,
+	Next: CalendarNext,
+	MonthSelect: CalendarMonthSelect,
+	YearSelect: CalendarYearSelect,
+	Grid: CalendarGrid,
+	Day: CalendarDay
+};
+//#endregion
+exports.Calendar = Calendar;
+exports.CalendarCaption = CalendarCaption;
+exports.CalendarDay = CalendarDay;
+exports.CalendarGrid = CalendarGrid;
+exports.CalendarHeader = CalendarHeader;
+exports.CalendarMonthSelect = CalendarMonthSelect;
+exports.CalendarNext = CalendarNext;
+exports.CalendarPrevious = CalendarPrevious;
+exports.CalendarRoot = CalendarRoot;
+exports.CalendarYearSelect = CalendarYearSelect;
+
+//# sourceMappingURL=calendar.cjs.map

package/dist/components/calendar/calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.cjs","names":["startOfMonth","calendar","createCalendarDate","isBeforeDay","isAfterDay","addMonths","addDays","dateKey","formatMonthLabel","cx","isSameDay","getCalendarDays","getWeekdayLabels"],"sources":["../../../src/components/calendar/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { calendar } from \"../../styled-system/recipes\";\nimport {\n  addDays,\n  addMonths,\n  createCalendarDate,\n  dateKey,\n  formatMonthLabel,\n  getCalendarDays,\n  getWeekdayLabels,\n  isAfterDay,\n  isBeforeDay,\n  isSameDay,\n  startOfMonth,\n} from \"../date-picker/date-utils\";\n\nexport interface CalendarYearRange {\n  start: number;\n  end: number;\n}\n\nexport interface CalendarRootProps\n  extends Omit<ComponentPropsWithoutRef<\"section\">, \"children\" | \"defaultValue\" | \"value\"> {\n  value?: Date | null;\n  defaultValue?: Date | null;\n  onValueChange?: (value: Date | null) => 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?: CalendarYearRange;\n  disabled?: boolean;\n  children?: ReactNode;\n}\n\ninterface CalendarContextValue {\n  calendarId: string;\n  dateDisabled: (date: Date) => boolean;\n  disabled: boolean;\n  focusedDate: Date;\n  focusDate: (date: Date, direction?: number) => void;\n  locale: string;\n  month: Date;\n  monthDisabled: (date: Date) => boolean;\n  onSelect: (date: Date) => void;\n  selected: Date | null;\n  setMonth: (date: Date) => void;\n  styles: ReturnType<typeof calendar>;\n  today: Date;\n  weekStartsOn: number;\n  yearRange: CalendarYearRange;\n  canNavigate: (amount: number) => boolean;\n  selectMonth: (month: number) => void;\n  selectYear: (year: number) => void;\n  registerDay: (key: string, node: HTMLButtonElement | null) => void;\n}\n\nimport { createContext, useContext } from \"react\";\n\nconst CalendarContext = createContext<CalendarContextValue | null>(null);\n\nfunction useCalendarContext() {\n  const context = useContext(CalendarContext);\n  if (!context) throw new Error(\"Calendar parts must be rendered inside Calendar.Root.\");\n  return context;\n}\n\nfunction sameMonth(left: Date, right: Date) {\n  return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth();\n}\n\nexport const CalendarRoot = forwardRef<HTMLElement, CalendarRootProps>(function CalendarRoot(\n  {\n    children,\n    className,\n    defaultValue = null,\n    disabled = false,\n    isDateDisabled,\n    locale = \"pt-BR\",\n    maxDate,\n    minDate,\n    onValueChange,\n    referenceDate,\n    value: controlledValue,\n    weekStartsOn = 0,\n    yearRange: configuredYearRange,\n    ...props\n  },\n  ref,\n) {\n  const initialDate = controlledValue ?? defaultValue ?? referenceDate ?? new Date();\n  const [uncontrolledValue, setUncontrolledValue] = useState<Date | null>(defaultValue);\n  const selected = controlledValue === undefined ? uncontrolledValue : controlledValue;\n  const [month, setMonthState] = useState(() => startOfMonth(initialDate));\n  const [focusedDate, setFocusedDate] = useState(selected ?? initialDate);\n  const dayRefs = useRef(new Map<string, HTMLButtonElement>());\n  const calendarId = useId();\n  const styles = calendar();\n  const today = useMemo(\n    () =>\n      createCalendarDate(\n        (referenceDate ?? new Date()).getFullYear(),\n        (referenceDate ?? new Date()).getMonth(),\n        (referenceDate ?? new Date()).getDate(),\n      ),\n    [referenceDate],\n  );\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 = [selected?.getFullYear(), minDate?.getFullYear(), maxDate?.getFullYear()].filter(\n      (year): year is number => year !== undefined,\n    );\n    return { start: Math.min(start, end, ...years), end: Math.max(start, end, ...years) };\n  }, [configuredYearRange?.end, configuredYearRange?.start, maxDate, minDate, selected, today]);\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 setValue = useCallback(\n    (nextValue: Date | null) => {\n      if (controlledValue === undefined) setUncontrolledValue(nextValue);\n      onValueChange?.(nextValue);\n    },\n    [controlledValue, onValueChange],\n  );\n  const onSelect = useCallback(\n    (date: Date) => {\n      if (disabled || dateDisabled(date)) return;\n      const next = createCalendarDate(date.getFullYear(), date.getMonth(), date.getDate());\n      setValue(next);\n      setFocusedDate(next);\n      setMonth(next);\n    },\n    [dateDisabled, disabled, setMonth, setValue],\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    if (!selected) return;\n    setFocusedDate(selected);\n    setMonthState((current) => (sameMonth(current, selected) ? current : clampMonth(selected)));\n  }, [clampMonth, selected]);\n\n  const context: CalendarContextValue = {\n    calendarId,\n    canNavigate,\n    dateDisabled,\n    disabled,\n    focusedDate,\n    focusDate,\n    locale,\n    month,\n    monthDisabled,\n    onSelect,\n    registerDay,\n    selected,\n    selectMonth,\n    selectYear,\n    setMonth,\n    styles,\n    today,\n    weekStartsOn,\n    yearRange,\n  };\n\n  return (\n    <CalendarContext.Provider value={context}>\n      <section\n        {...props}\n        aria-label={props[\"aria-label\"] ?? formatMonthLabel(month, locale)}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"calendar\"\n        data-slot=\"calendar\"\n        ref={ref}\n      >\n        {children ?? (\n          <>\n            <CalendarHeader>\n              <CalendarPrevious />\n              <CalendarCaption />\n              <CalendarNext />\n            </CalendarHeader>\n            <CalendarGrid />\n          </>\n        )}\n      </section>\n    </CalendarContext.Provider>\n  );\n});\n\nexport type CalendarHeaderProps = ComponentPropsWithoutRef<\"div\">;\nexport const CalendarHeader = forwardRef<HTMLDivElement, CalendarHeaderProps>(\n  function CalendarHeader({ className, ...props }, ref) {\n    const { styles } = useCalendarContext();\n    return (\n      <div\n        {...props}\n        className={cx(styles.header, className)}\n        data-slot=\"calendar-header\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type CalendarCaptionProps = ComponentPropsWithoutRef<\"span\">;\nexport const CalendarCaption = forwardRef<HTMLSpanElement, CalendarCaptionProps>(\n  function CalendarCaption({ children, className, ...props }, ref) {\n    const { locale, month, styles } = useCalendarContext();\n    return (\n      <span\n        {...props}\n        className={cx(styles.caption, className)}\n        data-slot=\"calendar-caption\"\n        ref={ref}\n      >\n        {children ?? formatMonthLabel(month, locale)}\n      </span>\n    );\n  },\n);\n\nexport interface CalendarNavigationProps extends ComponentPropsWithoutRef<\"button\"> {\n  amount?: number;\n}\n\nconst CalendarNavigationButton = forwardRef<HTMLButtonElement, CalendarNavigationProps>(\n  function CalendarNavigationButton({ amount = 1, children, className, onClick, ...props }, ref) {\n    const { canNavigate, month, setMonth, styles } = useCalendarContext();\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 ? \"calendar-previous\" : \"calendar-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  },\n);\n\nexport const CalendarPrevious = forwardRef<HTMLButtonElement, CalendarNavigationProps>(\n  function CalendarPrevious(props, ref) {\n    return <CalendarNavigationButton {...props} amount={-1} ref={ref} />;\n  },\n);\nexport const CalendarNext = forwardRef<HTMLButtonElement, CalendarNavigationProps>(\n  function CalendarNext(props, ref) {\n    return <CalendarNavigationButton {...props} amount={1} ref={ref} />;\n  },\n);\n\nexport type CalendarMonthSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\nexport const CalendarMonthSelect = forwardRef<HTMLSelectElement, CalendarMonthSelectProps>(\n  function CalendarMonthSelect({ className, ...props }, ref) {\n    const { locale, month, monthDisabled, selectMonth, styles } = useCalendarContext();\n    const labels = Array.from({ length: 12 }, (_, index) =>\n      new Intl.DateTimeFormat(locale, { month: \"long\" }).format(createCalendarDate(2024, index, 1)),\n    );\n    return (\n      <select\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Select month\"}\n        className={cx(styles.monthSelect, className)}\n        data-slot=\"calendar-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  },\n);\n\nexport type CalendarYearSelectProps = Omit<\n  ComponentPropsWithoutRef<\"select\">,\n  \"children\" | \"onChange\" | \"value\"\n>;\nexport const CalendarYearSelect = forwardRef<HTMLSelectElement, CalendarYearSelectProps>(\n  function CalendarYearSelect({ className, ...props }, ref) {\n    const { month, monthDisabled, selectYear, styles, yearRange } = useCalendarContext();\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=\"calendar-year-select\"\n        onChange={(event) => selectYear(Number(event.currentTarget.value))}\n        ref={ref}\n        value={month.getFullYear()}\n      >\n        {years.map((year) => (\n          <option\n            disabled={monthDisabled(createCalendarDate(year, month.getMonth(), 1))}\n            key={year}\n            value={year}\n          >\n            {year}\n          </option>\n        ))}\n      </select>\n    );\n  },\n);\n\nexport interface CalendarDayProps extends Omit<ComponentPropsWithoutRef<\"button\">, \"value\"> {\n  date: Date;\n}\n\nexport const CalendarDay = forwardRef<HTMLButtonElement, CalendarDayProps>(function CalendarDay(\n  { children, className, date, disabled, onClick, onKeyDown, ...props },\n  ref,\n) {\n  const {\n    dateDisabled,\n    disabled: calendarDisabled,\n    focusDate,\n    focusedDate,\n    locale,\n    month,\n    onSelect,\n    registerDay,\n    selected,\n    styles,\n    today,\n    weekStartsOn,\n  } = useCalendarContext();\n  const key = dateKey(date);\n  const outsideMonth = !sameMonth(date, month);\n  const isDisabled = Boolean(disabled || calendarDisabled || dateDisabled(date));\n  const isSelected = isSameDay(date, selected);\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={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=\"calendar-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      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\nexport interface CalendarGridProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  \"aria-label\"?: string;\n}\n\nexport const CalendarGrid = forwardRef<HTMLDivElement, CalendarGridProps>(function CalendarGrid(\n  { \"aria-label\": ariaLabel, className, ...props },\n  ref,\n) {\n  const { locale, month, styles, weekStartsOn } = useCalendarContext();\n  const days = useMemo(() => getCalendarDays(month, weekStartsOn), [month, weekStartsOn]);\n  const weeks = useMemo(\n    () =>\n      Array.from({ length: Math.ceil(days.length / 7) }, (_, index) =>\n        days.slice(index * 7, index * 7 + 7),\n      ),\n    [days],\n  );\n  const weekdays = useMemo(() => getWeekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);\n  return (\n    <div {...props} className={cx(styles.calendar, className)} data-slot=\"calendar-grid\" ref={ref}>\n      <div aria-hidden=\"true\" className={styles.weekdays} data-slot=\"calendar-weekdays\">\n        {weekdays.map((weekday) => (\n          <span className={styles.weekday} data-slot=\"calendar-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={ariaLabel ?? formatMonthLabel(month, locale)}\n        className={styles.grid}\n        data-slot=\"calendar-day-grid\"\n        role=\"grid\"\n      >\n        {weeks.map((week, index) => (\n          // biome-ignore lint/a11y/useSemanticElements: Calendar rows use ARIA grid semantics while the day controls remain buttons.\n          <div\n            aria-rowindex={index + 1}\n            className={styles.row}\n            data-slot=\"calendar-week\"\n            key={week.map(dateKey).join(\"-\")}\n            role=\"row\"\n            tabIndex={-1}\n          >\n            {week.map((date) => (\n              <CalendarDay date={date} key={dateKey(date)} />\n            ))}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n\nexport const Calendar = {\n  Root: CalendarRoot,\n  Header: CalendarHeader,\n  Caption: CalendarCaption,\n  Previous: CalendarPrevious,\n  Next: CalendarNext,\n  MonthSelect: CalendarMonthSelect,\n  YearSelect: CalendarYearSelect,\n  Grid: CalendarGrid,\n  Day: CalendarDay,\n};\n"],"mappings":"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"}

package/dist/components/calendar/calendar.d.cts

@@ -0,0 +1,56 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/calendar/calendar.d.ts
+interface CalendarYearRange {
+  start: number;
+  end: number;
+}
+interface CalendarRootProps extends Omit<ComponentPropsWithoutRef<"section">, "children" | "defaultValue" | "value"> {
+  value?: Date | null;
+  defaultValue?: Date | null;
+  onValueChange?: (value: Date | null) => void;
+  referenceDate?: Date;
+  locale?: string;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  minDate?: Date;
+  maxDate?: Date;
+  isDateDisabled?: (date: Date) => boolean;
+  yearRange?: CalendarYearRange;
+  disabled?: boolean;
+  children?: ReactNode;
+}
+declare const CalendarRoot: import("react").ForwardRefExoticComponent<CalendarRootProps & import("react").RefAttributes<HTMLElement>>;
+type CalendarHeaderProps = ComponentPropsWithoutRef<"div">;
+declare const CalendarHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type CalendarCaptionProps = ComponentPropsWithoutRef<"span">;
+declare const CalendarCaption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+interface CalendarNavigationProps extends ComponentPropsWithoutRef<"button"> {
+  amount?: number;
+}
+declare const CalendarPrevious: import("react").ForwardRefExoticComponent<CalendarNavigationProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const CalendarNext: import("react").ForwardRefExoticComponent<CalendarNavigationProps & import("react").RefAttributes<HTMLButtonElement>>;
+type CalendarMonthSelectProps = Omit<ComponentPropsWithoutRef<"select">, "children" | "onChange" | "value">;
+declare const CalendarMonthSelect: import("react").ForwardRefExoticComponent<CalendarMonthSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+type CalendarYearSelectProps = Omit<ComponentPropsWithoutRef<"select">, "children" | "onChange" | "value">;
+declare const CalendarYearSelect: import("react").ForwardRefExoticComponent<CalendarYearSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+interface CalendarDayProps extends Omit<ComponentPropsWithoutRef<"button">, "value"> {
+  date: Date;
+}
+declare const CalendarDay: import("react").ForwardRefExoticComponent<CalendarDayProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface CalendarGridProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+  "aria-label"?: string;
+}
+declare const CalendarGrid: import("react").ForwardRefExoticComponent<CalendarGridProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Calendar: {
+  Root: import("react").ForwardRefExoticComponent<CalendarRootProps & import("react").RefAttributes<HTMLElement>>;
+  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<CalendarNavigationProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Next: import("react").ForwardRefExoticComponent<CalendarNavigationProps & import("react").RefAttributes<HTMLButtonElement>>;
+  MonthSelect: import("react").ForwardRefExoticComponent<CalendarMonthSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+  YearSelect: import("react").ForwardRefExoticComponent<CalendarYearSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+  Grid: import("react").ForwardRefExoticComponent<CalendarGridProps & import("react").RefAttributes<HTMLDivElement>>;
+  Day: import("react").ForwardRefExoticComponent<CalendarDayProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//#endregion
+export { Calendar, CalendarCaption, CalendarCaptionProps, CalendarDay, CalendarDayProps, CalendarGrid, CalendarGridProps, CalendarHeader, CalendarHeaderProps, CalendarMonthSelect, CalendarMonthSelectProps, CalendarNavigationProps, CalendarNext, CalendarPrevious, CalendarRoot, CalendarRootProps, CalendarYearRange, CalendarYearSelect, CalendarYearSelectProps };
+//# sourceMappingURL=calendar.d.cts.map

package/dist/components/calendar/calendar.d.ts

@@ -0,0 +1,56 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/calendar/calendar.d.ts
+interface CalendarYearRange {
+  start: number;
+  end: number;
+}
+interface CalendarRootProps extends Omit<ComponentPropsWithoutRef<"section">, "children" | "defaultValue" | "value"> {
+  value?: Date | null;
+  defaultValue?: Date | null;
+  onValueChange?: (value: Date | null) => void;
+  referenceDate?: Date;
+  locale?: string;
+  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  minDate?: Date;
+  maxDate?: Date;
+  isDateDisabled?: (date: Date) => boolean;
+  yearRange?: CalendarYearRange;
+  disabled?: boolean;
+  children?: ReactNode;
+}
+declare const CalendarRoot: import("react").ForwardRefExoticComponent<CalendarRootProps & import("react").RefAttributes<HTMLElement>>;
+type CalendarHeaderProps = ComponentPropsWithoutRef<"div">;
+declare const CalendarHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type CalendarCaptionProps = ComponentPropsWithoutRef<"span">;
+declare const CalendarCaption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+interface CalendarNavigationProps extends ComponentPropsWithoutRef<"button"> {
+  amount?: number;
+}
+declare const CalendarPrevious: import("react").ForwardRefExoticComponent<CalendarNavigationProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const CalendarNext: import("react").ForwardRefExoticComponent<CalendarNavigationProps & import("react").RefAttributes<HTMLButtonElement>>;
+type CalendarMonthSelectProps = Omit<ComponentPropsWithoutRef<"select">, "children" | "onChange" | "value">;
+declare const CalendarMonthSelect: import("react").ForwardRefExoticComponent<CalendarMonthSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+type CalendarYearSelectProps = Omit<ComponentPropsWithoutRef<"select">, "children" | "onChange" | "value">;
+declare const CalendarYearSelect: import("react").ForwardRefExoticComponent<CalendarYearSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+interface CalendarDayProps extends Omit<ComponentPropsWithoutRef<"button">, "value"> {
+  date: Date;
+}
+declare const CalendarDay: import("react").ForwardRefExoticComponent<CalendarDayProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface CalendarGridProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+  "aria-label"?: string;
+}
+declare const CalendarGrid: import("react").ForwardRefExoticComponent<CalendarGridProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Calendar: {
+  Root: import("react").ForwardRefExoticComponent<CalendarRootProps & import("react").RefAttributes<HTMLElement>>;
+  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<CalendarNavigationProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Next: import("react").ForwardRefExoticComponent<CalendarNavigationProps & import("react").RefAttributes<HTMLButtonElement>>;
+  MonthSelect: import("react").ForwardRefExoticComponent<CalendarMonthSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+  YearSelect: import("react").ForwardRefExoticComponent<CalendarYearSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+  Grid: import("react").ForwardRefExoticComponent<CalendarGridProps & import("react").RefAttributes<HTMLDivElement>>;
+  Day: import("react").ForwardRefExoticComponent<CalendarDayProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//#endregion
+export { Calendar, CalendarCaption, CalendarCaptionProps, CalendarDay, CalendarDayProps, CalendarGrid, CalendarGridProps, CalendarHeader, CalendarHeaderProps, CalendarMonthSelect, CalendarMonthSelectProps, CalendarNavigationProps, CalendarNext, CalendarPrevious, CalendarRoot, CalendarRootProps, CalendarYearRange, CalendarYearSelect, CalendarYearSelectProps };
+//# sourceMappingURL=calendar.d.ts.map