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

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

@@ -1,90 +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 { jsx } from "react/jsx-runtime";
-import { useDateFormatter } from "@react-aria/i18n";
-//#region src/components/inputs/DateTime/shared/MonthPicker.tsx
-const MonthPicker = ({ state, onSelectionChange, onDateChange, onCommit, selectedDate }) => {
-	const formatter = useDateFormatter({
-		month: "long",
-		timeZone: state.timeZone
-	});
-	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;
-	};
-	const getSelectedMonth = () => {
-		if (!selectedDate) return null;
-		return selectedDate.month;
-	};
-	const selectedMonth = getSelectedMonth();
-	const lastPressedMonthRef = useRef(null);
-	const listBoxSelectionProps = {};
-	if (selectedMonth !== null) listBoxSelectionProps.selectedKeys = [selectedMonth];
-	const parseMonthFromKey = (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;
-	};
-	return /* @__PURE__ */ jsx(ListBox, {
-		autoFocus: true,
-		"aria-label": "Month",
-		selectionMode: "single",
-		layout: "grid",
-		...listBoxSelectionProps,
-		onSelectionChange: (key) => {
-			if (key === "all") return;
-			const selectedKey = [...key][0];
-			const selectedMonthValue = parseMonthFromKey(selectedKey);
-			if (selectedMonthValue !== null) {
-				const nextSelectedDate = state.focusedDate.set({ month: selectedMonthValue });
-				state.setFocusedDate(nextSelectedDate);
-				onDateChange?.(nextSelectedDate);
-			}
-			onSelectionChange(key);
-		},
-		className: "grid size-full min-h-72 grid-cols-3 grid-rows-4 gap-2 p-3 md:w-80",
-		children: getMonths().map((month, index) => {
-			const monthNumber = index + 1;
-			const isDisabled = isMonthDisabled(monthNumber);
-			return /* @__PURE__ */ jsx(ListBoxItem, {
-				id: monthNumber,
-				textValue: month,
-				isDisabled,
-				onPress: () => {
-					const isSecondConsecutivePress = lastPressedMonthRef.current === monthNumber;
-					lastPressedMonthRef.current = monthNumber;
-					const nextSelectedDate = state.focusedDate.set({ month: monthNumber });
-					state.setFocusedDate(nextSelectedDate);
-					onDateChange?.(nextSelectedDate);
-					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
-				})
-			}, monthNumber);
-		})
-	});
-};
-//#endregion
-export { MonthPicker };

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

