@povio/ui 2.3.0-rc.18 → 2.3.0-rc.19

package/dist/components/inputs/DateTime/shared/Calendar.js

@@ -10,7 +10,7 @@ import { useEffect, useState } from "react";
 import { useCalendar } from "@react-aria/calendar";
 //#region src/components/inputs/DateTime/shared/Calendar.tsx
 var Calendar = (t0) => {
-	const $ = c(88);
+	const $ = c(89);
 	let className;
 	let datePickerState;
 	let hourCycle;
@@ -226,7 +226,7 @@ var Calendar = (t0) => {
 	} else t14 = $[51];
 	const handleDateChange = t14;
 	let t15;
-	if ($[52] !== datePickerState || $[53] !== granularity || $[54] !== handleDateChange || $[55] !== includesTime || $[56] !== onDateSelection || $[57] !== onMonthSelectionChange || $[58] !== onMonthYearChange || $[59] !== onMonthYearCommit || $[60] !== onYearSelectionChange || $[61] !== props.state || $[62] !== selectedDate || $[63] !== toggleState) {
+	if ($[52] !== datePickerState || $[53] !== granularity || $[54] !== handleDateChange || $[55] !== includesTime || $[56] !== onApply || $[57] !== onDateSelection || $[58] !== onMonthSelectionChange || $[59] !== onMonthYearChange || $[60] !== onMonthYearCommit || $[61] !== onYearSelectionChange || $[62] !== props.state || $[63] !== selectedDate || $[64] !== toggleState) {
 		t15 = () => {
 			if (!toggleState) {
 				if (granularity === "month") return /* @__PURE__ */ jsx(MonthPicker, {
@@ -246,6 +246,7 @@ var Calendar = (t0) => {
 				return /* @__PURE__ */ jsx(CalendarGrid, {
 					state: props.state,
 					onApply: handleDateChange,
+					onDoubleClickApply: !includesTime ? onApply : void 0,
 					onDateSelection
 				});
 			}
@@ -282,25 +283,26 @@ var Calendar = (t0) => {
 		$[53] = granularity;
 		$[54] = handleDateChange;
 		$[55] = includesTime;
-		$[56] = onDateSelection;
-		$[57] = onMonthSelectionChange;
-		$[58] = onMonthYearChange;
-		$[59] = onMonthYearCommit;
-		$[60] = onYearSelectionChange;
-		$[61] = props.state;
-		$[62] = selectedDate;
-		$[63] = toggleState;
-		$[64] = t15;
-	} else t15 = $[64];
+		$[56] = onApply;
+		$[57] = onDateSelection;
+		$[58] = onMonthSelectionChange;
+		$[59] = onMonthYearChange;
+		$[60] = onMonthYearCommit;
+		$[61] = onYearSelectionChange;
+		$[62] = props.state;
+		$[63] = selectedDate;
+		$[64] = toggleState;
+		$[65] = t15;
+	} else t15 = $[65];
 	const getContent = t15;
 	let t16;
-	if ($[65] !== className) {
+	if ($[66] !== className) {
 		t16 = clsx("flex min-h-0 w-full flex-col items-center", className);
-		$[65] = className;
-		$[66] = t16;
-	} else t16 = $[66];
+		$[66] = className;
+		$[67] = t16;
+	} else t16 = $[67];
 	let t17;
-	if ($[67] !== datePickerState || $[68] !== granularity || $[69] !== headerNextButtonProps || $[70] !== headerPrevButtonProps || $[71] !== hourCycle || $[72] !== includesTime || $[73] !== props.state || $[74] !== toggleState) {
+	if ($[68] !== datePickerState || $[69] !== granularity || $[70] !== headerNextButtonProps || $[71] !== headerPrevButtonProps || $[72] !== hourCycle || $[73] !== includesTime || $[74] !== props.state || $[75] !== toggleState) {
 		t17 = /* @__PURE__ */ jsx(CalendarHeader, {
 			calendarState: props.state,
 			datePickerState,
@@ -312,52 +314,52 @@ var Calendar = (t0) => {
 			toggleState,
 			setToggleState
 		});
-		$[67] = datePickerState;
-		$[68] = granularity;
-		$[69] = headerNextButtonProps;
-		$[70] = headerPrevButtonProps;
-		$[71] = hourCycle;
-		$[72] = includesTime;
-		$[73] = props.state;
-		$[74] = toggleState;
-		$[75] = t17;
-	} else t17 = $[75];
+		$[68] = datePickerState;
+		$[69] = granularity;
+		$[70] = headerNextButtonProps;
+		$[71] = headerPrevButtonProps;
+		$[72] = hourCycle;
+		$[73] = includesTime;
+		$[74] = props.state;
+		$[75] = toggleState;
+		$[76] = t17;
+	} else t17 = $[76];
 	const t18 = toggleState !== "year" && "pb-8 md:pb-0";
 	let t19;
-	if ($[76] !== t18) {
+	if ($[77] !== t18) {
 		t19 = clsx("flex min-h-0 w-full flex-1 flex-col items-center", t18);
-		$[76] = t18;
-		$[77] = t19;
-	} else t19 = $[77];
+		$[77] = t18;
+		$[78] = t19;
+	} else t19 = $[78];
 	let t20;
-	if ($[78] !== getContent) {
+	if ($[79] !== getContent) {
 		t20 = getContent();
-		$[78] = getContent;
-		$[79] = t20;
-	} else t20 = $[79];
+		$[79] = getContent;
+		$[80] = t20;
+	} else t20 = $[80];
 	let t21;
-	if ($[80] !== t19 || $[81] !== t20) {
+	if ($[81] !== t19 || $[82] !== t20) {
 		t21 = /* @__PURE__ */ jsx("div", {
 			className: t19,
 			children: t20
 		});
-		$[80] = t19;
-		$[81] = t20;
-		$[82] = t21;
-	} else t21 = $[82];
+		$[81] = t19;
+		$[82] = t20;
+		$[83] = t21;
+	} else t21 = $[83];
 	let t22;
-	if ($[83] !== calendarProps || $[84] !== t16 || $[85] !== t17 || $[86] !== t21) {
+	if ($[84] !== calendarProps || $[85] !== t16 || $[86] !== t17 || $[87] !== t21) {
 		t22 = /* @__PURE__ */ jsxs("div", {
 			...calendarProps,
 			className: t16,
 			children: [t17, t21]
 		});
-		$[83] = calendarProps;
-		$[84] = t16;
-		$[85] = t17;
-		$[86] = t21;
-		$[87] = t22;
-	} else t22 = $[87];
+		$[84] = calendarProps;
+		$[85] = t16;
+		$[86] = t17;
+		$[87] = t21;
+		$[88] = t22;
+	} else t22 = $[88];
 	return t22;
 };
 //#endregion

package/dist/components/inputs/DateTime/shared/CalendarCell.d.ts

@@ -5,6 +5,7 @@ import { DateValue } from 'react-aria';
 interface CalendarCellProps extends AriaCalendarCellProps {
     state: CalendarState | RangeCalendarState;
     onApply?: (selectedDate?: DateValue) => void;
+    onDoubleClickApply?: (selectedDate?: DateValue) => void;
     shouldCloseOnSelect?: boolean;
     onDateSelection?: (date: DateValue) => void;
     onDateHover?: (date: DateValue | null) => void;
@@ -16,5 +17,5 @@ interface CalendarCellProps extends AriaCalendarCellProps {
     hoverDate?: DateValue | null;
     onKeyboardNavigation?: (event: KeyboardEvent, date: DateValue) => boolean;
 }
-export declare const CalendarCell: ({ state, onApply, shouldCloseOnSelect, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, ...props }: CalendarCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CalendarCell: ({ state, onApply, onDoubleClickApply, shouldCloseOnSelect, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, ...props }: CalendarCellProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/DateTime/shared/CalendarCell.js

@@ -12,59 +12,75 @@ var isRange = (state) => {
 	return "highlightedRange" in state;
 };
 var CalendarCell = (t0) => {
-	const $ = c(98);
+	const $ = c(104);
 	let hoverDate;
 	let onApply;
 	let onDateHover;
 	let onDateSelection;
+	let onDoubleClickApply;
 	let onKeyboardNavigation;
 	let props;
 	let rangeSelection;
 	let state;
 	let t1;
 	if ($[0] !== t0) {
-		({state, onApply, shouldCloseOnSelect: t1, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, ...props} = t0);
+		({state, onApply, onDoubleClickApply, shouldCloseOnSelect: t1, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, ...props} = t0);
 		$[0] = t0;
 		$[1] = hoverDate;
 		$[2] = onApply;
 		$[3] = onDateHover;
 		$[4] = onDateSelection;
-		$[5] = onKeyboardNavigation;
-		$[6] = props;
-		$[7] = rangeSelection;
-		$[8] = state;
-		$[9] = t1;
+		$[5] = onDoubleClickApply;
+		$[6] = onKeyboardNavigation;
+		$[7] = props;
+		$[8] = rangeSelection;
+		$[9] = state;
+		$[10] = t1;
 	} else {
 		hoverDate = $[1];
 		onApply = $[2];
 		onDateHover = $[3];
 		onDateSelection = $[4];
-		onKeyboardNavigation = $[5];
-		props = $[6];
-		rangeSelection = $[7];
-		state = $[8];
-		t1 = $[9];
+		onDoubleClickApply = $[5];
+		onKeyboardNavigation = $[6];
+		props = $[7];
+		rangeSelection = $[8];
+		state = $[9];
+		t1 = $[10];
 	}
 	const shouldCloseOnSelect = t1 === void 0 ? true : t1;
 	const ref = useRef(null);
 	const { cellProps, buttonProps, formattedDate, isSelected, isDisabled, isOutsideVisibleRange } = useCalendarCell(props, state, ref);
 	const { focusProps } = useFocusRing();
 	let t2;
-	if ($[10] !== buttonProps || $[11] !== isDisabled || $[12] !== onApply || $[13] !== onDateSelection || $[14] !== props.date || $[15] !== shouldCloseOnSelect) {
+	if ($[11] !== buttonProps || $[12] !== isDisabled || $[13] !== onApply || $[14] !== onDateSelection || $[15] !== props.date || $[16] !== shouldCloseOnSelect) {
 		t2 = (event) => {
 			buttonProps.onClick?.(event);
 			if (onDateSelection) onDateSelection(props.date);
 			if (shouldCloseOnSelect && !isDisabled) onApply?.(props.date);
 		};
-		$[10] = buttonProps;
-		$[11] = isDisabled;
-		$[12] = onApply;
-		$[13] = onDateSelection;
-		$[14] = props.date;
-		$[15] = shouldCloseOnSelect;
-		$[16] = t2;
-	} else t2 = $[16];
+		$[11] = buttonProps;
+		$[12] = isDisabled;
+		$[13] = onApply;
+		$[14] = onDateSelection;
+		$[15] = props.date;
+		$[16] = shouldCloseOnSelect;
+		$[17] = t2;
+	} else t2 = $[17];
 	const onClick = t2;
+	let t3;
+	if ($[18] !== isDisabled || $[19] !== onDoubleClickApply || $[20] !== props.date) {
+		t3 = (event_0) => {
+			if (isDisabled) return;
+			event_0.preventDefault();
+			onDoubleClickApply?.(props.date);
+		};
+		$[18] = isDisabled;
+		$[19] = onDoubleClickApply;
+		$[20] = props.date;
+		$[21] = t3;
+	} else t3 = $[21];
+	const onDoubleClick = t3;
 	let isSelectionStart;
 	let isSelectionEnd;
 	let isSelectedCell;
@@ -72,22 +88,22 @@ var CalendarCell = (t0) => {
 	let isHoverRange = false;
 	let isSelectingMode = false;
 	if (rangeSelection?.start) {
-		let t3;
-		if ($[17] !== props.date || $[18] !== rangeSelection.start) {
-			t3 = isSameDay(props.date, rangeSelection.start);
-			$[17] = props.date;
-			$[18] = rangeSelection.start;
-			$[19] = t3;
-		} else t3 = $[19];
-		isSelectionStart = t3;
 		let t4;
-		if ($[20] !== props.date || $[21] !== rangeSelection.end) {
-			t4 = rangeSelection.end ? isSameDay(props.date, rangeSelection.end) : false;
-			$[20] = props.date;
-			$[21] = rangeSelection.end;
-			$[22] = t4;
-		} else t4 = $[22];
-		isSelectionEnd = t4;
+		if ($[22] !== props.date || $[23] !== rangeSelection.start) {
+			t4 = isSameDay(props.date, rangeSelection.start);
+			$[22] = props.date;
+			$[23] = rangeSelection.start;
+			$[24] = t4;
+		} else t4 = $[24];
+		isSelectionStart = t4;
+		let t5;
+		if ($[25] !== props.date || $[26] !== rangeSelection.end) {
+			t5 = rangeSelection.end ? isSameDay(props.date, rangeSelection.end) : false;
+			$[25] = props.date;
+			$[26] = rangeSelection.end;
+			$[27] = t5;
+		} else t5 = $[27];
+		isSelectionEnd = t5;
 		isSelectedCell = isSelectionStart || isSelectionEnd;
 		isSelectingMode = rangeSelection.isSelecting && !rangeSelection.end;
 		if (rangeSelection.start && rangeSelection.end) {
@@ -107,44 +123,44 @@ var CalendarCell = (t0) => {
 			isHoverRange = isAfterStart_0 && isBeforeEnd_0;
 		}
 	} else {
-		let t3;
-		if ($[23] !== isSelected || $[24] !== props.date || $[25] !== state) {
-			t3 = isRange(state) && state.highlightedRange ? isSameDay(props.date, state.highlightedRange.start) : isSelected;
-			$[23] = isSelected;
-			$[24] = props.date;
-			$[25] = state;
-			$[26] = t3;
-		} else t3 = $[26];
-		isSelectionStart = t3;
 		let t4;
-		if ($[27] !== isSelected || $[28] !== props.date || $[29] !== state) {
-			t4 = isRange(state) && state.highlightedRange ? isSameDay(props.date, state.highlightedRange.end) : isSelected;
-			$[27] = isSelected;
-			$[28] = props.date;
-			$[29] = state;
-			$[30] = t4;
-		} else t4 = $[30];
-		isSelectionEnd = t4;
+		if ($[28] !== isSelected || $[29] !== props.date || $[30] !== state) {
+			t4 = isRange(state) && state.highlightedRange ? isSameDay(props.date, state.highlightedRange.start) : isSelected;
+			$[28] = isSelected;
+			$[29] = props.date;
+			$[30] = state;
+			$[31] = t4;
+		} else t4 = $[31];
+		isSelectionStart = t4;
 		let t5;
-		if ($[31] !== isSelected || $[32] !== isSelectionEnd || $[33] !== isSelectionStart || $[34] !== state) {
-			t5 = isSelectionStart || isSelectionEnd || !isRange(state) && isSelected;
-			$[31] = isSelected;
-			$[32] = isSelectionEnd;
-			$[33] = isSelectionStart;
+		if ($[32] !== isSelected || $[33] !== props.date || $[34] !== state) {
+			t5 = isRange(state) && state.highlightedRange ? isSameDay(props.date, state.highlightedRange.end) : isSelected;
+			$[32] = isSelected;
+			$[33] = props.date;
 			$[34] = state;
 			$[35] = t5;
 		} else t5 = $[35];
-		isSelectedCell = t5;
+		isSelectionEnd = t5;
 		let t6;
 		if ($[36] !== isSelected || $[37] !== isSelectionEnd || $[38] !== isSelectionStart || $[39] !== state) {
-			t6 = isRange(state) && isSelected && !isSelectionStart && !isSelectionEnd;
+			t6 = isSelectionStart || isSelectionEnd || !isRange(state) && isSelected;
 			$[36] = isSelected;
 			$[37] = isSelectionEnd;
 			$[38] = isSelectionStart;
 			$[39] = state;
 			$[40] = t6;
 		} else t6 = $[40];
-		isInRange = t6;
+		isSelectedCell = t6;
+		let t7;
+		if ($[41] !== isSelected || $[42] !== isSelectionEnd || $[43] !== isSelectionStart || $[44] !== state) {
+			t7 = isRange(state) && isSelected && !isSelectionStart && !isSelectionEnd;
+			$[41] = isSelected;
+			$[42] = isSelectionEnd;
+			$[43] = isSelectionStart;
+			$[44] = state;
+			$[45] = t7;
+		} else t7 = $[45];
+		isInRange = t7;
 		if (isRange(state) && state.highlightedRange && !isSelected) {
 			const dateValue_1 = props.date;
 			const isAfterStart_1 = dateValue_1.compare(state.highlightedRange.start) > 0;
@@ -152,9 +168,9 @@ var CalendarCell = (t0) => {
 			isHoverRange = isAfterStart_1 && isBeforeEnd_1;
 		}
 	}
-	let t3;
-	if ($[41] !== isHoverRange || $[42] !== isInRange || $[43] !== isSelectedCell || $[44] !== isSelectingMode || $[45] !== isSelectionEnd || $[46] !== isSelectionStart) {
-		t3 = {
+	let t4;
+	if ($[46] !== isHoverRange || $[47] !== isInRange || $[48] !== isSelectedCell || $[49] !== isSelectingMode || $[50] !== isSelectionEnd || $[51] !== isSelectionStart) {
+		t4 = {
 			isSelectionStart,
 			isSelectionEnd,
 			isSelectedCell,
@@ -162,152 +178,154 @@ var CalendarCell = (t0) => {
 			isHoverRange,
 			isSelectingMode
 		};
-		$[41] = isHoverRange;
-		$[42] = isInRange;
-		$[43] = isSelectedCell;
-		$[44] = isSelectingMode;
-		$[45] = isSelectionEnd;
-		$[46] = isSelectionStart;
-		$[47] = t3;
-	} else t3 = $[47];
-	const selectionState = t3;
-	let t4;
-	if ($[48] !== isOutsideVisibleRange || $[49] !== isSelected || $[50] !== onApply || $[51] !== props.date || $[52] !== shouldCloseOnSelect || $[53] !== state) {
-		t4 = (event_0, eventHandler) => {
+		$[46] = isHoverRange;
+		$[47] = isInRange;
+		$[48] = isSelectedCell;
+		$[49] = isSelectingMode;
+		$[50] = isSelectionEnd;
+		$[51] = isSelectionStart;
+		$[52] = t4;
+	} else t4 = $[52];
+	const selectionState = t4;
+	let t5;
+	if ($[53] !== isOutsideVisibleRange || $[54] !== isSelected || $[55] !== onApply || $[56] !== props.date || $[57] !== shouldCloseOnSelect || $[58] !== state) {
+		t5 = (event_1, eventHandler) => {
 			if (isOutsideVisibleRange) {
 				state.selectDate(props.date);
 				state.setFocusedDate(props.date);
 			}
-			eventHandler?.(event_0);
+			eventHandler?.(event_1);
 			if (isSelected && shouldCloseOnSelect) onApply?.(props.date);
 		};
-		$[48] = isOutsideVisibleRange;
-		$[49] = isSelected;
-		$[50] = onApply;
-		$[51] = props.date;
-		$[52] = shouldCloseOnSelect;
-		$[53] = state;
-		$[54] = t4;
-	} else t4 = $[54];
-	const handleEvent = t4;
-	let t5;
-	if ($[55] !== onDateHover || $[56] !== props.date || $[57] !== selectionState.isSelectingMode) {
-		t5 = () => {
-			if (onDateHover && selectionState.isSelectingMode) onDateHover(props.date);
-		};
-		$[55] = onDateHover;
+		$[53] = isOutsideVisibleRange;
+		$[54] = isSelected;
+		$[55] = onApply;
 		$[56] = props.date;
-		$[57] = selectionState.isSelectingMode;
-		$[58] = t5;
-	} else t5 = $[58];
-	const onMouseEnter = t5;
+		$[57] = shouldCloseOnSelect;
+		$[58] = state;
+		$[59] = t5;
+	} else t5 = $[59];
+	const handleEvent = t5;
 	let t6;
-	if ($[59] !== onDateHover || $[60] !== selectionState.isSelectingMode) {
+	if ($[60] !== onDateHover || $[61] !== props.date || $[62] !== selectionState.isSelectingMode) {
 		t6 = () => {
+			if (onDateHover && selectionState.isSelectingMode) onDateHover(props.date);
+		};
+		$[60] = onDateHover;
+		$[61] = props.date;
+		$[62] = selectionState.isSelectingMode;
+		$[63] = t6;
+	} else t6 = $[63];
+	const onMouseEnter = t6;
+	let t7;
+	if ($[64] !== onDateHover || $[65] !== selectionState.isSelectingMode) {
+		t7 = () => {
 			if (onDateHover && selectionState.isSelectingMode) onDateHover(null);
 		};
-		$[59] = onDateHover;
-		$[60] = selectionState.isSelectingMode;
-		$[61] = t6;
-	} else t6 = $[61];
-	const onMouseLeave = t6;
+		$[64] = onDateHover;
+		$[65] = selectionState.isSelectingMode;
+		$[66] = t7;
+	} else t7 = $[66];
+	const onMouseLeave = t7;
 	const { isSelectedCell: isSelectedCell_0, isInRange: isInRange_0, isHoverRange: isHoverRange_0, isSelectingMode: isSelectingMode_0, isSelectionStart: isSelectionStart_0, isSelectionEnd: isSelectionEnd_0 } = selectionState;
-	const t7 = !isSelectedCell_0 && !isOutsideVisibleRange && "bg-elevation-fill-default-1 text-interactive-text-secondary-idle";
-	const t8 = !isSelectedCell_0 && isOutsideVisibleRange && "bg-elevation-fill-default-1 text-interactive-text-secondary-disabled";
-	const t9 = isSelectedCell_0 && !isOutsideVisibleRange && "bg-interactive-contained-primary-idle text-interactive-contained-primary-on-idle";
-	const t10 = isSelectedCell_0 && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionStart_0 && !isSelectionEnd_0 && "rounded-r-none";
-	const t11 = isSelectedCell_0 && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionEnd_0 && !isSelectionStart_0 && "rounded-l-none";
-	const t12 = isDisabled && !isOutsideVisibleRange && "cursor-default";
-	const t13 = isDisabled && "opacity-20";
-	const t14 = !isSelectedCell_0 && !isInRange_0 && !isHoverRange_0 && !isSelectingMode_0 && !isDisabled && !isOutsideVisibleRange && "[@media(pointer:fine)]:hover:border-elevation-outline-default-1 [@media(pointer:fine)]:hover:text-interactive-text-secondary-hover";
-	const t15 = isInRange_0 && !isOutsideVisibleRange && "!rounded-none !bg-elevation-fill-default-2 text-interactive-text-secondary-hover";
-	const t16 = isHoverRange_0 && !isOutsideVisibleRange && "!rounded-none !bg-elevation-fill-default-2 text-interactive-text-secondary-hover";
-	const t17 = !isInRange_0 && !isSelectedCell_0 && isSelectingMode_0 && "hover:bg-interactive-contained-primary-idle hover:text-interactive-text-primary-idle-inverted";
-	const t18 = isSelectingMode_0 && !isSelectedCell_0 && !isInRange_0 && !isHoverRange_0 && !isDisabled && !isOutsideVisibleRange && "transition-all duration-75 hover:border-elevation-outline-default-1";
-	let t19;
-	if ($[62] !== t10 || $[63] !== t11 || $[64] !== t12 || $[65] !== t13 || $[66] !== t14 || $[67] !== t15 || $[68] !== t16 || $[69] !== t17 || $[70] !== t18 || $[71] !== t7 || $[72] !== t8 || $[73] !== t9) {
-		t19 = clsx("mx-auto flex h-10 w-full max-w-10 items-center justify-center rounded-button-rounding-m p-2", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-contained-primary-focus focus-visible:outline-offset-1", "border border-transparent border-solid", t7, t8, t9, t10, t11, t12, t13, t14, t15, t16, t17, t18);
-		$[62] = t10;
-		$[63] = t11;
-		$[64] = t12;
-		$[65] = t13;
-		$[66] = t14;
-		$[67] = t15;
-		$[68] = t16;
-		$[69] = t17;
-		$[70] = t18;
-		$[71] = t7;
-		$[72] = t8;
-		$[73] = t9;
-		$[74] = t19;
-	} else t19 = $[74];
-	const cellClassName = t19;
+	const t8 = !isSelectedCell_0 && !isOutsideVisibleRange && "bg-elevation-fill-default-1 text-interactive-text-secondary-idle";
+	const t9 = !isSelectedCell_0 && isOutsideVisibleRange && "bg-elevation-fill-default-1 text-interactive-text-secondary-disabled";
+	const t10 = isSelectedCell_0 && !isOutsideVisibleRange && "bg-interactive-contained-primary-idle text-interactive-contained-primary-on-idle";
+	const t11 = isSelectedCell_0 && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionStart_0 && !isSelectionEnd_0 && "rounded-r-none";
+	const t12 = isSelectedCell_0 && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionEnd_0 && !isSelectionStart_0 && "rounded-l-none";
+	const t13 = isDisabled && !isOutsideVisibleRange && "cursor-default";
+	const t14 = isDisabled && "opacity-20";
+	const t15 = !isSelectedCell_0 && !isInRange_0 && !isHoverRange_0 && !isSelectingMode_0 && !isDisabled && !isOutsideVisibleRange && "[@media(pointer:fine)]:hover:border-elevation-outline-default-1 [@media(pointer:fine)]:hover:text-interactive-text-secondary-hover";
+	const t16 = isInRange_0 && !isOutsideVisibleRange && "!rounded-none !bg-elevation-fill-default-2 text-interactive-text-secondary-hover";
+	const t17 = isHoverRange_0 && !isOutsideVisibleRange && "!rounded-none !bg-elevation-fill-default-2 text-interactive-text-secondary-hover";
+	const t18 = !isInRange_0 && !isSelectedCell_0 && isSelectingMode_0 && "hover:bg-interactive-contained-primary-idle hover:text-interactive-text-primary-idle-inverted";
+	const t19 = isSelectingMode_0 && !isSelectedCell_0 && !isInRange_0 && !isHoverRange_0 && !isDisabled && !isOutsideVisibleRange && "transition-all duration-75 hover:border-elevation-outline-default-1";
 	let t20;
-	if ($[75] !== buttonProps || $[76] !== focusProps) {
-		t20 = mergeProps(buttonProps, focusProps);
-		$[75] = buttonProps;
-		$[76] = focusProps;
-		$[77] = t20;
-	} else t20 = $[77];
+	if ($[67] !== t10 || $[68] !== t11 || $[69] !== t12 || $[70] !== t13 || $[71] !== t14 || $[72] !== t15 || $[73] !== t16 || $[74] !== t17 || $[75] !== t18 || $[76] !== t19 || $[77] !== t8 || $[78] !== t9) {
+		t20 = clsx("mx-auto flex h-10 w-full max-w-10 items-center justify-center rounded-button-rounding-m p-2", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-contained-primary-focus focus-visible:outline-offset-1", "border border-transparent border-solid", t8, t9, t10, t11, t12, t13, t14, t15, t16, t17, t18, t19);
+		$[67] = t10;
+		$[68] = t11;
+		$[69] = t12;
+		$[70] = t13;
+		$[71] = t14;
+		$[72] = t15;
+		$[73] = t16;
+		$[74] = t17;
+		$[75] = t18;
+		$[76] = t19;
+		$[77] = t8;
+		$[78] = t9;
+		$[79] = t20;
+	} else t20 = $[79];
+	const cellClassName = t20;
 	let t21;
-	if ($[78] !== handleEvent || $[79] !== onClick) {
-		t21 = (e) => handleEvent(e, onClick);
-		$[78] = handleEvent;
-		$[79] = onClick;
-		$[80] = t21;
-	} else t21 = $[80];
+	if ($[80] !== buttonProps || $[81] !== focusProps) {
+		t21 = mergeProps(buttonProps, focusProps);
+		$[80] = buttonProps;
+		$[81] = focusProps;
+		$[82] = t21;
+	} else t21 = $[82];
 	let t22;
-	if ($[81] !== handleEvent || $[82] !== onKeyboardNavigation || $[83] !== props.date) {
-		t22 = (e_0) => handleEvent(e_0, () => onKeyboardNavigation?.(e_0, props.date));
-		$[81] = handleEvent;
-		$[82] = onKeyboardNavigation;
-		$[83] = props.date;
-		$[84] = t22;
-	} else t22 = $[84];
+	if ($[83] !== handleEvent || $[84] !== onClick) {
+		t22 = (e) => handleEvent(e, onClick);
+		$[83] = handleEvent;
+		$[84] = onClick;
+		$[85] = t22;
+	} else t22 = $[85];
 	let t23;
-	if ($[85] !== formattedDate) {
-		t23 = /* @__PURE__ */ jsx(Typography, {
+	if ($[86] !== handleEvent || $[87] !== onKeyboardNavigation || $[88] !== props.date) {
+		t23 = (e_0) => handleEvent(e_0, () => onKeyboardNavigation?.(e_0, props.date));
+		$[86] = handleEvent;
+		$[87] = onKeyboardNavigation;
+		$[88] = props.date;
+		$[89] = t23;
+	} else t23 = $[89];
+	let t24;
+	if ($[90] !== formattedDate) {
+		t24 = /* @__PURE__ */ jsx(Typography, {
 			as: "span",
 			size: "label-2",
 			className: "block w-6 overflow-hidden text-ellipsis text-center",
 			children: formattedDate
 		});
-		$[85] = formattedDate;
-		$[86] = t23;
-	} else t23 = $[86];
-	let t24;
-	if ($[87] !== cellClassName || $[88] !== onMouseEnter || $[89] !== onMouseLeave || $[90] !== t20 || $[91] !== t21 || $[92] !== t22 || $[93] !== t23) {
-		t24 = /* @__PURE__ */ jsx("div", {
+		$[90] = formattedDate;
+		$[91] = t24;
+	} else t24 = $[91];
+	let t25;
+	if ($[92] !== cellClassName || $[93] !== onDoubleClick || $[94] !== onMouseEnter || $[95] !== onMouseLeave || $[96] !== t21 || $[97] !== t22 || $[98] !== t23 || $[99] !== t24) {
+		t25 = /* @__PURE__ */ jsx("div", {
 			ref,
-			...t20,
+			...t21,
 			"aria-disabled": void 0,
 			onMouseEnter,
 			onMouseLeave,
 			className: cellClassName,
-			onClick: t21,
-			onKeyDown: t22,
-			children: t23
+			onClick: t22,
+			onDoubleClick,
+			onKeyDown: t23,
+			children: t24
 		});
-		$[87] = cellClassName;
-		$[88] = onMouseEnter;
-		$[89] = onMouseLeave;
-		$[90] = t20;
-		$[91] = t21;
-		$[92] = t22;
-		$[93] = t23;
-		$[94] = t24;
-	} else t24 = $[94];
-	let t25;
-	if ($[95] !== cellProps || $[96] !== t24) {
-		t25 = /* @__PURE__ */ jsx("td", {
+		$[92] = cellClassName;
+		$[93] = onDoubleClick;
+		$[94] = onMouseEnter;
+		$[95] = onMouseLeave;
+		$[96] = t21;
+		$[97] = t22;
+		$[98] = t23;
+		$[99] = t24;
+		$[100] = t25;
+	} else t25 = $[100];
+	let t26;
+	if ($[101] !== cellProps || $[102] !== t25) {
+		t26 = /* @__PURE__ */ jsx("td", {
 			...cellProps,
-			children: t24
+			children: t25
 		});
-		$[95] = cellProps;
-		$[96] = t24;
-		$[97] = t25;
-	} else t25 = $[97];
-	return t25;
+		$[101] = cellProps;
+		$[102] = t25;
+		$[103] = t26;
+	} else t26 = $[103];
+	return t26;
 };
 //#endregion
 export { CalendarCell };