@povio/ui 2.3.2-rc.3 → 2.3.3

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

@@ -1,8 +1,7 @@
 import { Typography } from "../../../text/Typography/Typography.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { useRef } from "react";
+import { useCallback, useMemo, useRef } from "react";
 import { mergeProps } from "@react-aria/utils";
 import { isSameDay } from "@internationalized/date";
 import { useCalendarCell } from "@react-aria/calendar";
@@ -11,166 +10,63 @@ import { useFocusRing } from "@react-aria/focus";
 var isRange = (state) => {
 	return "highlightedRange" in state;
 };
-var CalendarCell = (t0) => {
-	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, onDoubleClickApply, shouldCloseOnSelect: t1, 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;
-	} else {
-		hoverDate = $[1];
-		onApply = $[2];
-		onDateHover = $[3];
-		onDateSelection = $[4];
-		onDoubleClickApply = $[5];
-		onKeyboardNavigation = $[6];
-		props = $[7];
-		rangeSelection = $[8];
-		state = $[9];
-		t1 = $[10];
-	}
-	const shouldCloseOnSelect = t1 === void 0 ? true : t1;
+var CalendarCell = ({ state, onApply, shouldCloseOnSelect = true, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, ...props }) => {
 	const ref = useRef(null);
 	const { cellProps, buttonProps, formattedDate, isSelected, isDisabled, isOutsideVisibleRange } = useCalendarCell(props, state, ref);
 	const { focusProps } = useFocusRing();
-	let t2;
-	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);
-		};
-		$[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;
-	let isInRange = false;
-	let isHoverRange = false;
-	let isSelectingMode = false;
-	if (rangeSelection?.start) {
-		let 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) {
-			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 {
-		let 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 ($[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];
-		isSelectionEnd = t5;
-		let t6;
-		if ($[36] !== isSelected || $[37] !== isSelectionEnd || $[38] !== isSelectionStart || $[39] !== state) {
-			t6 = isSelectionStart || isSelectionEnd || !isRange(state) && isSelected;
-			$[36] = isSelected;
-			$[37] = isSelectionEnd;
-			$[38] = isSelectionStart;
-			$[39] = state;
-			$[40] = t6;
-		} else t6 = $[40];
-		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;
-			const isBeforeEnd_1 = dateValue_1.compare(state.highlightedRange.end) < 0;
-			isHoverRange = isAfterStart_1 && isBeforeEnd_1;
+	const onClick = useCallback((event) => {
+		buttonProps.onClick?.(event);
+		if (onDateSelection) onDateSelection(props.date);
+		if (isSelected && shouldCloseOnSelect) onApply?.();
+	}, [
+		buttonProps,
+		onDateSelection,
+		props.date,
+		isSelected,
+		shouldCloseOnSelect,
+		onApply
+	]);
+	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 = 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 = dateValue.compare(earlierDate) > 0;
+				const isBeforeEnd = dateValue.compare(laterDate) < 0;
+				isHoverRange = isAfterStart && isBeforeEnd;
+			}
+		} 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 = props.date;
+				const isAfterStart = dateValue.compare(state.highlightedRange.start) > 0;
+				const isBeforeEnd = dateValue.compare(state.highlightedRange.end) < 0;
+				isHoverRange = isAfterStart && isBeforeEnd;
+			}
 		}
