@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

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

@@ -1,124 +0,0 @@
-import { clsx } from "clsx";
-import { useRef } from "react";
-import { c } from "react/compiler-runtime";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useDateSegment } from "react-aria";
-//#region src/components/inputs/DateTime/shared/DateSegmentItem.tsx
-var getPlaceholder = (segment) => {
-	if (!segment.isPlaceholder) return null;
-	switch (segment.type) {
-		case "hour": return "hh";
-		case "minute": return "mm";
-		case "second": return "ss";
-		default: return segment.placeholder;
-	}
-};
-var DateSegmentItem = (t0) => {
-	const $ = c(13);
-	const { segment, state, segmentGroup, isDisabled, timePickerOnly, hidePlaceholder } = t0;
-	const ref = useRef(null);
-	const { segmentProps } = useDateSegment(segment, state, ref);
-	const t1 = segment.type;
-	const t2 = segment.text;
-	let t3;
-	if ($[0] !== segment) {
-		t3 = getPlaceholder(segment);
-		$[0] = segment;
-		$[1] = t3;
-	} else t3 = $[1];
-	const t4 = !state.value;
-	let t5;
-	if ($[2] !== hidePlaceholder || $[3] !== isDisabled || $[4] !== segment.isPlaceholder || $[5] !== segment.text || $[6] !== segment.type || $[7] !== segmentGroup || $[8] !== segmentProps || $[9] !== t3 || $[10] !== t4 || $[11] !== timePickerOnly) {
-		t5 = /* @__PURE__ */ jsx(DateSegmentItemView, {
-			ref,
-			segmentProps,
-			type: t1,
-			text: t2,
-			placeholder: t3,
-			isPlaceholder: segment.isPlaceholder,
-			segmentGroup,
-			isInputEmpty: t4,
-			isDisabled,
-			timePickerOnly,
-			hidePlaceholder
-		});
-		$[2] = hidePlaceholder;
-		$[3] = isDisabled;
-		$[4] = segment.isPlaceholder;
-		$[5] = segment.text;
-		$[6] = segment.type;
-		$[7] = segmentGroup;
-		$[8] = segmentProps;
-		$[9] = t3;
-		$[10] = t4;
-		$[11] = timePickerOnly;
-		$[12] = t5;
-	} else t5 = $[12];
-	return t5;
-};
-var DateSegmentItemView = (t0) => {
-	const $ = c(21);
-	const { ref, segmentProps, role, type, text, placeholder, isPlaceholder, segmentGroup, isInputEmpty, isDisabled, timePickerOnly, hidePlaceholder } = t0;
-	const t1 = role ?? segmentProps?.role;
-	const t2 = type === "literal" ? void 0 : type;
-	const t3 = type === "literal" ? void 0 : segmentGroup;
-	const t4 = isDisabled && isInputEmpty && "text-interactive-text-secondary-disabled";
-	const t5 = isDisabled && !isInputEmpty && "text-text-default-3";
-	const t6 = !isDisabled && isInputEmpty && "text-text-default-3 group-focus-within:text-text-default-1";
-	const t7 = !isDisabled && !isInputEmpty && "text-text-default-1";
-	const t8 = type && (type === "hour" && !timePickerOnly || type === "dayPeriod") && "ml-1";
-	const t9 = hidePlaceholder && "opacity-0";
-	let t10;
-	if ($[0] !== t4 || $[1] !== t5 || $[2] !== t6 || $[3] !== t7 || $[4] !== t8 || $[5] !== t9) {
-		t10 = clsx("box-content rounded-input-rounding-default", t4, t5, t6, t7, "focus-within:outline-1 focus-within:outline-interactive-contained-primary-idle focus-within:outline-offset-1", t8, t9);
-		$[0] = t4;
-		$[1] = t5;
-		$[2] = t6;
-		$[3] = t7;
-		$[4] = t8;
-		$[5] = t9;
-		$[6] = t10;
-	} else t10 = $[6];
-	let t11;
-	if ($[7] !== isPlaceholder || $[8] !== placeholder) {
-		t11 = isPlaceholder && /* @__PURE__ */ jsx("span", {
-			"aria-hidden": "true",
-			className: "pointer-events-none",
-			children: placeholder
-		});
-		$[7] = isPlaceholder;
-		$[8] = placeholder;
-		$[9] = t11;
-	} else t11 = $[9];
-	const t12 = isPlaceholder ? "" : text;
-	let t13;
-	if ($[10] !== t11 || $[11] !== t12) {
-		t13 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t11, t12] });
-		$[10] = t11;
-		$[11] = t12;
-		$[12] = t13;
-	} else t13 = $[12];
-	let t14;
-	if ($[13] !== ref || $[14] !== segmentProps || $[15] !== t1 || $[16] !== t10 || $[17] !== t13 || $[18] !== t2 || $[19] !== t3) {
-		t14 = /* @__PURE__ */ jsx("div", {
-			...segmentProps,
-			role: t1,
-			ref,
-			"data-static-segment-type": t2,
-			"data-static-segment-group": t3,
-			className: t10,
-			children: t13
-		});
-		$[13] = ref;
-		$[14] = segmentProps;
-		$[15] = t1;
-		$[16] = t10;
-		$[17] = t13;
-		$[18] = t2;
-		$[19] = t3;
-		$[20] = t14;
-	} else t14 = $[20];
-	return t14;
-};
-//#endregion
-export { DateSegmentItem, DateSegmentItemView, getPlaceholder };

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