@@ -1,98 +0,0 @@
-import { CalendarGrid } from "./CalendarGrid.js";
-import { CalendarSelectHeader } from "./CalendarSelectHeader.js";
-import { clsx } from "clsx";
-import { useMemo, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRangeCalendar } from "@react-aria/calendar";
-//#region src/components/inputs/DateTime/shared/RangeCalendar.tsx
-const RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calendarProps, onApply, onRangeChange: _onRangeChange, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation }) => {
-	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;
-	const handleLeftKeyboardNavigation = (event, date) => {
-		return onKeyboardNavigation?.(event, date, "left") ?? false;
-	};
-	const handleRightKeyboardNavigation = (event, date) => {
-		return onKeyboardNavigation?.(event, date, "right") ?? false;
-	};
-	const handleLeftNavigate = (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);
-		}
-	};
-	const handleRightNavigate = (newDate) => {
-		const leftCurrentDate = leftCalendarState.visibleRange.start;
-		if (newDate.year > leftCurrentDate.year || newDate.year === leftCurrentDate.year && newDate.month > leftCurrentDate.month) rightCalendarState.setFocusedDate(newDate);
-		else {
-			const closestValidDate = leftCurrentDate.add({ months: 1 });
-			rightCalendarState.setFocusedDate(closestValidDate);
-		}
-	};
-	const isNextDisabled = useMemo(() => {
-		const leftNextDate = leftDate.add({ months: 1 });
-		return leftNextDate.year > rightDate.year || leftNextDate.year === rightDate.year && leftNextDate.month === rightDate.month;
-	}, [leftDate, rightDate]);
-	const isPrevDisabled = useMemo(() => {
-		const rightPrevDate = rightDate.subtract({ months: 1 });
-		return rightPrevDate.year < leftDate.year || rightPrevDate.year === leftDate.year && rightPrevDate.month === leftDate.month;
-	}, [leftDate, rightDate]);
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx("flex w-fit flex-col items-center bg-elevation-fill-default-1", className),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex",
-			children: [/* @__PURE__ */ jsxs("div", {
-				...leftCalendarAriaProps,
-				ref: leftRef,
-				className: "flex flex-col items-center",
-				children: [/* @__PURE__ */ jsx(CalendarSelectHeader, {
-					state: leftCalendarState,
-					isNextMonthDisabled: isNextDisabled,
-					isNextYearDisabled: isNextDisabled,
-					onNavigate: handleLeftNavigate,
-					maxDate: rightDate
-				}), /* @__PURE__ */ jsx(CalendarGrid, {
-					state: leftCalendarState,
-					onApply,
-					shouldCloseOnSelect: false,
-					onDateSelection,
-					rangeSelection,
-					onDateHover,
-					hoverDate,
-					onKeyboardNavigation: handleLeftKeyboardNavigation,
-					className: "h-64 w-[304px]!",
-					calendarSide: "left"
-				})]
-			}), /* @__PURE__ */ jsxs("div", {
-				...rightCalendarAriaProps,
-				ref: rightRef,
-				className: "hidden flex-col items-center md:flex",
-				children: [/* @__PURE__ */ jsx(CalendarSelectHeader, {
-					state: rightCalendarState,
-					isPrevMonthDisabled: isPrevDisabled,
-					isPrevYearDisabled: isPrevDisabled,
-					onNavigate: handleRightNavigate,
-					minDate: leftDate
-				}), /* @__PURE__ */ jsx(CalendarGrid, {
-					state: rightCalendarState,
-					onApply,
-					shouldCloseOnSelect: false,
-					onDateSelection,
-					rangeSelection,
-					onDateHover,
-					hoverDate,
-					onKeyboardNavigation: handleRightKeyboardNavigation,
-					className: "h-64 w-[304px]!",
-					calendarSide: "right"
-				})]
-			})]
-		})
-	});
-};
-//#endregion
-export { RangeCalendar };

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

@@ -1,19 +0,0 @@
-import { DateSegmentItem } from "./DateSegmentItem.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/DateTime/shared/TimeField.tsx
-const TimeField = ({ ref, fieldProps, state, isDisabled, hidePlaceholder }) => {
-	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", {
-		...fieldProps,
-		ref,
-		className: "flex",
-		children: state.segments.map((segment, i) => /* @__PURE__ */ jsx(DateSegmentItem, {
-			segment,
-			state,
-			isDisabled,
-			timePickerOnly: true,
-			hidePlaceholder
-		}, i))
-	}) });
-};
-//#endregion
-export { TimeField };

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

