@povio/ui 3.4.0-rc.19 → 3.4.0-rc.20

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

@@ -1,173 +0,0 @@
-import { InlineIconButton } from "../../../inline-icon-button.js";
-import { PillButton } from "../../../pill-button.js";
-import "../../../../config/i18n.js";
-import { Select } from "../../Selection/Select/Select.js";
-import { ChevronDown, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { useDateFormatter } from "@react-aria/i18n";
-//#region src/components/inputs/DateTime/shared/CalendarSelectHeader.tsx
-const CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled, isNextMonthDisabled, isNextYearDisabled, offset = { months: 0 }, onNavigate, maxDate, minDate }) => {
-	const { t } = useTranslation("ui");
-	const displayDate = state.visibleRange.start.add(offset);
-	const currentMonth = displayDate.month - 1;
-	const currentYear = displayDate.year;
-	const formatter = useDateFormatter({
-		month: "long",
-		timeZone: state.timeZone
-	});
-	const numMonths = state.focusedDate.calendar.getMonthsInYear(state.focusedDate);
-	const MONTHS = useMemo(() => {
-		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;
-	}, [
-		formatter,
-		numMonths,
-		state.focusedDate,
-		state.timeZone
-	]);
-	const years = Array.from({ length: 201 }, (_, i) => currentYear - 100 + i);
-	const getAvailableMonths = () => {
-		return MONTHS.map((month, i) => {
-			const monthDate = displayDate.set({ month: i + 1 });
-			let isDisabled = false;
-			if (maxDate) isDisabled = monthDate.year > maxDate.year || monthDate.year === maxDate.year && monthDate.month >= maxDate.month;
-			if (minDate) isDisabled = monthDate.year < minDate.year || monthDate.year === minDate.year && monthDate.month <= minDate.month;
-			return {
-				month,
-				value: i,
-				isDisabled
-			};
-		});
-	};
-	const getAvailableYears = () => {
-		return years.map((year) => {
-			let isDisabled = false;
-			if (maxDate) isDisabled = year > maxDate.year || year === maxDate.year && displayDate.month >= maxDate.month;
-			if (minDate && !isDisabled) isDisabled = year < minDate.year || year === minDate.year && displayDate.month <= minDate.month;
-			return {
-				year,
-				isDisabled
-			};
-		});
-	};
-	const availableMonths = getAvailableMonths();
-	const availableYears = getAvailableYears();
-	const handleMonthChange = (value) => {
-		if (value === null) return;
-		const newDate = displayDate.set({ month: value + 1 });
-		onNavigate?.(newDate);
-	};
-	const handleYearChange = (value) => {
-		if (value === null) return;
-		const newDate = displayDate.set({ year: value });
-		onNavigate?.(newDate);
-	};
-	const handlePrevMonth = (e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		const newDate = displayDate.subtract({ months: 1 });
-		onNavigate?.(newDate);
-	};
-	const handleNextMonth = (e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		const newDate = displayDate.add({ months: 1 });
-		onNavigate?.(newDate);
-	};
-	const handlePrevYear = (e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		const newDate = displayDate.subtract({ years: 1 });
-		onNavigate?.(newDate);
-	};
-	const handleNextYear = (e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		const newDate = displayDate.add({ years: 1 });
-		onNavigate?.(newDate);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full items-center justify-between gap-3 border-elevation-outline-default-1 border-b border-solid px-3 py-2-5",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center",
-				children: [/* @__PURE__ */ jsx(InlineIconButton, {
-					color: "secondary",
-					isDisabled: isPrevYearDisabled,
-					onClick: handlePrevYear,
-					icon: ChevronsLeft,
-					label: t(($) => $.ui.datePicker.navigation.previousYear)
-				}), /* @__PURE__ */ jsx(InlineIconButton, {
-					color: "secondary",
-					isDisabled: isPrevMonthDisabled,
-					onClick: handlePrevMonth,
-					icon: ChevronLeft,
-					label: t(($) => $.ui.datePicker.navigation.previousMonth)
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex gap-2",
-				children: [/* @__PURE__ */ jsx(Select, {
-					label: "Month",
-					hideLabel: true,
-					customTrigger: /* @__PURE__ */ jsx(PillButton, {
-						color: "secondary",
-						variant: "subtle",
-						iconPosition: "right",
-						icon: ChevronDown,
-						children: MONTHS[currentMonth].slice(0, 3)
-					}),
-					ignoreTriggerWidth: true,
-					items: availableMonths.map(({ month, value, isDisabled }) => ({
-						label: month,
-						id: value,
-						isDisabled
-					})).filter(({ isDisabled }) => !isDisabled),
-					value: currentMonth,
-					onChange: handleMonthChange
-				}), /* @__PURE__ */ jsx(Select, {
-					label: "Year",
-					hideLabel: true,
-					customTrigger: /* @__PURE__ */ jsx(PillButton, {
-						color: "secondary",
-						variant: "subtle",
-						iconPosition: "right",
-						icon: ChevronDown,
-						children: currentYear.toString()
-					}),
-					items: availableYears.map(({ year, isDisabled }) => ({
-						label: year.toString(),
-						id: year,
-						isDisabled
-					})).filter(({ isDisabled }) => !isDisabled),
-					value: currentYear,
-					onChange: handleYearChange
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center",
-				children: [/* @__PURE__ */ jsx(InlineIconButton, {
-					color: "secondary",
-					isDisabled: isNextMonthDisabled,
-					onClick: handleNextMonth,
-					icon: ChevronRight,
-					label: t(($) => $.ui.datePicker.navigation.nextMonth)
-				}), /* @__PURE__ */ jsx(InlineIconButton, {
-					color: "secondary",
-					isDisabled: isNextYearDisabled,
-					onClick: handleNextYear,
-					icon: ChevronsRight,
-					label: t(($) => $.ui.datePicker.navigation.nextYear)
-				})]
-			})
-		]
-	});
-};
-//#endregion
-export { CalendarSelectHeader };

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

@@ -1,155 +0,0 @@
-import { DateSegmentItem } from "./DateSegmentItem.js";
-import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
-import { DateUtils } from "../../../../utils/date.utils.js";
-import { clsx } from "clsx";
-import { useCallback, useEffect, useImperativeHandle, useMemo, useRef } from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-import { useDateField, useLocale } from "react-aria";
-import { CalendarDate, CalendarDateTime, createCalendar } from "@internationalized/date";
-import { useDateFieldState } from "react-stately";
-//#region src/components/inputs/DateTime/shared/DateField.tsx
-const omitNullValue = ({ value: _value, ...props }) => props;
-const DateField = ({ ref, onClearChange, hidePlaceholder, isDisabled, disableManualEntry, dateGranularity = "day", isTimeOptional = false, format, timeZone, segmentGroup, shouldAutoFixYear = false, preserveNullValue = false, ...props }) => {
-	const { locale } = useLocale();
-	const previousValueRef = useRef(props.value);
-	const dateFieldProps = props.value == null && !preserveNullValue ? omitNullValue(props) : props;
-	const state = useDateFieldState({
-		...dateFieldProps,
-		isDisabled,
-		isReadOnly: disableManualEntry,
-		locale,
-		createCalendar
-	});
-	const dataFieldRef = useRef(null);
-	const { fieldProps } = useDateField({
-		...dateFieldProps,
-		isDisabled,
-		isReadOnly: disableManualEntry
-	}, state, dataFieldRef);
-	const isSegmentVisible = useCallback((segmentType) => {
-		if (dateGranularity === "day") return true;
-		if (dateGranularity === "month") return segmentType !== "day";
-		if (dateGranularity === "year") return segmentType === "year";
-		return true;
-	}, [dateGranularity]);
-	const getSegmentsToRender = useCallback(() => {
-		const segments = [];
-		for (const segment of state.segments) if (segment.type !== "literal") {
-			if (isSegmentVisible(segment.type)) segments.push(segment);
-		} else if (segments.length > 0 && segments.at(-1)?.type !== "literal") segments.push(segment);
-		return segments;
-	}, [state.segments, isSegmentVisible]);
-	const segmentsToRender = useMemo(() => getSegmentsToRender(), [getSegmentsToRender]);
-	const getSegmentNumber = (segment) => {
-		if (!segment) return null;
-		if (typeof segment.value === "number" && !Number.isNaN(segment.value)) return segment.value;
-		const parsedValue = parseInt(segment.text ?? "");
-		return Number.isNaN(parsedValue) ? null : parsedValue;
-	};
-	const autoFixYear = () => {
-		const monthSegment = state.segments.find((segment) => segment.type === "month");
-		const daySegment = state.segments.find((segment) => segment.type === "day");
-		const yearSegment = state.segments.find((segment) => segment.type === "year");
-		const hourSegment = state.segments.find((segment) => segment.type === "hour");
-		const minuteSegment = state.segments.find((segment) => segment.type === "minute");
-		const isMonthFilled = monthSegment && !monthSegment.isPlaceholder;
-		const isDayFilled = daySegment && !daySegment.isPlaceholder;
-		const isYearFilled = yearSegment && !yearSegment.isPlaceholder && yearSegment.text?.length > 0;
-		const isYearComplete = isYearFilled && yearSegment.text?.length === 4;
-		const isYearEmpty = yearSegment && !(parseInt(yearSegment.text) && yearSegment.text?.length === 4);
-		const isDateFilled = isMonthFilled && isDayFilled && isYearFilled;
-		const isHourEmpty = hourSegment && (hourSegment.isPlaceholder || Number.isNaN(parseInt(hourSegment.text ?? "", 10)));
-		const isMinuteEmpty = minuteSegment && (minuteSegment.isPlaceholder || Number.isNaN(parseInt(minuteSegment.text ?? "", 10)));
-		const month = getSegmentNumber(monthSegment);
-		const day = getSegmentNumber(daySegment);
-		const segmentYear = getSegmentNumber(yearSegment);
-		let correctedValue = null;
-		if (!isTimeOptional && isDateFilled && minuteSegment && isMinuteEmpty) {
-			let minute = minuteSegment?.value || 0;
-			if (minuteSegment?.text?.length && minuteSegment?.text?.length > 0) {
-				minute = parseInt(minuteSegment?.text ?? "00");
-				if (isNaN(minute)) minute = 0;
-			}
-			state.setSegment("minute", minute);
-		}
-		if (!isTimeOptional && isDateFilled && hourSegment && isHourEmpty) {
-			let hour = hourSegment?.value || 0;
-			if (hourSegment?.text?.length && hourSegment?.text?.length > 0) {
-				hour = parseInt(hourSegment?.text ?? "00");
-				if (isNaN(hour)) hour = 0;
-			}
-			state.setSegment("hour", hour);
-		}
-		if (shouldAutoFixYear && isMonthFilled && isDayFilled && isYearEmpty) {
-			let correctedYear = (/* @__PURE__ */ new Date()).getFullYear();
-			if (yearSegment?.text?.length && yearSegment?.text?.length === 2) correctedYear = parseInt(`20${yearSegment?.text}`);
-			state.setSegment("year", correctedYear);
-			const hasDateSegments = month !== null && day !== null;
-			const hasTimeSegment = !!(hourSegment || minuteSegment);
-			if (state.value) correctedValue = state.value.set({ year: correctedYear });
-			else if (hasDateSegments && hasTimeSegment) correctedValue = new CalendarDateTime(correctedYear, month, day, getSegmentNumber(hourSegment) ?? 0, getSegmentNumber(minuteSegment) ?? 0);
-			else if (hasDateSegments) correctedValue = new CalendarDate(correctedYear, month, day);
-		}
-		if (isTimeOptional && !state.value && isMonthFilled && isDayFilled && isYearComplete && hourSegment?.isPlaceholder && minuteSegment?.isPlaceholder && month !== null && day !== null && segmentYear !== null) correctedValue = new CalendarDateTime(segmentYear, month, day, 0, 0, 0, 0);
-		const valueToCorrect = correctedValue ?? state.value;
-		if (!valueToCorrect) return;
-		const { year } = valueToCorrect;
-		if (shouldAutoFixYear && year >= 0 && year <= 99) {
-			const correctedYear = year <= 50 ? 2e3 + year : 1900 + year;
-			correctedValue = valueToCorrect.set({ year: correctedYear });
-		}
-		if (correctedValue) {
-			state.setValue(correctedValue);
-			props.onChange?.(correctedValue);
-		}
-	};
-	const handleBlur = (e) => {
-		if ((shouldAutoFixYear || isTimeOptional) && !e.currentTarget.contains(e.relatedTarget)) autoFixYear();
-		fieldProps.onBlur?.(e);
-	};
-	useImperativeHandle(ref, () => ({
-		clearField: () => {
-			state.setValue(null);
-		},
-		autoFixYear
-	}));
-	useEffect(() => {
-		if (previousValueRef.current != null && props.value == null && state.value !== null) state.setValue(null);
-		previousValueRef.current = props.value;
-	}, [props.value, state]);
-	useEffect(() => {
-		onClearChange?.(state.segments.some((segment) => segment.type !== "literal" && segment.isPlaceholder === false));
-	}, [state.segments, onClearChange]);
-	const getFormattedDisplayValue = () => {
-		if (!disableManualEntry) return null;
-		if (!format) return null;
-		if (!state.value) return null;
-		const jsDate = DateTimeUtils.fromDateValueToLocal(state.value, timeZone);
-		if (Number.isNaN(jsDate.getTime())) return null;
-		return DateUtils.formatDate(jsDate, format);
-	};
-	const formattedDisplayValue = getFormattedDisplayValue();
-	let fieldContent = /* @__PURE__ */ jsx(Fragment$1, { children: segmentsToRender.map((segment, i) => /* @__PURE__ */ jsx(DateSegmentItem, {
-		segment,
-		segmentGroup,
-		state,
-		isDisabled,
-		hidePlaceholder
-	}, i)) });
-	if (formattedDisplayValue) fieldContent = /* @__PURE__ */ jsx("span", {
-		className: clsx("select-none", isDisabled && "text-interactive-text-secondary-disabled"),
-		children: formattedDisplayValue
-	});
-	return /* @__PURE__ */ jsx("div", {
-		...fieldProps,
-		ref: dataFieldRef,
-		onBlur: handleBlur,
-		className: clsx("relative w-full", disableManualEntry && "pointer-events-none"),
-		children: /* @__PURE__ */ jsx("div", {
-			className: "flex",
-			children: fieldContent
-		})
-	});
-};
-//#endregion
-export { DateField };

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

@@ -1,12 +0,0 @@
-import "../../FormField/FormFieldHeader.js";
-import "../../shared/input.cva.js";
-import "./datePicker.types.js";
-import { Ref } from "react";
-import "react-aria";
-//#region src/components/inputs/DateTime/shared/DatePickerInput.d.ts
-interface DatePickerInputHandle {
-  clear: () => void;
-  getContainer?: () => HTMLDivElement | null;
-}
-//#endregion
-export { DatePickerInputHandle };

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

@@ -1,197 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../text/Typography/Typography.js";
-import { UIConfig } from "../../../../config/uiConfig.context.js";
-import { InlineIconButton } from "../../../inline-icon-button.js";
-import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
-import { InputClear } from "../../shared/InputClear.js";
-import { inputBaseDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
-import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
-import { DateField } from "./DateField.js";
-import { datePickerInputContentRowDefinition } from "./datePickerInput.cva.js";
-import { renderDatePickerTodayIcon } from "./datePickerTodayIcon.js";
-import { useFirefoxDateSegmentSelectionGuard } from "./useFirefoxDateSegmentSelectionGuard.js";
-import { clsx } from "clsx";
-import { useCallback, useImperativeHandle, useRef, useState } from "react";
-import { Button } from "react-aria-components";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
-import { getLocalTimeZone, today } from "@internationalized/date";
-//#region src/components/inputs/DateTime/shared/DatePickerInput.tsx
-const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, isClearableIfDisabled, headerProps, todayIcon, todayIconButtonSize = "none", todayIconButtonComponent, todayIconPlacement = "content", isDirty, isRequired, disableManualEntry, autoFixYear = false, placeholder, className, onOpenDropdown, dateGranularity = "day", timeZone: timeZoneProp, isTimeOptional = false, format, onClear: onClearProp, ...props }) => {
-	const uiConfig = UIConfig.useConfig();
-	const timeZone = timeZoneProp ?? uiConfig.dateInput.timeZone;
-	let effectiveTimeZone = getLocalTimeZone();
-	if (timeZone !== "clientLocal") effectiveTimeZone = timeZone;
-	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
-	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
-	const datePickerInputContentRowCva = UIOverrides.useCva("datePickerInput.contentRowCva", datePickerInputContentRowDefinition);
-	const [canClear, setCanClear] = useState(false);
-	const { hoverProps, isHovered } = useHover({ isDisabled });
-	const [isFocused, setIsFocused] = useState(false);
-	const { focusWithinProps } = useFocusWithin({ onFocusWithinChange: (isFocusWithin) => {
-		setIsFocused(isFocusWithin);
-		if (!isFocusWithin && autoFixYear) {
-			dateFieldRef.current?.autoFixYear();
-			endDateFieldRef.current?.autoFixYear();
-		}
-	} });
-	const { isFocusVisible } = useFocusVisible();
-	const dateFieldRef = useRef(null);
-	const endDateFieldRef = useRef(null);
-	const containerRef = useRef(null);
-	useFirefoxDateSegmentSelectionGuard(containerRef);
-	const normalizedFieldProps = {
-		...fieldProps,
-		value: isValueControlled ? fieldValue ?? null : fieldProps.value ?? null,
-		shouldAutoFixYear: autoFixYear
-	};
-	const normalizedEndFieldProps = endFieldProps ? {
-		...endFieldProps,
-		value: isValueControlled ? endFieldValue ?? null : endFieldProps.value ?? null,
-		shouldAutoFixYear: autoFixYear
-	} : void 0;
-	const clearInput = useCallback(() => {
-		if (onClearProp) onClearProp();
-		else {
-			dateFieldRef.current?.clearField();
-			endDateFieldRef.current?.clearField();
-			fieldProps.onChange?.(null);
-			endFieldProps?.onChange?.(null);
-		}
-		setCanClear(false);
-	}, [
-		endFieldProps,
-		fieldProps,
-		onClearProp
-	]);
-	useImperativeHandle(ref, () => ({
-		clear: clearInput,
-		getContainer: () => containerRef.current
-	}), [clearInput]);
-	const onClearChange = useCallback((canClearInput) => {
-		setCanClear(canClearInput);
-	}, []);
-	const showClear = (!isDisabled || isClearableIfDisabled === true) && (canClear || hasValue || normalizedFieldProps.value != null || normalizedEndFieldProps?.value != null);
-	const isTodayIconDisabled = isDisabled || buttonProps.isDisabled;
-	const onToday = () => {
-		if (isTodayIconDisabled) return;
-		if (isDateTime) {
-			const calendarDateTime = DateTimeUtils.getCurrentWallClockCalendarDateTime();
-			fieldProps.onChange?.(calendarDateTime);
-			if (endFieldProps) endFieldProps.onChange?.(calendarDateTime);
-		} else {
-			fieldProps.onChange?.(today(effectiveTimeZone));
-			if (endFieldProps) endFieldProps.onChange?.(today(effectiveTimeZone));
-		}
-	};
-	const hidePlaceholder = as === "floating" && !fieldProps.value && !isFocused;
-	const todayIconButton = renderDatePickerTodayIcon(todayIcon, {
-		isDisabled: isTodayIconDisabled,
-		onPress: onToday,
-		size: todayIconButtonSize,
-		todayIconButtonComponent
-	});
-	const shouldRenderTodayIconWithFieldLabel = todayIconPlacement === "fieldLabel";
-	const pickerIcon = isDateTime ? uiConfig.dateInput.dateTimeIcon : uiConfig.dateInput.calendarIcon;
-	return /* @__PURE__ */ jsxs("div", {
-		ref: containerRef,
-		...groupProps,
-		...focusWithinProps,
-		...hoverProps,
-		className: clsx("group group/date-picker-content relative flex items-center justify-between gap-2", shouldShrinkInput ? "min-w-0" : "min-w-input-width-min-width", groupProps.className, inputBaseCva({
-			variant,
-			as,
-			...props
-		}), className),
-		"data-rac": "",
-		"data-datetime-input": "",
-		"data-hovered": isHovered || void 0,
-		"data-disabled": isDisabled || void 0,
-		"data-is-disabled": isDisabled || void 0,
-		"data-invalid": isInvalid || void 0,
-		"data-is-empty": normalizedFieldProps.value == null || void 0,
-		"data-focus-within": isFocused || void 0,
-		"data-focus-visible": isFocused && isFocusVisible || void 0,
-		"data-has-selection": normalizedFieldProps.value != null || void 0,
-		"data-is-dirty": isDirty || void 0,
-		"data-is-required": isRequired || void 0,
-		"data-is-filled": normalizedFieldProps.value != null || void 0,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: clsx("flex items-center gap-input-gap-input-text-to-elements pr-0!", shouldShrinkInput ? "min-w-0 flex-1 w-full" : "w-full", inputSizeCva({
-				size,
-				as
-			})),
-			children: [
-				as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
-					as,
-					...headerProps
-				}),
-				shouldRenderTodayIconWithFieldLabel && todayIconButton,
-				/* @__PURE__ */ jsxs("div", {
-					className: datePickerInputContentRowCva({ size }),
-					children: [
-						disableManualEntry && /* @__PURE__ */ jsx(Button, {
-							onPress: onOpenDropdown,
-							className: "absolute inset-0 z-base",
-							isDisabled
-						}),
-						!shouldRenderTodayIconWithFieldLabel && todayIconButton,
-						disableManualEntry && placeholder && !fieldProps.value ? /* @__PURE__ */ jsx(Typography, {
-							size: "label-1",
-							className: "text-text-default-3",
-							children: placeholder
-						}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DateField, {
-							ref: dateFieldRef,
-							...normalizedFieldProps,
-							isDisabled,
-							isInvalid,
-							onClearChange,
-							hidePlaceholder,
-							disableManualEntry,
-							dateGranularity,
-							isTimeOptional,
-							preserveNullValue: isValueControlled && !endFieldProps,
-							format,
-							timeZone: effectiveTimeZone,
-							segmentGroup: normalizedEndFieldProps ? "start" : void 0
-						}), normalizedEndFieldProps && /* @__PURE__ */ jsxs(Fragment$1, { children: [!((as === "floating" || as === "filter") && hidePlaceholder) && /* @__PURE__ */ jsx("span", {
-							className: clsx("pointer-events-none select-none", isDisabled && "text-interactive-text-secondary-disabled"),
-							children: "–"
-						}), /* @__PURE__ */ jsx(DateField, {
-							ref: endDateFieldRef,
-							...normalizedEndFieldProps,
-							isDisabled,
-							isInvalid,
-							onClearChange,
-							hidePlaceholder,
-							disableManualEntry,
-							isTimeOptional,
-							format,
-							timeZone: effectiveTimeZone,
-							segmentGroup: "end"
-						})] })] })
-					]
-				})
-			]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: clsx(inputSizeCva({
-				size,
-				as
-			}), "flex items-center gap-input-gap-trailing-elements py-0! pl-0!"),
-			children: [isClearable && /* @__PURE__ */ jsx(InputClear, {
-				onClear: clearInput,
-				show: showClear
-			}), (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(InlineIconButton, {
-				label: "",
-				color: "secondary",
-				...buttonProps,
-				icon: pickerIcon,
-				isDisabled,
-				className: "border-0!",
-				"data-static-press-action": ""
-			})]
-		})]
-	});
-};
-//#endregion
-export { DatePickerInput };

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