@@ -1,18 +0,0 @@
-import { ReactNode, RefObject } from 'react';
-import { AriaDialogProps } from 'react-aria';
-import { BottomSheetProps } from '../../../overlays/BottomSheet/BottomSheet';
-type DateTimeDialogBottomSheetProps = Partial<Omit<BottomSheetProps, "children" | "isOpen" | "onOpenChange" | "label" | "footer">>;
-interface DateTimeDialogProps {
-    children: ReactNode;
-    footer: ReactNode;
-    sidebar?: ReactNode;
-    hideSidebar?: boolean;
-    label: string;
-    isOpen: boolean;
-    triggerRef?: RefObject<HTMLElement | null>;
-    dialogProps?: AriaDialogProps;
-    bottomSheetProps?: DateTimeDialogBottomSheetProps;
-    onOpenChange: (open: boolean) => void;
-}
-export declare const DateTimeDialog: ({ hideSidebar, children, footer, sidebar, label, isOpen, triggerRef, dialogProps, bottomSheetProps, onOpenChange, }: DateTimeDialogProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

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

@@ -1,101 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { BottomSheet } from "../../../overlays/BottomSheet/BottomSheet.js";
-import { useBreakpoint } from "../../../../hooks/useBreakpoint.js";
-import { popoverDefinition } from "../../../shared/popover.cva.js";
-import clsx$1 from "clsx";
-import { Dialog, Popover } from "react-aria-components";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/inputs/DateTime/shared/DateTimeDialog.tsx
-var DateTimeDialog = (t0) => {
-	const $ = c(26);
-	const { hideSidebar, children, footer, sidebar, label, isOpen, triggerRef, dialogProps, bottomSheetProps, onOpenChange } = t0;
-	const popoverCva = UIOverrides.useCva("popover.cva", popoverDefinition);
-	if (useBreakpoint("md")) {
-		if (!isOpen) return null;
-		let t1;
-		if ($[0] !== popoverCva) {
-			t1 = clsx$1(popoverCva({}), "flex overflow-hidden");
-			$[0] = popoverCva;
-			$[1] = t1;
-		} else t1 = $[1];
-		const t2 = !hideSidebar && sidebar;
-		let t3;
-		if ($[2] !== children || $[3] !== footer) {
-			t3 = /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-1 flex-col justify-between",
-				children: [children, footer]
-			});
-			$[2] = children;
-			$[3] = footer;
-			$[4] = t3;
-		} else t3 = $[4];
-		let t4;
-		if ($[5] !== t1 || $[6] !== t2 || $[7] !== t3) {
-			t4 = /* @__PURE__ */ jsxs("div", {
-				className: t1,
-				children: [t2, t3]
-			});
-			$[5] = t1;
-			$[6] = t2;
-			$[7] = t3;
-			$[8] = t4;
-		} else t4 = $[8];
-		let t5;
-		if ($[9] !== dialogProps || $[10] !== label || $[11] !== t4) {
-			t5 = /* @__PURE__ */ jsx(Dialog, {
-				...dialogProps,
-				className: "outline-none!",
-				"aria-label": label,
-				children: t4
-			});
-			$[9] = dialogProps;
-			$[10] = label;
-			$[11] = t4;
-			$[12] = t5;
-		} else t5 = $[12];
-		let t6;
-		if ($[13] !== isOpen || $[14] !== onOpenChange || $[15] !== t5 || $[16] !== triggerRef) {
-			t6 = /* @__PURE__ */ jsx(Popover, {
-				triggerRef,
-				isOpen,
-				placement: "bottom start",
-				onOpenChange,
-				children: t5
-			});
-			$[13] = isOpen;
-			$[14] = onOpenChange;
-			$[15] = t5;
-			$[16] = triggerRef;
-			$[17] = t6;
-		} else t6 = $[17];
-		return t6;
-	}
-	const t1 = !hideSidebar && sidebar;
-	let t2;
-	if ($[18] !== bottomSheetProps || $[19] !== children || $[20] !== footer || $[21] !== isOpen || $[22] !== label || $[23] !== onOpenChange || $[24] !== t1) {
-		t2 = /* @__PURE__ */ jsxs(BottomSheet, {
-			sheetMarginBottom: 0,
-			isScrollable: true,
-			height: "auto",
-			isDismissable: true,
-			...bottomSheetProps,
-			label,
-			footer,
-			isOpen,
-			onOpenChange,
-			children: [children, t1]
-		});
-		$[18] = bottomSheetProps;
-		$[19] = children;
-		$[20] = footer;
-		$[21] = isOpen;
-		$[22] = label;
-		$[23] = onOpenChange;
-		$[24] = t1;
-		$[25] = t2;
-	} else t2 = $[25];
-	return t2;
-};
-//#endregion
-export { DateTimeDialog };

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