-	}
-	let t4;
-	if ($[46] !== isHoverRange || $[47] !== isInRange || $[48] !== isSelectedCell || $[49] !== isSelectingMode || $[50] !== isSelectionEnd || $[51] !== isSelectionStart) {
-		t4 = {
+		return {
 			isSelectionStart,
 			isSelectionEnd,
 			isSelectedCell,
@@ -178,154 +74,59 @@ var CalendarCell = (t0) => {
 			isHoverRange,
 			isSelectingMode
 		};
-		$[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_1);
-			if (isSelected && shouldCloseOnSelect) onApply?.(props.date);
-		};
-		$[53] = isOutsideVisibleRange;
-		$[54] = isSelected;
-		$[55] = onApply;
-		$[56] = props.date;
-		$[57] = shouldCloseOnSelect;
-		$[58] = state;
-		$[59] = t5;
-	} else t5 = $[59];
-	const handleEvent = t5;
-	let t6;
-	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);
-		};
-		$[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 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 ($[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 ($[80] !== buttonProps || $[81] !== focusProps) {
-		t21 = mergeProps(buttonProps, focusProps);
-		$[80] = buttonProps;
-		$[81] = focusProps;
-		$[82] = t21;
-	} else t21 = $[82];
-	let t22;
-	if ($[83] !== handleEvent || $[84] !== onClick) {
-		t22 = (e) => handleEvent(e, onClick);
-		$[83] = handleEvent;
-		$[84] = onClick;
-		$[85] = t22;
-	} else t22 = $[85];
-	let t23;
-	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
-		});
-		$[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", {
+	}, [
+		props.date,
+		rangeSelection,
+		state,
+		isSelected,
+		hoverDate
+	]);
+	const handleEvent = (event, eventHandler) => {
+		if (isOutsideVisibleRange) {
+			state.selectDate(props.date);
+			state.setFocusedDate(props.date);
+		}
+		eventHandler?.(event);
+		if (isSelected && shouldCloseOnSelect) onApply?.();
+	};
+	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, isInRange, isHoverRange, isSelectingMode, isSelectionStart, isSelectionEnd } = 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 && !isOutsideVisibleRange && "bg-elevation-fill-default-1 text-interactive-text-secondary-idle", !isSelectedCell && isOutsideVisibleRange && "bg-elevation-fill-default-1 text-interactive-text-secondary-disabled", isSelectedCell && !isOutsideVisibleRange && "bg-interactive-contained-primary-idle text-interactive-contained-primary-on-idle", isSelectedCell && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionStart && !isSelectionEnd && "rounded-r-none", isSelectedCell && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionEnd && !isSelectionStart && "rounded-l-none", isDisabled && !isOutsideVisibleRange && "cursor-default", isDisabled && "opacity-20", !isSelectedCell && !isInRange && !isHoverRange && !isSelectingMode && !isDisabled && !isOutsideVisibleRange && "[@media(pointer:fine)]:hover:border-elevation-outline-default-1 [@media(pointer:fine)]:hover:text-interactive-text-secondary-hover", isInRange && !isOutsideVisibleRange && "!rounded-none !bg-elevation-fill-default-2 text-interactive-text-secondary-hover", isHoverRange && !isOutsideVisibleRange && "!rounded-none !bg-elevation-fill-default-2 text-interactive-text-secondary-hover", !isInRange && !isSelectedCell && isSelectingMode && "hover:bg-interactive-contained-primary-idle hover:text-interactive-text-primary-idle-inverted", isSelectingMode && !isSelectedCell && !isInRange && !isHoverRange && !isDisabled && !isOutsideVisibleRange && "transition-all duration-75 hover:border-elevation-outline-default-1");
+	}, [
+		selectionState,
+		isOutsideVisibleRange,
+		rangeSelection,
+		isDisabled
+	]);
+	return /* @__PURE__ */ jsx("td", {
+		...cellProps,
+		children: /* @__PURE__ */ jsx("div", {
 			ref,
-			...t21,
+			...mergeProps(buttonProps, focusProps),
 			"aria-disabled": void 0,
 			onMouseEnter,
 			onMouseLeave,
 			className: cellClassName,
-			onClick: t22,
-			onDoubleClick,
-			onKeyDown: t23,
-			children: t24
-		});
-		$[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: t25
-		});
-		$[101] = cellProps;
-		$[102] = t25;
-		$[103] = t26;
-	} else t26 = $[103];
-	return t26;
+			onClick: (e) => handleEvent(e, onClick),
+			onKeyDown: (e) => handleEvent(e, () => onKeyboardNavigation?.(e, props.date)),
+			children: /* @__PURE__ */ jsx(Typography, {
+				as: "span",
+				size: "label-2",
+				className: "block w-6 overflow-hidden text-ellipsis text-center",
+				children: formattedDate
+			})
+		})
+	});
 };
 //#endregion
 export { CalendarCell };

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