@@ -1,48 +0,0 @@
-import { clsx } from "clsx";
-import { useRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useDateSegment } from "react-aria";
-//#region src/components/inputs/DateTime/shared/DateSegmentItem.tsx
-const 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;
-	}
-};
-const DateSegmentItem = ({ segment, state, segmentGroup, isDisabled, timePickerOnly, hidePlaceholder }) => {
-	const ref = useRef(null);
-	const { segmentProps } = useDateSegment(segment, state, ref);
-	return /* @__PURE__ */ jsx(DateSegmentItemView, {
-		ref,
-		segmentProps,
-		type: segment.type,
-		text: segment.text,
-		placeholder: getPlaceholder(segment),
-		isPlaceholder: segment.isPlaceholder,
-		segmentGroup,
-		isInputEmpty: !state.value,
-		isDisabled,
-		timePickerOnly,
-		hidePlaceholder
-	});
-};
-const DateSegmentItemView = ({ ref, segmentProps, role, type, text, placeholder, isPlaceholder, segmentGroup, isInputEmpty, isDisabled, timePickerOnly, hidePlaceholder }) => {
-	return /* @__PURE__ */ jsx("div", {
-		...segmentProps,
-		role: role ?? segmentProps?.role,
-		ref,
-		"data-static-segment-type": type === "literal" ? void 0 : type,
-		"data-static-segment-group": type === "literal" ? void 0 : segmentGroup,
-		className: clsx("box-content rounded-input-rounding-default", isDisabled && isInputEmpty && "text-interactive-text-secondary-disabled", isDisabled && !isInputEmpty && "text-text-default-3", !isDisabled && isInputEmpty && "text-text-default-3 group-focus-within:text-text-default-1", !isDisabled && !isInputEmpty && "text-text-default-1", "focus-within:outline-1 focus-within:outline-interactive-contained-primary-idle focus-within:outline-offset-1", type && (type === "hour" && !timePickerOnly || type === "dayPeriod") && "ml-1", hidePlaceholder && "opacity-0"),
-		children: /* @__PURE__ */ jsxs(Fragment$1, { children: [isPlaceholder && /* @__PURE__ */ jsx("span", {
-			"aria-hidden": "true",
-			className: "pointer-events-none",
-			children: placeholder
-		}), isPlaceholder ? "" : text] })
-	});
-};
-//#endregion
-export { DateSegmentItem, DateSegmentItemView, getPlaceholder };

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