@@ -1,101 +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 { useFirefoxDateSegmentSelectionGuard } from "./useFirefoxDateSegmentSelectionGuard.js";
-import { TimeField } from "./TimeField.js";
-import { clsx } from "clsx";
-import { useRef, useState } from "react";
-import { Button } from "react-aria-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
-import { mergeRefs } from "@react-aria/utils";
-//#region src/components/inputs/DateTime/shared/TimePickerInput.tsx
-const TimePickerInput = ({ ref, as, fieldProps, state, isDisabled, isDirty, isRequired, isInvalid, disableDropdown, variant, size, isClearable, isClearableIfDisabled, headerProps, disableManualEntry, placeholder, className, onPress, onClear, ...props }) => {
-	const uiConfig = UIConfig.useConfig();
-	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
-	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
-	const { hoverProps, isHovered } = useHover({ isDisabled });
-	const [isFocused, setIsFocused] = useState(false);
-	const { focusWithinProps } = useFocusWithin({ onFocusWithinChange: setIsFocused });
-	const { isFocusVisible } = useFocusVisible();
-	const containerRef = useRef(null);
-	useFirefoxDateSegmentSelectionGuard(containerRef);
-	const hidePlaceholder = as === "floating" && !state.value && !isFocused;
-	const canClear = state.segments.some((segment) => segment.type !== "literal" && segment.isPlaceholder === false);
-	return /* @__PURE__ */ jsxs("div", {
-		ref: mergeRefs(ref, containerRef),
-		className: clsx(inputBaseCva({
-			variant,
-			as,
-			...props
-		}), "group/date-picker-content relative min-w-input-width-min-width", "flex items-center justify-between gap-input-gap-input-text-to-elements", 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": state.value === null || void 0,
-		"data-focus-within": isFocused || void 0,
-		"data-focus-visible": isFocused && isFocusVisible || void 0,
-		"data-has-selection": state.value !== null || void 0,
-		"data-is-dirty": isDirty || void 0,
-		"data-is-required": isRequired || void 0,
-		"data-is-filled": state.value !== null || void 0,
-		...fieldProps,
-		...focusWithinProps,
-		...hoverProps,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: clsx(inputSizeCva({
-				size,
-				as
-			}), "flex w-full items-center gap-input-gap-input-text-to-elements pr-0!"),
-			children: [
-				disableManualEntry && /* @__PURE__ */ jsx(Button, {
-					onPress,
-					className: "absolute inset-0 z-base"
-				}),
-				as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
-					as,
-					...headerProps
-				}),
-				/* @__PURE__ */ jsx("div", { children: disableManualEntry && placeholder && !state.value ? /* @__PURE__ */ jsx(Typography, {
-					size: "label-1",
-					className: "text-text-default-3",
-					children: placeholder
-				}) : /* @__PURE__ */ jsx(TimeField, {
-					fieldProps,
-					state,
-					isDisabled,
-					hidePlaceholder
-				}) })
-			]
-		}), /* @__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: () => {
-					if (onClear) onClear();
-					else state.setValue(null);
-				},
-				show: canClear && (!isDisabled || isClearableIfDisabled === true)
-			}), (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(InlineIconButton, {
-				label: "",
-				color: "secondary",
-				onPress,
-				icon: uiConfig.dateInput.timeIcon,
-				isDisabled,
-				className: "border-0!",
-				"data-static-press-action": ""
-			})]
-		})]
-	});
-};
-//#endregion
-export { TimePickerInput };

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

@@ -1,100 +0,0 @@
-import { Typography } from "../../../text/Typography/Typography.js";
-import { useScrollableListBox } from "../../../../hooks/useScrollableListBox.js";
-import { clsx } from "clsx";
-import { useMemo, useRef } from "react";
-import { ListBox, ListBoxItem } from "react-aria-components";
-import { jsx } from "react/jsx-runtime";
-import { today } from "@internationalized/date";
-import { useDateFormatter } from "@react-aria/i18n";
-//#region src/components/inputs/DateTime/shared/YearPicker.tsx
-const YearPicker = ({ state, onSelectionChange, onDateChange, onCommit, selectedDate }) => {
-	const formatter = useDateFormatter({
-		year: "numeric",
-		timeZone: state.timeZone
-	});
-	const years = useMemo(() => {
-		const arr = [];
-		for (let i = -100; i <= 100; i++) {
-			const date = today(state.timeZone).add({ years: i });
-			arr.push({
-				value: date.year,
-				formatted: formatter.format(date.toDate(state.timeZone))
-			});
-		}
-		return arr;
-	}, [state.timeZone, formatter]);
-	const isYearDisabled = (year) => {
-		if (state.minValue && year < state.minValue.year) return true;
-		if (state.maxValue && year > state.maxValue.year) return true;
-		return false;
-	};
-	const getSelectedYearIndex = () => {
-		if (selectedDate) {
-			const selectedIndexFromValue = years.findIndex((year) => year.value === selectedDate.year);
-			if (selectedIndexFromValue >= 0) return selectedIndexFromValue;
-		}
-		const focusedYearIndex = years.findIndex((year) => year.value === state.focusedDate.year);
-		if (focusedYearIndex < 0) return null;
-		return focusedYearIndex;
-	};
-	const selectedYearIndex = getSelectedYearIndex();
-	const lastPressedYearIndexRef = useRef(null);
-	const listBoxSelectionProps = {};
-	if (selectedYearIndex !== null) listBoxSelectionProps.selectedKeys = [selectedYearIndex];
-	const parseYearIndexFromKey = (key) => {
-		if (typeof key === "number") return key;
-		if (typeof key === "string") {
-			const parsedIndex = Number.parseInt(key, 10);
-			if (!Number.isNaN(parsedIndex)) return parsedIndex;
-		}
-		return null;
-	};
-	const { ref } = useScrollableListBox();
-	return /* @__PURE__ */ jsx(ListBox, {
-		ref,
-		autoFocus: true,
-		"aria-label": "Year",
-		selectionMode: "single",
-		...listBoxSelectionProps,
-		onSelectionChange: (key) => {
-			if (key === "all") return;
-			const selectedKey = [...key][0];
-			const selectedYearIndexValue = parseYearIndexFromKey(selectedKey);
-			if (selectedYearIndexValue !== null && years[selectedYearIndexValue]) {
-				const nextSelectedDate = state.focusedDate.set({ year: years[selectedYearIndexValue].value });
-				state.setFocusedDate(nextSelectedDate);
-				onDateChange?.(nextSelectedDate);
-			}
-			onSelectionChange(key);
-		},
-		className: "h-80 max-h-full min-h-0 w-full shrink-0 overflow-y-auto md:h-72 md:w-80",
-		children: years.map((year, index) => {
-			const isDisabled = isYearDisabled(year.value);
-			return /* @__PURE__ */ jsx(ListBoxItem, {
-				id: index,
-				textValue: year.formatted,
-				isDisabled,
-				onPress: () => {
-					const isSecondConsecutivePress = lastPressedYearIndexRef.current === index;
-					lastPressedYearIndexRef.current = index;
-					const nextSelectedDate = state.focusedDate.set({ year: year.value });
-					state.setFocusedDate(nextSelectedDate);
-					onDateChange?.(nextSelectedDate);
-					if (!isSecondConsecutivePress) return;
-					if (!selectedDate) return;
-					if (selectedYearIndex === null) return;
-					if (index !== selectedYearIndex) return;
-					onCommit?.();
-				},
-				className: clsx("flex px-4 py-2 text-interactive-text-secondary-idle outline-none", "border-elevation-outline-default-1 border-b border-solid bg-elevation-fill-default-1 last:border-b-0", "hover:text-interactive-text-secondary-hover", "selected:bg-interactive-contained-primary-idle selected:text-interactive-text-secondary-idle-inverted", "focus-visible:bg-interactive-contained-primary-focus focus-visible:text-interactive-text-secondary-idle-inverted", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
-				children: /* @__PURE__ */ jsx(Typography, {
-					as: "span",
-					size: "label-2",
-					children: year.formatted
-				})
-			}, index);
-		})
-	});
-};
-//#endregion
-export { YearPicker };

