@povio/ui 3.3.0 → 3.3.1

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

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

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

@@ -1,5 +1,6 @@
 import { Typography } from "../../../text/Typography/Typography.js";
 import { CalendarCell } from "./CalendarCell.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCalendarGrid } from "@react-aria/calendar";
@@ -12,43 +13,157 @@ var WEEK_INDICES = [
 	4,
 	5
 ];
-var CalendarGrid = ({ state, onApply, onDoubleClickApply, shouldApplyOnDateSelection, shouldCloseOnSelect, offset = {}, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, className, calendarSide, ...props }) => {
-	const { gridProps, headerProps, weekDays } = useCalendarGrid({
-		...props,
-		weekdayStyle: "short"
-	}, state);
+var CalendarGrid = (t0) => {
+	const $ = c(38);
+	let calendarSide;
+	let className;
+	let hoverDate;
+	let onApply;
+	let onDateHover;
+	let onDateSelection;
+	let onDoubleClickApply;
+	let onKeyboardNavigation;
+	let props;
+	let rangeSelection;
+	let shouldApplyOnDateSelection;
+	let shouldCloseOnSelect;
+	let state;
+	let t1;
+	if ($[0] !== t0) {
+		({state, onApply, onDoubleClickApply, shouldApplyOnDateSelection, shouldCloseOnSelect, offset: t1, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, className, calendarSide, ...props} = t0);
+		$[0] = t0;
+		$[1] = calendarSide;
+		$[2] = className;
+		$[3] = hoverDate;
+		$[4] = onApply;
+		$[5] = onDateHover;
+		$[6] = onDateSelection;
+		$[7] = onDoubleClickApply;
+		$[8] = onKeyboardNavigation;
+		$[9] = props;
+		$[10] = rangeSelection;
+		$[11] = shouldApplyOnDateSelection;
+		$[12] = shouldCloseOnSelect;
+		$[13] = state;
+		$[14] = t1;
+	} else {
+		calendarSide = $[1];
+		className = $[2];
+		hoverDate = $[3];
+		onApply = $[4];
+		onDateHover = $[5];
+		onDateSelection = $[6];
+		onDoubleClickApply = $[7];
+		onKeyboardNavigation = $[8];
+		props = $[9];
+		rangeSelection = $[10];
+		shouldApplyOnDateSelection = $[11];
+		shouldCloseOnSelect = $[12];
+		state = $[13];
+		t1 = $[14];
+	}
+	const offset = t1 === void 0 ? {} : t1;
+	let t2;
+	if ($[15] !== props) {
+		t2 = {
+			...props,
+			weekdayStyle: "short"
+		};
+		$[15] = props;
+		$[16] = t2;
+	} else t2 = $[16];
+	const { gridProps, headerProps, weekDays } = useCalendarGrid(t2, state);
 	const startDate = state.visibleRange.start.add(offset);
-	const handleDateSelection = (date) => {
-		onDateSelection?.(date, calendarSide);
-	};
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx("h-72 w-full px-3 py-1 md:w-80", className),
-		children: /* @__PURE__ */ jsxs("table", {
+	let t3;
+	if ($[17] !== calendarSide || $[18] !== onDateSelection) {
+		t3 = (date) => {
+			onDateSelection?.(date, calendarSide);
+		};
+		$[17] = calendarSide;
+		$[18] = onDateSelection;
+		$[19] = t3;
+	} else t3 = $[19];
+	const handleDateSelection = t3;
+	let t4;
+	if ($[20] !== className) {
+		t4 = clsx("h-72 w-full px-3 py-1 md:w-80", className);
+		$[20] = className;
+		$[21] = t4;
+	} else t4 = $[21];
+	const t5 = "0";
+	const t6 = "w-full";
+	let t7;
+	if ($[22] !== weekDays) {
+		t7 = weekDays.map(_temp);
+		$[22] = weekDays;
+		$[23] = t7;
+	} else t7 = $[23];
+	let t8;
+	if ($[24] !== t7) {
+		t8 = /* @__PURE__ */ jsx("tr", { children: t7 });
+		$[24] = t7;
+		$[25] = t8;
+	} else t8 = $[25];
+	let t9;
+	if ($[26] !== headerProps || $[27] !== t8) {
+		t9 = /* @__PURE__ */ jsx("thead", {
+			...headerProps,
+			children: t8
+		});
+		$[26] = headerProps;
+		$[27] = t8;
+		$[28] = t9;
+	} else t9 = $[28];
+	const t10 = WEEK_INDICES.map((weekIndex) => /* @__PURE__ */ jsx("tr", { children: state.getDatesInWeek(weekIndex, startDate).map((date_0, i) => date_0 ? /* @__PURE__ */ jsx(CalendarCell, {
+		state,
+		date: date_0,
+		onApply,
+		onDoubleClickApply,
+		shouldApplyOnDateSelection,
+		shouldCloseOnSelect,
+		onDateSelection: handleDateSelection,
+		onDateHover,
+		rangeSelection,
+		hoverDate,
+		onKeyboardNavigation
+	}, i) : /* @__PURE__ */ jsx("td", {}, i)) }, weekIndex));
+	let t11;
+	if ($[29] !== t10) {
+		t11 = /* @__PURE__ */ jsx("tbody", { children: t10 });
+		$[29] = t10;
+		$[30] = t11;
+	} else t11 = $[30];
+	let t12;
+	if ($[31] !== gridProps || $[32] !== t11 || $[33] !== t9) {
+		t12 = /* @__PURE__ */ jsxs("table", {
 			...gridProps,
-			cellPadding: "0",
-			className: "w-full",
-			children: [/* @__PURE__ */ jsx("thead", {
-				...headerProps,
-				children: /* @__PURE__ */ jsx("tr", { children: weekDays.map((day) => /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Typography, {
-					size: "label-2",
-					className: "bg-elevation-fill-default-1 py-2 text-interactive-text-secondary-idle",
-					children: day.substring(0, 2)
-				}) }, day)) })
-			}), /* @__PURE__ */ jsx("tbody", { children: WEEK_INDICES.map((weekIndex) => /* @__PURE__ */ jsx("tr", { children: state.getDatesInWeek(weekIndex, startDate).map((date_0, i) => date_0 ? /* @__PURE__ */ jsx(CalendarCell, {
-				state,
-				date: date_0,
-				onApply,
-				onDoubleClickApply,
-				shouldApplyOnDateSelection,
-				shouldCloseOnSelect,
-				onDateSelection: handleDateSelection,
-				onDateHover,
-				rangeSelection,
-				hoverDate,
-				onKeyboardNavigation
-			}, i) : /* @__PURE__ */ jsx("td", {}, i)) }, weekIndex)) })]
-		})
-	});
+			cellPadding: t5,
+			className: t6,
+			children: [t9, t11]
+		});
+		$[31] = gridProps;
+		$[32] = t11;
+		$[33] = t9;
+		$[34] = t12;
+	} else t12 = $[34];
+	let t13;
+	if ($[35] !== t12 || $[36] !== t4) {
+		t13 = /* @__PURE__ */ jsx("div", {
+			className: t4,
+			children: t12
+		});
+		$[35] = t12;
+		$[36] = t4;
+		$[37] = t13;
+	} else t13 = $[37];
+	return t13;
 };
+function _temp(day) {
+	return /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Typography, {
+		size: "label-2",
+		className: "bg-elevation-fill-default-1 py-2 text-interactive-text-secondary-idle",
+		children: day.substring(0, 2)
+	}) }, day);
+}
 //#endregion
 export { CalendarGrid };