@@ -1,8 +0,0 @@
-interface DatePickerFooterProps {
-    isValid?: boolean;
-    isDisabled?: boolean;
-    onTodayPress?: () => void;
-    onApply: () => void;
-}
-export declare const DateTimeDialogFooter: ({ isValid, isDisabled, onTodayPress, onApply, }: DatePickerFooterProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,27 +0,0 @@
-import "../../../../config/i18n.js";
-import { TextButton } from "../../../buttons/TextButton/TextButton.js";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-//#region src/components/inputs/DateTime/shared/DateTimeDialogFooter.tsx
-var DateTimeDialogFooter = ({ isValid = true, isDisabled = false, onTodayPress, onApply }) => {
-	const { t } = useTranslation("ui");
-	return /* @__PURE__ */ jsxs("footer", {
-		className: clsx("flex shrink-0 items-center gap-2 bg-elevation-fill-default-2 px-4 py-3 md:border-elevation-outline-default-1 md:border-t md:bg-elevation-fill-default-1 md:py-1-5", onTodayPress ? "justify-between" : "justify-end"),
-		children: [onTodayPress && /* @__PURE__ */ jsx(TextButton, {
-			type: "button",
-			color: "primary",
-			isDisabled,
-			onPress: onTodayPress,
-			children: t(($) => $.ui.datePicker.today)
-		}), /* @__PURE__ */ jsx(TextButton, {
-			type: "button",
-			color: "secondary",
-			onPress: onApply,
-			isDisabled: !isValid,
-			children: t(($_0) => $_0.ui.datePicker.save)
-		})]
-	});
-};
-//#endregion
-export { DateTimeDialogFooter };

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

@@ -1,11 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { CalendarState, RangeCalendarState } from '@react-stately/calendar';
-import { Key } from 'react-aria-components';
-export interface MonthPickerProps {
-    state: CalendarState | RangeCalendarState;
-    onSelectionChange: (key: Set<Key>) => void;
-    onDateChange?: (selectedDate: CalendarDate) => void;
-    onCommit?: () => void;
-    selectedDate?: CalendarDate | null;
-}
-export declare const MonthPicker: ({ state, onSelectionChange, onDateChange, onCommit, selectedDate }: MonthPickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,135 +0,0 @@
-import { Typography } from "../../../text/Typography/Typography.js";
-import { clsx } from "clsx";
-import { useRef } from "react";
-import { ListBox, ListBoxItem } from "react-aria-components";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-import { useDateFormatter } from "@react-aria/i18n";
-//#region src/components/inputs/DateTime/shared/MonthPicker.tsx
-var MonthPicker = (t0) => {
-	const $ = c(15);
-	const { state, onSelectionChange, onDateChange, onCommit, selectedDate } = t0;
-	let t1;
-	if ($[0] !== state.timeZone) {
-		t1 = {
-			month: "long",
-			timeZone: state.timeZone
-		};
-		$[0] = state.timeZone;
-		$[1] = t1;
-	} else t1 = $[1];
-	const formatter = useDateFormatter(t1);
-	const numMonths = state.focusedDate.calendar.getMonthsInYear(state.focusedDate);
-	const getMonths = () => {
-		const months = [];
-		for (let i = 1; i <= numMonths; i++) {
-			const date = state.focusedDate.set({ month: i });
-			months.push(formatter.format(date.toDate(state.timeZone)));
-		}
-		return months;
-	};
-	const isMonthDisabled = (month) => {
-		if (state.minValue && state.focusedDate.set({ month }) < state.minValue) return true;
-		if (state.maxValue && state.focusedDate.set({ month }) > state.maxValue) return true;
-		return false;
-	};
-	let t2;
-	if ($[2] !== selectedDate) {
-		const getSelectedMonth = () => {
-			if (!selectedDate) return null;
-			return selectedDate.month;
-		};
-		t2 = getSelectedMonth();
-		$[2] = selectedDate;
-		$[3] = t2;
-	} else t2 = $[3];
-	const selectedMonth = t2;
-	const lastPressedMonthRef = useRef(null);
-	let listBoxSelectionProps;
-	if ($[4] !== selectedMonth) {
-		listBoxSelectionProps = {};
-		if (selectedMonth !== null) listBoxSelectionProps.selectedKeys = [selectedMonth];
-		$[4] = selectedMonth;
-		$[5] = listBoxSelectionProps;
-	} else listBoxSelectionProps = $[5];
-	const parseMonthFromKey = _temp;
-	const T0 = ListBox;
-	const t3 = true;
-	const t4 = "Month";
-	const t5 = "single";
-	const t6 = "grid";
-	let t7;
-	if ($[6] !== onDateChange || $[7] !== onSelectionChange || $[8] !== state) {
-		t7 = (key_0) => {
-			if (key_0 === "all") return;
-			const selectedKey = [...key_0][0];
-			const selectedMonthValue = parseMonthFromKey(selectedKey);
-			if (selectedMonthValue !== null) {
-				const nextSelectedDate = state.focusedDate.set({ month: selectedMonthValue });
-				state.setFocusedDate(nextSelectedDate);
-				onDateChange?.(nextSelectedDate);
-			}
-			onSelectionChange(key_0);
-		};
-		$[6] = onDateChange;
-		$[7] = onSelectionChange;
-		$[8] = state;
-		$[9] = t7;
-	} else t7 = $[9];
-	const t8 = "grid size-full min-h-72 grid-cols-3 grid-rows-4 gap-2 p-3 md:w-80";
-	const t9 = getMonths().map((month_0, index) => {
-		const monthNumber = index + 1;
-		const isDisabled = isMonthDisabled(monthNumber);
-		return /* @__PURE__ */ jsx(ListBoxItem, {
-			id: monthNumber,
-			textValue: month_0,
-			isDisabled,
-			onPress: () => {
-				const isSecondConsecutivePress = lastPressedMonthRef.current === monthNumber;
-				lastPressedMonthRef.current = monthNumber;
-				const nextSelectedDate_0 = state.focusedDate.set({ month: monthNumber });
-				state.setFocusedDate(nextSelectedDate_0);
-				onDateChange?.(nextSelectedDate_0);
-				if (!isSecondConsecutivePress) return;
-				if (selectedMonth === null) return;
-				if (monthNumber !== selectedMonth) return;
-				onCommit?.();
-			},
-			className: clsx("flex items-center justify-center text-interactive-text-secondary-idle", "rounded-button-rounding-m border border-elevation-outline-default-1 border-solid bg-elevation-fill-default-1", "hover:text-interactive-text-secondary-hover", "selected:border-interactive-contained-primary-idle selected:bg-interactive-contained-primary-idle selected:text-interactive-text-secondary-idle-inverted", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-contained-primary-focus focus-visible:outline-offset-1", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
-			children: /* @__PURE__ */ jsx(Typography, {
-				as: "span",
-				size: "label-2",
-				children: month_0
-			})
-		}, monthNumber);
-	});
-	let t10;
-	if ($[10] !== T0 || $[11] !== listBoxSelectionProps || $[12] !== t7 || $[13] !== t9) {
-		t10 = /* @__PURE__ */ jsx(T0, {
-			autoFocus: t3,
-			"aria-label": t4,
-			selectionMode: t5,
-			layout: t6,
-			...listBoxSelectionProps,
-			onSelectionChange: t7,
-			className: t8,
-			children: t9
-		});
-		$[10] = T0;
-		$[11] = listBoxSelectionProps;
-		$[12] = t7;
-		$[13] = t9;
-		$[14] = t10;
-	} else t10 = $[14];
-	return t10;
-};
-function _temp(key) {
-	if (typeof key === "number") return key;
-	if (typeof key === "string") {
-		const parsedMonth = Number.parseInt(key, 10);
-		if (!Number.isNaN(parsedMonth)) return parsedMonth;
-	}
-	return null;
-}
-//#endregion
-export { MonthPicker };

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

@@ -1,26 +0,0 @@
-import { RangeCalendarState, RangeCalendarStateOptions } from '@react-stately/calendar';
-import { KeyboardEvent } from 'react';
-import { DateValue } from 'react-aria';
-interface DateRange {
-    start: DateValue;
-    end: DateValue;
-}
-interface CalendarProps {
-    className?: string;
-    leftCalendarState: RangeCalendarState;
-    rightCalendarState: RangeCalendarState;
-    calendarProps: Omit<RangeCalendarStateOptions, "locale" | "createCalendar">;
-    onApply: () => void;
-    onRangeChange?: (value: DateRange | null) => void;
-    onDateSelection?: (date: DateValue, calendarSide?: "left" | "right") => void;
-    onDateHover?: (date: DateValue | null) => void;
-    rangeSelection?: {
-        start: DateValue | null;
-        end: DateValue | null;
-        isSelecting: boolean;
-    };
-    hoverDate?: DateValue | null;
-    onKeyboardNavigation?: (event: KeyboardEvent, date: DateValue, calendarSide: "left" | "right") => boolean;
-}
-export declare const RangeCalendar: ({ className, leftCalendarState, rightCalendarState, calendarProps, onApply, onRangeChange: _onRangeChange, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,209 +0,0 @@
-import { CalendarGrid } from "./CalendarGrid.js";
-import { CalendarSelectHeader } from "./CalendarSelectHeader.js";
-import { clsx } from "clsx";
-import { useRef } from "react";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRangeCalendar } from "@react-aria/calendar";
-//#region src/components/inputs/DateTime/shared/RangeCalendar.tsx
-var RangeCalendar = (t0) => {
-	const $ = c(56);
-	const { className, leftCalendarState, rightCalendarState, calendarProps, onApply, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation } = t0;
-	const leftRef = useRef(null);
-	const rightRef = useRef(null);
-	const { calendarProps: leftCalendarAriaProps } = useRangeCalendar(calendarProps, leftCalendarState, leftRef);
-	const { calendarProps: rightCalendarAriaProps } = useRangeCalendar(calendarProps, rightCalendarState, rightRef);
-	const leftDate = leftCalendarState.visibleRange.start;
-	const rightDate = rightCalendarState.visibleRange.start;
-	let t1;
-	if ($[0] !== onKeyboardNavigation) {
-		t1 = (event, date) => onKeyboardNavigation?.(event, date, "left") ?? false;
-		$[0] = onKeyboardNavigation;
-		$[1] = t1;
-	} else t1 = $[1];
-	const handleLeftKeyboardNavigation = t1;
-	let t2;
-	if ($[2] !== onKeyboardNavigation) {
-		t2 = (event_0, date_0) => onKeyboardNavigation?.(event_0, date_0, "right") ?? false;
-		$[2] = onKeyboardNavigation;
-		$[3] = t2;
-	} else t2 = $[3];
-	const handleRightKeyboardNavigation = t2;
-	let t3;
-	if ($[4] !== leftCalendarState || $[5] !== rightCalendarState.visibleRange.start) {
-		t3 = (newDate) => {
-			const rightCurrentDate = rightCalendarState.visibleRange.start;
-			if (newDate.year < rightCurrentDate.year || newDate.year === rightCurrentDate.year && newDate.month < rightCurrentDate.month) leftCalendarState.setFocusedDate(newDate);
-			else {
-				const closestValidDate = rightCurrentDate.subtract({ months: 1 });
-				leftCalendarState.setFocusedDate(closestValidDate);
-			}
-		};
-		$[4] = leftCalendarState;
-		$[5] = rightCalendarState.visibleRange.start;
-		$[6] = t3;
-	} else t3 = $[6];
-	const handleLeftNavigate = t3;
-	let t4;
-	if ($[7] !== leftCalendarState.visibleRange.start || $[8] !== rightCalendarState) {
-		t4 = (newDate_0) => {
-			const leftCurrentDate = leftCalendarState.visibleRange.start;
-			if (newDate_0.year > leftCurrentDate.year || newDate_0.year === leftCurrentDate.year && newDate_0.month > leftCurrentDate.month) rightCalendarState.setFocusedDate(newDate_0);
-			else {
-				const closestValidDate_0 = leftCurrentDate.add({ months: 1 });
-				rightCalendarState.setFocusedDate(closestValidDate_0);
-			}
-		};
-		$[7] = leftCalendarState.visibleRange.start;
-		$[8] = rightCalendarState;
-		$[9] = t4;
-	} else t4 = $[9];
-	const handleRightNavigate = t4;
-	let t5;
-	if ($[10] !== leftDate) {
-		t5 = leftDate.add({ months: 1 });
-		$[10] = leftDate;
-		$[11] = t5;
-	} else t5 = $[11];
-	const leftNextDate = t5;
-	const isNextDisabled = leftNextDate.year > rightDate.year || leftNextDate.year === rightDate.year && leftNextDate.month === rightDate.month;
-	let t6;
-	if ($[12] !== rightDate) {
-		t6 = rightDate.subtract({ months: 1 });
-		$[12] = rightDate;
-		$[13] = t6;
-	} else t6 = $[13];
-	const rightPrevDate = t6;
-	const isPrevDisabled = rightPrevDate.year < leftDate.year || rightPrevDate.year === leftDate.year && rightPrevDate.month === leftDate.month;
-	let t7;
-	if ($[14] !== className) {
-		t7 = clsx("flex w-fit flex-col items-center bg-elevation-fill-default-1", className);
-		$[14] = className;
-		$[15] = t7;
-	} else t7 = $[15];
-	let t8;
-	if ($[16] !== handleLeftNavigate || $[17] !== isNextDisabled || $[18] !== leftCalendarState || $[19] !== rightDate) {
-		t8 = /* @__PURE__ */ jsx(CalendarSelectHeader, {
-			state: leftCalendarState,
-			isNextMonthDisabled: isNextDisabled,
-			isNextYearDisabled: isNextDisabled,
-			onNavigate: handleLeftNavigate,
-			maxDate: rightDate
-		});
-		$[16] = handleLeftNavigate;
-		$[17] = isNextDisabled;
-		$[18] = leftCalendarState;
-		$[19] = rightDate;
-		$[20] = t8;
-	} else t8 = $[20];
-	let t9;
-	if ($[21] !== handleLeftKeyboardNavigation || $[22] !== hoverDate || $[23] !== leftCalendarState || $[24] !== onApply || $[25] !== onDateHover || $[26] !== onDateSelection || $[27] !== rangeSelection) {
-		t9 = /* @__PURE__ */ jsx(CalendarGrid, {
-			state: leftCalendarState,
-			onApply,
-			shouldCloseOnSelect: false,
-			onDateSelection,
-			rangeSelection,
-			onDateHover,
-			hoverDate,
-			onKeyboardNavigation: handleLeftKeyboardNavigation,
-			className: "h-64 w-[304px]!",
-			calendarSide: "left"
-		});
-		$[21] = handleLeftKeyboardNavigation;
-		$[22] = hoverDate;
-		$[23] = leftCalendarState;
-		$[24] = onApply;
-		$[25] = onDateHover;
-		$[26] = onDateSelection;
-		$[27] = rangeSelection;
-		$[28] = t9;
-	} else t9 = $[28];
-	let t10;
-	if ($[29] !== leftCalendarAriaProps || $[30] !== t8 || $[31] !== t9) {
-		t10 = /* @__PURE__ */ jsxs("div", {
-			...leftCalendarAriaProps,
-			ref: leftRef,
-			className: "flex flex-col items-center",
-			children: [t8, t9]
-		});
-		$[29] = leftCalendarAriaProps;
-		$[30] = t8;
-		$[31] = t9;
-		$[32] = t10;
-	} else t10 = $[32];
-	let t11;
-	if ($[33] !== handleRightNavigate || $[34] !== isPrevDisabled || $[35] !== leftDate || $[36] !== rightCalendarState) {
-		t11 = /* @__PURE__ */ jsx(CalendarSelectHeader, {
-			state: rightCalendarState,
-			isPrevMonthDisabled: isPrevDisabled,
-			isPrevYearDisabled: isPrevDisabled,
-			onNavigate: handleRightNavigate,
-			minDate: leftDate
-		});
-		$[33] = handleRightNavigate;
-		$[34] = isPrevDisabled;
-		$[35] = leftDate;
-		$[36] = rightCalendarState;
-		$[37] = t11;
-	} else t11 = $[37];
-	let t12;
-	if ($[38] !== handleRightKeyboardNavigation || $[39] !== hoverDate || $[40] !== onApply || $[41] !== onDateHover || $[42] !== onDateSelection || $[43] !== rangeSelection || $[44] !== rightCalendarState) {
-		t12 = /* @__PURE__ */ jsx(CalendarGrid, {
-			state: rightCalendarState,
-			onApply,
-			shouldCloseOnSelect: false,
-			onDateSelection,
-			rangeSelection,
-			onDateHover,
-			hoverDate,
-			onKeyboardNavigation: handleRightKeyboardNavigation,
-			className: "h-64 w-[304px]!",
-			calendarSide: "right"
-		});
-		$[38] = handleRightKeyboardNavigation;
-		$[39] = hoverDate;
-		$[40] = onApply;
-		$[41] = onDateHover;
-		$[42] = onDateSelection;
-		$[43] = rangeSelection;
-		$[44] = rightCalendarState;
-		$[45] = t12;
-	} else t12 = $[45];
-	let t13;
-	if ($[46] !== rightCalendarAriaProps || $[47] !== t11 || $[48] !== t12) {
-		t13 = /* @__PURE__ */ jsxs("div", {
-			...rightCalendarAriaProps,
-			ref: rightRef,
-			className: "hidden flex-col items-center md:flex",
-			children: [t11, t12]
-		});
-		$[46] = rightCalendarAriaProps;
-		$[47] = t11;
-		$[48] = t12;
-		$[49] = t13;
-	} else t13 = $[49];
-	let t14;
-	if ($[50] !== t10 || $[51] !== t13) {
-		t14 = /* @__PURE__ */ jsxs("div", {
-			className: "flex",
-			children: [t10, t13]
-		});
-		$[50] = t10;
-		$[51] = t13;
-		$[52] = t14;
-	} else t14 = $[52];
-	let t15;
-	if ($[53] !== t14 || $[54] !== t7) {
-		t15 = /* @__PURE__ */ jsx("div", {
-			className: t7,
-			children: t14
-		});
-		$[53] = t14;
-		$[54] = t7;
-		$[55] = t15;
-	} else t15 = $[55];
-	return t15;
-};
-//#endregion
-export { RangeCalendar };

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

@@ -1,12 +0,0 @@
-import { GroupDOMAttributes } from '@react-types/shared';
-import { Ref } from 'react';
-import { TimeFieldState } from 'react-stately';
-interface TimeFieldProps {
-    ref?: Ref<HTMLDivElement>;
-    fieldProps: GroupDOMAttributes;
-    state: TimeFieldState;
-    isDisabled?: boolean;
-    hidePlaceholder?: boolean;
-}
-export declare const TimeField: ({ ref, fieldProps, state, isDisabled, hidePlaceholder }: TimeFieldProps) => import("react/jsx-runtime").JSX.Element;
-export {};