package/dist/components/inputs/DateTime/shared/datePicker.types.d.ts

@@ -1,8 +0,0 @@
-import { IconButtonProps } from "../../../icon-button.js";
-//#region src/components/inputs/DateTime/shared/datePicker.types.d.ts
-type DatePickerTodayIcon = boolean | IconButtonProps["icon"];
-type DatePickerTodayIconButtonSize = IconButtonProps["size"];
-type DatePickerTodayIconButtonComponent = "iconButton" | "inlineIconButton";
-type DatePickerTodayIconPlacement = "content" | "fieldLabel";
-//#endregion
-export { DatePickerTodayIcon, DatePickerTodayIconButtonComponent, DatePickerTodayIconButtonSize, DatePickerTodayIconPlacement };

package/dist/components/inputs/DateTime/shared/datePickerInput.cva.d.ts

@@ -1,17 +0,0 @@
-import { StyleMergeUtils } from "../../../../utils/style-merge.util.js";
-import "../../../../config/uiOverrides.context.js";
-import "../../shared/input.cva.js";
-//#region src/components/inputs/DateTime/shared/datePickerInput.cva.d.ts
-declare const datePickerInputContentRowDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{
-    readonly size: {
-      readonly "extra-small": "";
-      readonly small: "";
-      readonly default: "";
-      readonly large: "";
-    };
-  }>;
-};
-//#endregion
-export { datePickerInputContentRowDefinition };