@@ -1,46 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { BottomSheet } from "../../../bottom-sheet.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 { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/inputs/DateTime/shared/DateTimeDialog.tsx
-const DateTimeDialog = ({ hideSidebar, children, footer, sidebar, label, isOpen, triggerRef, dialogProps, bottomSheetProps, onOpenChange }) => {
-	const popoverCva = UIOverrides.useCva("popover.cva", popoverDefinition);
-	if (useBreakpoint("md")) {
-		if (!isOpen) return null;
-		return /* @__PURE__ */ jsx(Popover, {
-			triggerRef,
-			isOpen,
-			placement: "bottom start",
-			onOpenChange,
-			children: /* @__PURE__ */ jsx(Dialog, {
-				...dialogProps,
-				className: "outline-none!",
-				"aria-label": label,
-				children: /* @__PURE__ */ jsxs("div", {
-					className: clsx$1(popoverCva({}), "flex overflow-hidden"),
-					children: [!hideSidebar && sidebar, /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-1 flex-col justify-between",
-						children: [children, footer]
-					})]
-				})
-			})
-		});
-	}
-	return /* @__PURE__ */ jsxs(BottomSheet, {
-		sheetMarginBottom: 0,
-		isScrollable: true,
-		height: "auto",
-		isDismissable: true,
-		...bottomSheetProps,
-		label,
-		footer,
-		isOpen,
-		onOpenChange,
-		children: [children, !hideSidebar && sidebar]
-	});
-};
-//#endregion
-export { DateTimeDialog };

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

@@ -1,27 +0,0 @@
-import "../../../../config/i18n.js";
-import { TextButton } from "../../../text-button.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
-const 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(($) => $.ui.datePicker.save)
-		})]
-	});
-};
-//#endregion
-export { DateTimeDialogFooter };