@@ -4,8 +4,7 @@ import { KeyboardEvent } from 'react';
 import { DateValue } from 'react-aria';
 interface CalendarGridProps extends AriaCalendarGridProps {
     state: CalendarState | RangeCalendarState;
-    onApply?: (selectedDate?: DateValue) => void;
-    onDoubleClickApply?: (selectedDate?: DateValue) => void;
+    onApply?: () => void;
     offset?: {
         months?: number;
     };
@@ -22,5 +21,5 @@ interface CalendarGridProps extends AriaCalendarGridProps {
     onKeyboardNavigation?: (event: KeyboardEvent, date: DateValue) => boolean;
     calendarSide?: "left" | "right";
 }
-export declare const CalendarGrid: ({ state, onApply, onDoubleClickApply, shouldCloseOnSelect, offset, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, className, calendarSide, ...props }: CalendarGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CalendarGrid: ({ state, onApply, shouldCloseOnSelect, offset, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, className, calendarSide, ...props }: CalendarGridProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,5 @@
 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";
@@ -13,153 +12,41 @@ var WEEK_INDICES = [
 	4,
 	5
 ];
-var CalendarGrid = (t0) => {
-	const $ = c(37);
-	let calendarSide;
-	let className;
-	let hoverDate;
-	let onApply;
-	let onDateHover;
-	let onDateSelection;
-	let onDoubleClickApply;
-	let onKeyboardNavigation;
-	let props;
-	let rangeSelection;
-	let shouldCloseOnSelect;
-	let state;
-	let t1;
-	if ($[0] !== t0) {
-		({state, onApply, onDoubleClickApply, 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] = shouldCloseOnSelect;
-		$[12] = state;
-		$[13] = t1;
-	} else {
-		calendarSide = $[1];
-		className = $[2];
-		hoverDate = $[3];
-		onApply = $[4];
-		onDateHover = $[5];
-		onDateSelection = $[6];
-		onDoubleClickApply = $[7];
-		onKeyboardNavigation = $[8];
-		props = $[9];
-		rangeSelection = $[10];
-		shouldCloseOnSelect = $[11];
-		state = $[12];
-		t1 = $[13];
-	}
-	const offset = t1 === void 0 ? {} : t1;
-	let t2;
-	if ($[14] !== props) {
-		t2 = {
-			...props,
-			weekdayStyle: "short"
-		};
-		$[14] = props;
-		$[15] = t2;
-	} else t2 = $[15];
-	const { gridProps, headerProps, weekDays } = useCalendarGrid(t2, state);
+var CalendarGrid = ({ state, onApply, shouldCloseOnSelect, offset = {}, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, className, calendarSide, ...props }) => {
+	const { gridProps, headerProps, weekDays } = useCalendarGrid({
+		...props,
+		weekdayStyle: "short"
+	}, state);
 	const startDate = state.visibleRange.start.add(offset);
-	let t3;
-	if ($[16] !== calendarSide || $[17] !== onDateSelection) {
-		t3 = (date) => {
-			onDateSelection?.(date, calendarSide);
-		};
-		$[16] = calendarSide;
-		$[17] = onDateSelection;
-		$[18] = t3;
-	} else t3 = $[18];
-	const handleDateSelection = t3;
-	let t4;
-	if ($[19] !== className) {
-		t4 = clsx("h-72 w-full px-3 py-1 md:w-80", className);
-		$[19] = className;
-		$[20] = t4;
-	} else t4 = $[20];
-	const t5 = "0";
-	const t6 = "w-full";
-	let t7;
-	if ($[21] !== weekDays) {
-		t7 = weekDays.map(_temp);
-		$[21] = weekDays;
-		$[22] = t7;
-	} else t7 = $[22];
-	let t8;
-	if ($[23] !== t7) {
-		t8 = /* @__PURE__ */ jsx("tr", { children: t7 });
-		$[23] = t7;
-		$[24] = t8;
-	} else t8 = $[24];
-	let t9;
-	if ($[25] !== headerProps || $[26] !== t8) {
-		t9 = /* @__PURE__ */ jsx("thead", {
-			...headerProps,
-			children: t8
-		});
-		$[25] = headerProps;
-		$[26] = t8;
-		$[27] = t9;
-	} else t9 = $[27];
-	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,
-		shouldCloseOnSelect,
-		onDateSelection: handleDateSelection,
-		onDateHover,
-		rangeSelection,
-		hoverDate,
-		onKeyboardNavigation
-	}, i) : /* @__PURE__ */ jsx("td", {}, i)) }, weekIndex));
-	let t11;
-	if ($[28] !== t10) {
-		t11 = /* @__PURE__ */ jsx("tbody", { children: t10 });
-		$[28] = t10;
-		$[29] = t11;
-	} else t11 = $[29];
-	let t12;
-	if ($[30] !== gridProps || $[31] !== t11 || $[32] !== t9) {
-		t12 = /* @__PURE__ */ jsxs("table", {
+	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", {
 			...gridProps,
-			cellPadding: t5,
-			className: t6,
-			children: [t9, t11]
-		});
-		$[30] = gridProps;
-		$[31] = t11;
-		$[32] = t9;
-		$[33] = t12;
-	} else t12 = $[33];
-	let t13;
-	if ($[34] !== t12 || $[35] !== t4) {
-		t13 = /* @__PURE__ */ jsx("div", {
-			className: t4,
-			children: t12
-		});
-		$[34] = t12;
-		$[35] = t4;
-		$[36] = t13;
-	} else t13 = $[36];
-	return t13;
+			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, i) => date ? /* @__PURE__ */ jsx(CalendarCell, {
+				state,
+				date,
+				onApply,
+				shouldCloseOnSelect,
+				onDateSelection: handleDateSelection,
+				onDateHover,
+				rangeSelection,
+				hoverDate,
+				onKeyboardNavigation
+			}, i) : /* @__PURE__ */ jsx("td", {}, i)) }, weekIndex)) })]
+		})
+	});
 };
-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 };