package/dist/components/inputs/DateTime/shared/datePickerInput.cva.js

@@ -1,16 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-//#region src/components/inputs/DateTime/shared/datePickerInput.cva.ts
-const datePickerInputContentRowDefinition = UIOverrides.defineConfig({
-	base: ["flex items-center gap-input-gap-input-text-to-elements"],
-	config: {
-		variants: { size: {
-			"extra-small": "",
-			small: "",
-			default: "",
-			large: ""
-		} },
-		defaultVariants: { size: "default" }
-	}
-});
-//#endregion
-export { datePickerInputContentRowDefinition };

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

@@ -1,38 +0,0 @@
-import { IconButton } from "../../../icon-button.js";
-import { InlineIconButton } from "../../../inline-icon-button.js";
-import { Type } from "lucide-react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/DateTime/shared/datePickerTodayIcon.tsx
-const getDatePickerTodayIcon = (todayIcon) => {
-	if (!todayIcon) return null;
-	return todayIcon === true ? /* @__PURE__ */ jsx("span", {
-		className: "grid size-6 shrink-0 place-items-center",
-		children: /* @__PURE__ */ jsx(Type, {
-			className: "size-4",
-			strokeWidth: 2.5
-		})
-	}) : todayIcon;
-};
-const renderDatePickerTodayIcon = (todayIcon, options) => {
-	const icon = getDatePickerTodayIcon(todayIcon);
-	if (!icon) return;
-	const { className, isDisabled, onPress, renderStatic, size = "none", todayIconButtonComponent = "iconButton" } = options ?? {};
-	const buttonProps = {
-		label: "",
-		icon,
-		size,
-		isDisabled,
-		onPress
-	};
-	if (todayIconButtonComponent === "inlineIconButton") return /* @__PURE__ */ jsx(InlineIconButton, {
-		...buttonProps,
-		staticRender: renderStatic,
-		className: className ?? "relative z-raised !border-none"
-	});
-	return /* @__PURE__ */ jsx(IconButton, {
-		...buttonProps,
-		className: className ?? "relative z-raised"
-	});
-};
-//#endregion
-export { getDatePickerTodayIcon, renderDatePickerTodayIcon };

package/dist/components/inputs/DateTime/shared/datePickerValue.utils.js

@@ -1,4 +0,0 @@
-//#region src/components/inputs/DateTime/shared/datePickerValue.utils.ts
-const normalizeDatePickerValue = (value) => value ?? null;
-//#endregion
-export { normalizeDatePickerValue };

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

@@ -1,100 +0,0 @@
-import { Typography } from "../../../text/Typography/Typography.js";
-import { DateSegmentItemView } from "./DateSegmentItem.js";
-import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/inputs/DateTime/shared/staticDateTimeSegments.tsx
-const getStaticCalendarDateSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, dateGranularity = "day" }) => {
-	if (disableManualEntry && placeholder && !value) return getStaticDateTimePlaceholder(placeholder);
-	return renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(value, locale, { shouldForceLeadingZeros }), {
-		isDisabled,
-		hidePlaceholder,
-		dateGranularity
-	});
-};
-const getStaticCalendarDateTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
-	const hasValue = !!(value && "hour" in value);
-	if (disableManualEntry && placeholder && !hasValue) return getStaticDateTimePlaceholder(placeholder);
-	return renderStaticDateTimeParts(DateTimeUtils.formatCalendarDateTimePartsLocalized(hasValue ? value : null, locale, { shouldForceLeadingZeros }), {
-		isDisabled,
-		hidePlaceholder,
-		segmentRole: "spinbutton"
-	});
-};
-const getStaticDateRangeSegments = ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
-	if (disableManualEntry && placeholder && !start && !end) return getStaticDateTimePlaceholder(placeholder);
-	const showSeparator = !hidePlaceholder;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(start, locale, { shouldForceLeadingZeros }), {
-			isDisabled,
-			hidePlaceholder: hidePlaceholder && !start,
-			segmentGroup: "start"
-		}),
-		showSeparator && /* @__PURE__ */ jsx("span", {
-			className: isDisabled ? "pointer-events-none select-none text-interactive-text-secondary-disabled" : "pointer-events-none select-none",
-			children: "–"
-		}),
-		renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(end, locale, { shouldForceLeadingZeros }), {
-			isDisabled,
-			hidePlaceholder: hidePlaceholder && !end,
-			segmentGroup: "end"
-		})
-	] });
-};
-const getStaticTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
-	if (disableManualEntry && placeholder && !value) return getStaticDateTimePlaceholder(placeholder);
-	return renderStaticDateTimeParts(DateTimeUtils.formatTimePartsLocalized(value, locale, { shouldForceLeadingZeros }), {
-		isDisabled,
-		hidePlaceholder,
-		timePickerOnly: true
-	});
-};
-const getStaticDateTimePlaceholder = (placeholder) => /* @__PURE__ */ jsx(Typography, {
-	size: "label-1",
-	className: "text-text-default-3",
-	children: placeholder
-});
-const getStaticDateTimeFocusTarget = (container, staticTarget) => {
-	const staticSegment = staticTarget instanceof Element ? staticTarget.closest("[data-static-segment-type]") : null;
-	const segmentType = staticSegment?.dataset.staticSegmentType;
-	if (segmentType) {
-		const segmentGroup = staticSegment.dataset.staticSegmentGroup;
-		const groupSelector = segmentGroup ? `[data-static-segment-group="${segmentGroup}"]` : "";
-		const matchingSegment = container.querySelector(`${groupSelector}[data-static-segment-type="${segmentType}"]`);
-		if (matchingSegment) return matchingSegment;
-	}
-	return container.querySelector("input, button, [tabindex]:not([tabindex='-1'])");
-};
-const renderStaticDateTimeParts = (parts, options) => {
-	const partsToRender = getStaticDateTimePartsToRender(parts, options.dateGranularity);
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex",
-		children: partsToRender.map((part, index) => /* @__PURE__ */ jsx(DateSegmentItemView, {
-			type: part.type,
-			text: part.value,
-			placeholder: part.placeholder,
-			isPlaceholder: part.isPlaceholder && part.type !== "literal",
-			segmentGroup: options.segmentGroup,
-			isInputEmpty: parts.some((item) => item.type !== "literal" && item.isPlaceholder),
-			isDisabled: options.isDisabled,
-			timePickerOnly: options.timePickerOnly,
-			hidePlaceholder: options.hidePlaceholder,
-			role: part.type === "literal" ? void 0 : options.segmentRole
-		}, index))
-	});
-};
-const getStaticDateTimePartsToRender = (parts, dateGranularity = "day") => {
-	const segments = [];
-	for (const part of parts) if (part.type !== "literal") {
-		if (isStaticDatePartVisible(part.type, dateGranularity)) segments.push(part);
-	} else if (segments.length > 0 && segments.at(-1)?.type !== "literal") segments.push(part);
-	if (segments.at(-1)?.type === "literal") segments.pop();
-	return segments;
-};
-const isStaticDatePartVisible = (type, dateGranularity) => {
-	if (dateGranularity === "day") return true;
-	if (dateGranularity === "month") return type !== "day";
-	if (dateGranularity === "year") return type === "year";
-	return true;
-};
-//#endregion
-export { getStaticCalendarDateSegments, getStaticCalendarDateTimeSegments, getStaticDateRangeSegments, getStaticDateTimeFocusTarget, getStaticDateTimePlaceholder, getStaticTimeSegments };

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

@@ -1,19 +0,0 @@
-import { useLayoutEffect } from "react";
-import { isFirefox } from "@react-aria/utils";
-//#region src/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.ts
-const isEditableElement = (element) => element instanceof HTMLElement && (element.matches("input, textarea") || element.isContentEditable);
-const useFirefoxDateSegmentSelectionGuard = (containerRef) => {
-	useLayoutEffect(() => {
-		const container = containerRef.current;
-		if (!container || !isFirefox()) return;
-		const onSelectionChange = (event) => {
-			const activeElement = document.activeElement;
-			const selection = window.getSelection();
-			if (isEditableElement(activeElement) && !container.contains(activeElement) && selection?.anchorNode && container.contains(selection.anchorNode)) event.stopImmediatePropagation();
-		};
-		document.addEventListener("selectionchange", onSelectionChange, true);
-		return () => document.removeEventListener("selectionchange", onSelectionChange, true);
-	}, [containerRef]);
-};
-//#endregion
-export { useFirefoxDateSegmentSelectionGuard };

package/dist/components/inputs/File/inputUpload.types.d.ts

@@ -1,39 +0,0 @@
-import "../../buttons/Button/button.cva.js";
-import { FieldValues } from "../shared/form.binding.js";
-import { ControlProps } from "../shared/form.types.js";
-import { InputSizeProps } from "../shared/input.cva.js";
-import { FormFieldProps } from "../../form-field.js";
-import { InputUploadButtonProps } from "./shared/inputUploadButton.cva.js";
-import { Ref } from "react";
-import { DropZoneProps, FileTriggerProps } from "react-aria-components";
-//#region src/components/inputs/File/inputUpload.types.d.ts
-interface SingleFileUploadProps {
-  allowsMultiple?: false;
-  value?: File | null;
-  onChange?: (file: File | null) => void;
-  defaultValue?: File | null;
-  onInvalidFileType?: (filename: string) => void;
-}
-interface MultipleFileUploadProps {
-  allowsMultiple: true;
-  value?: File[];
-  onChange?: (files: File[]) => void;
-  defaultValue?: File[];
-  onInvalidFileType?: (filenames: string[]) => void;
-}
-type GroupedFileUploadProps = MultipleFileUploadProps | SingleFileUploadProps;
-type GroupedFileUploadControlProps<TFieldValues extends FieldValues> = ({
-  allowsMultiple: true;
-} & ControlProps<MultipleFileUploadProps, TFieldValues>) | ({
-  allowsMultiple?: false;
-} & ControlProps<SingleFileUploadProps, TFieldValues>);
-type InputUploadBaseProps = {
-  ref?: Ref<HTMLElement>;
-  label?: string;
-  className?: string;
-  placeholder?: string;
-  buttonText?: string;
-} & FormFieldProps & InputUploadButtonProps & Omit<FileTriggerProps, "children" | "onSelect" | "allowsMultiple"> & Omit<DropZoneProps, "children" | "onDrop"> & GroupedFileUploadProps & Pick<InputSizeProps, "size">;
-type InputUploadProps<TFieldValues extends FieldValues = FieldValues> = InputUploadBaseProps & GroupedFileUploadControlProps<TFieldValues>;
-//#endregion
-export { GroupedFileUploadControlProps, GroupedFileUploadProps, InputUploadBaseProps, InputUploadProps, MultipleFileUploadProps, SingleFileUploadProps };