@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

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

@@ -10,235 +10,92 @@ import { TimeField } from "./TimeField.js";
 import { clsx } from "clsx";
 import { useRef, useState } from "react";
 import { Button } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 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
-var TimePickerInput = (t0) => {
-	const $ = c(69);
-	const { ref, as, fieldProps, state, isDisabled, isDirty, isRequired, isInvalid, disableDropdown, variant, size, isClearable, isClearableIfDisabled, headerProps, disableManualEntry, placeholder, className, onPress, onClear, ...props } = t0;
+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);
-	let t1;
-	if ($[0] !== isDisabled) {
-		t1 = { isDisabled };
-		$[0] = isDisabled;
-		$[1] = t1;
-	} else t1 = $[1];
-	const { hoverProps, isHovered } = useHover(t1);
+	const { hoverProps, isHovered } = useHover({ isDisabled });
 	const [isFocused, setIsFocused] = useState(false);
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = { onFocusWithinChange: setIsFocused };
-		$[2] = t2;
-	} else t2 = $[2];
-	const { focusWithinProps } = useFocusWithin(t2);
+	const { focusWithinProps } = useFocusWithin({ onFocusWithinChange: setIsFocused });
 	const { isFocusVisible } = useFocusVisible();
 	const containerRef = useRef(null);
 	useFirefoxDateSegmentSelectionGuard(containerRef);
 	const hidePlaceholder = as === "floating" && !state.value && !isFocused;
-	let t3;
-	if ($[3] !== state.segments) {
-		t3 = state.segments.some(_temp);
-		$[3] = state.segments;
-		$[4] = t3;
-	} else t3 = $[4];
-	const canClear = t3;
-	let t4;
-	if ($[5] !== ref) {
-		t4 = mergeRefs(ref, containerRef);
-		$[5] = ref;
-		$[6] = t4;
-	} else t4 = $[6];
-	const t5 = 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);
-	const t6 = isHovered || void 0;
-	const t7 = isDisabled || void 0;
-	const t8 = isDisabled || void 0;
-	const t9 = isInvalid || void 0;
-	const t10 = state.value === null || void 0;
-	const t11 = isFocused || void 0;
-	const t12 = isFocused && isFocusVisible || void 0;
-	const t13 = state.value !== null || void 0;
-	const t14 = isDirty || void 0;
-	const t15 = isRequired || void 0;
-	const t16 = state.value !== null || void 0;
-	let t17;
-	if ($[7] !== as || $[8] !== inputSizeCva || $[9] !== size) {
-		t17 = clsx(inputSizeCva({
-			size,
-			as
-		}), "flex w-full items-center gap-input-gap-input-text-to-elements pr-0!");
-		$[7] = as;
-		$[8] = inputSizeCva;
-		$[9] = size;
-		$[10] = t17;
-	} else t17 = $[10];
-	let t18;
-	if ($[11] !== disableManualEntry || $[12] !== onPress) {
-		t18 = disableManualEntry && /* @__PURE__ */ jsx(Button, {
-			onPress,
-			className: "absolute inset-0 z-base"
-		});
-		$[11] = disableManualEntry;
-		$[12] = onPress;
-		$[13] = t18;
-	} else t18 = $[13];
-	let t19;
-	if ($[14] !== as || $[15] !== headerProps) {
-		t19 = as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
+	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,
-			...headerProps
-		});
-		$[14] = as;
-		$[15] = headerProps;
-		$[16] = t19;
-	} else t19 = $[16];
-	let t20;
-	if ($[17] !== disableManualEntry || $[18] !== fieldProps || $[19] !== hidePlaceholder || $[20] !== isDisabled || $[21] !== placeholder || $[22] !== state) {
-		t20 = /* @__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
-		}) });
-		$[17] = disableManualEntry;
-		$[18] = fieldProps;
-		$[19] = hidePlaceholder;
-		$[20] = isDisabled;
-		$[21] = placeholder;
-		$[22] = state;
-		$[23] = t20;
-	} else t20 = $[23];
-	let t21;
-	if ($[24] !== t17 || $[25] !== t18 || $[26] !== t19 || $[27] !== t20) {
-		t21 = /* @__PURE__ */ jsxs("div", {
-			className: t17,
+			...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: [
-				t18,
-				t19,
-				t20
+				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
+				}) })
 			]
-		});
-		$[24] = t17;
-		$[25] = t18;
-		$[26] = t19;
-		$[27] = t20;
-		$[28] = t21;
-	} else t21 = $[28];
-	let t22;
-	if ($[29] !== as || $[30] !== inputSizeCva || $[31] !== size) {
-		t22 = clsx(inputSizeCva({
-			size,
-			as
-		}), "flex items-center gap-input-gap-trailing-elements py-0! pl-0!");
-		$[29] = as;
-		$[30] = inputSizeCva;
-		$[31] = size;
-		$[32] = t22;
-	} else t22 = $[32];
-	let t23;
-	if ($[33] !== canClear || $[34] !== isClearable || $[35] !== isClearableIfDisabled || $[36] !== isDisabled || $[37] !== onClear || $[38] !== state) {
-		t23 = isClearable && /* @__PURE__ */ jsx(InputClear, {
-			onClear: () => {
-				if (onClear) onClear();
-				else state.setValue(null);
-			},
-			show: canClear && (!isDisabled || isClearableIfDisabled === true)
-		});
-		$[33] = canClear;
-		$[34] = isClearable;
-		$[35] = isClearableIfDisabled;
-		$[36] = isDisabled;
-		$[37] = onClear;
-		$[38] = state;
-		$[39] = t23;
-	} else t23 = $[39];
-	let t24;
-	if ($[40] !== disableDropdown || $[41] !== disableManualEntry || $[42] !== isDisabled || $[43] !== onPress || $[44] !== uiConfig) {
-		t24 = (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(InlineIconButton, {
-			label: "",
-			color: "secondary",
-			onPress,
-			icon: uiConfig.dateInput.timeIcon,
-			isDisabled,
-			className: "border-0!",
-			"data-static-press-action": ""
-		});
-		$[40] = disableDropdown;
-		$[41] = disableManualEntry;
-		$[42] = isDisabled;
-		$[43] = onPress;
-		$[44] = uiConfig;
-		$[45] = t24;
-	} else t24 = $[45];
-	let t25;
-	if ($[46] !== t22 || $[47] !== t23 || $[48] !== t24) {
-		t25 = /* @__PURE__ */ jsxs("div", {
-			className: t22,
-			children: [t23, t24]
-		});
-		$[46] = t22;
-		$[47] = t23;
-		$[48] = t24;
-		$[49] = t25;
-	} else t25 = $[49];
-	let t26;
-	if ($[50] !== fieldProps || $[51] !== focusWithinProps || $[52] !== hoverProps || $[53] !== t10 || $[54] !== t11 || $[55] !== t12 || $[56] !== t13 || $[57] !== t14 || $[58] !== t15 || $[59] !== t16 || $[60] !== t21 || $[61] !== t25 || $[62] !== t4 || $[63] !== t5 || $[64] !== t6 || $[65] !== t7 || $[66] !== t8 || $[67] !== t9) {
-		t26 = /* @__PURE__ */ jsxs("div", {
-			ref: t4,
-			className: t5,
-			"data-rac": "",
-			"data-datetime-input": "",
-			"data-hovered": t6,
-			"data-disabled": t7,
-			"data-is-disabled": t8,
-			"data-invalid": t9,
-			"data-is-empty": t10,
-			"data-focus-within": t11,
-			"data-focus-visible": t12,
-			"data-has-selection": t13,
-			"data-is-dirty": t14,
-			"data-is-required": t15,
-			"data-is-filled": t16,
-			...fieldProps,
-			...focusWithinProps,
-			...hoverProps,
-			children: [t21, t25]
-		});
-		$[50] = fieldProps;
-		$[51] = focusWithinProps;
-		$[52] = hoverProps;
-		$[53] = t10;
-		$[54] = t11;
-		$[55] = t12;
-		$[56] = t13;
-		$[57] = t14;
-		$[58] = t15;
-		$[59] = t16;
-		$[60] = t21;
-		$[61] = t25;
-		$[62] = t4;
-		$[63] = t5;
-		$[64] = t6;
-		$[65] = t7;
-		$[66] = t8;
-		$[67] = t9;
-		$[68] = t26;
-	} else t26 = $[68];
-	return t26;
+		}), /* @__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": ""
+			})]
+		})]
+	});
 };
-function _temp(segment) {
-	return segment.type !== "literal" && segment.isPlaceholder === false;
-}
 //#endregion
 export { TimePickerInput };

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

@@ -1,29 +1,19 @@
 import { Typography } from "../../../text/Typography/Typography.js";
 import { useScrollableListBox } from "../../../../hooks/useScrollableListBox.js";
 import { clsx } from "clsx";
-import { useRef } from "react";
+import { useMemo, useRef } from "react";
 import { ListBox, ListBoxItem } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 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
-var YearPicker = (t0) => {
-	const $ = c(22);
-	const { state, onSelectionChange, onDateChange, onCommit, selectedDate } = t0;
-	let t1;
-	if ($[0] !== state.timeZone) {
-		t1 = {
-			year: "numeric",
-			timeZone: state.timeZone
-		};
-		$[0] = state.timeZone;
-		$[1] = t1;
-	} else t1 = $[1];
-	const formatter = useDateFormatter(t1);
-	let arr;
-	if ($[2] !== formatter || $[3] !== state.timeZone) {
-		arr = [];
+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({
@@ -31,121 +21,80 @@ var YearPicker = (t0) => {
 				formatted: formatter.format(date.toDate(state.timeZone))
 			});
 		}
-		$[2] = formatter;
-		$[3] = state.timeZone;
-		$[4] = arr;
-	} else arr = $[4];
-	const years = arr;
+		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;
 	};
-	let t2;
-	if ($[5] !== selectedDate || $[6] !== state.focusedDate || $[7] !== years) {
-		t2 = () => {
-			if (selectedDate) {
-				const selectedIndexFromValue = years.findIndex((year_0) => year_0.value === selectedDate.year);
-				if (selectedIndexFromValue >= 0) return selectedIndexFromValue;
-			}
-			const focusedYearIndex = years.findIndex((year_1) => year_1.value === state.focusedDate.year);
-			if (focusedYearIndex < 0) return null;
-			return focusedYearIndex;
-		};
-		$[5] = selectedDate;
-		$[6] = state.focusedDate;
-		$[7] = years;
-		$[8] = t2;
-	} else t2 = $[8];
-	const selectedYearIndex = t2();
+	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);
-	let listBoxSelectionProps;
-	if ($[9] !== selectedYearIndex) {
-		listBoxSelectionProps = {};
-		if (selectedYearIndex !== null) listBoxSelectionProps.selectedKeys = [selectedYearIndex];
-		$[9] = selectedYearIndex;
-		$[10] = listBoxSelectionProps;
-	} else listBoxSelectionProps = $[10];
-	const parseYearIndexFromKey = _temp;
+	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();
-	const T0 = ListBox;
-	const t3 = true;
-	const t4 = "Year";
-	const t5 = "single";
-	let t6;
-	if ($[11] !== onDateChange || $[12] !== onSelectionChange || $[13] !== state || $[14] !== years) {
-		t6 = (key_0) => {
-			if (key_0 === "all") return;
-			const selectedKey = [...key_0][0];
+	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_0);
-		};
-		$[11] = onDateChange;
-		$[12] = onSelectionChange;
-		$[13] = state;
-		$[14] = years;
-		$[15] = t6;
-	} else t6 = $[15];
-	const t7 = "h-80 max-h-full min-h-0 w-full shrink-0 overflow-y-auto md:h-72 md:w-80";
-	const t8 = years.map((year_2, index) => {
-		const isDisabled = isYearDisabled(year_2.value);
-		return /* @__PURE__ */ jsx(ListBoxItem, {
-			id: index,
-			textValue: year_2.formatted,
-			isDisabled,
-			onPress: () => {
-				const isSecondConsecutivePress = lastPressedYearIndexRef.current === index;
-				lastPressedYearIndexRef.current = index;
-				const nextSelectedDate_0 = state.focusedDate.set({ year: year_2.value });
-				state.setFocusedDate(nextSelectedDate_0);
-				onDateChange?.(nextSelectedDate_0);
-				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_2.formatted
-			})
-		}, index);
+			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);
+		})
 	});
-	let t9;
-	if ($[16] !== T0 || $[17] !== listBoxSelectionProps || $[18] !== ref || $[19] !== t6 || $[20] !== t8) {
-		t9 = /* @__PURE__ */ jsx(T0, {
-			ref,
-			autoFocus: t3,
-			"aria-label": t4,
-			selectionMode: t5,
-			...listBoxSelectionProps,
-			onSelectionChange: t6,
-			className: t7,
-			children: t8
-		});
-		$[16] = T0;
-		$[17] = listBoxSelectionProps;
-		$[18] = ref;
-		$[19] = t6;
-		$[20] = t8;
-		$[21] = t9;
-	} else t9 = $[21];
-	return t9;
 };
-function _temp(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;
-}
 //#endregion
 export { YearPicker };

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

@@ -1,5 +1,8 @@
-import { IconButtonProps } from '../../../buttons/IconButton/IconButton';
-export type DatePickerTodayIcon = boolean | IconButtonProps["icon"];
-export type DatePickerTodayIconButtonSize = IconButtonProps["size"];
-export type DatePickerTodayIconButtonComponent = "iconButton" | "inlineIconButton";
-export type DatePickerTodayIconPlacement = "content" | "fieldLabel";
+import { IconButtonProps } from "../../../buttons/IconButton/IconButton.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,16 +1,17 @@
-import { InputSizeProps } from '../../shared/input.cva';
-import { UIOverrides } from '../../../../config/uiOverrides.context';
-export declare const datePickerInputContentRowDefinition: {
-    base: string[];
-    config: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly "extra-small": "";
-            readonly small: "";
-            readonly default: "";
-            readonly large: "";
-        };
-    }>;
+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: "";
+    };
+  }>;
 };
-export type DatePickerInputContentRowConfig = NonNullable<typeof datePickerInputContentRowDefinition.config>;
-export interface DatePickerInputContentRowProps extends UIOverrides.VariantProps<DatePickerInputContentRowConfig>, InputSizeProps {
-}
+//#endregion
+export { datePickerInputContentRowDefinition };

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

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 //#region src/components/inputs/DateTime/shared/datePickerInput.cva.ts
-var datePickerInputContentRowDefinition = UIOverrides.defineConfig({
+const datePickerInputContentRowDefinition = UIOverrides.defineConfig({
 	base: ["flex items-center gap-input-gap-input-text-to-elements"],
 	config: {
 		variants: { size: {

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

@@ -1,58 +1,19 @@
 import { IconButton } from "../../../buttons/IconButton/IconButton.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
-import { c } from "react/compiler-runtime";
+import { Type } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/shared/datePickerTodayIcon.tsx
-var TodayIcon = (t0) => {
-	const $ = c(9);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = ["fill-current", className].filter(Boolean);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	const t2 = t1.join(" ");
-	let t3;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M9.184 9.672v-.945h5.628v.945h-2.27V16H11.45V9.672z",
-			transform: "translate(12 12) scale(1.65) translate(-12 -12)"
-		});
-		$[5] = t3;
-	} else t3 = $[5];
-	let t4;
-	if ($[6] !== props || $[7] !== t2) {
-		t4 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			...props,
-			className: t2,
-			children: t3
-		});
-		$[6] = props;
-		$[7] = t2;
-		$[8] = t4;
-	} else t4 = $[8];
-	return t4;
-};
-var getDatePickerTodayIcon = (todayIcon) => {
+const getDatePickerTodayIcon = (todayIcon) => {
 	if (!todayIcon) return null;
-	return todayIcon === true ? TodayIcon : todayIcon;
+	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;
 };
-var renderDatePickerTodayIcon = (todayIcon, options) => {
+const renderDatePickerTodayIcon = (todayIcon, options) => {
 	const icon = getDatePickerTodayIcon(todayIcon);
 	if (!icon) return;
 	const { className, isDisabled, onPress, renderStatic, size = "none", todayIconButtonComponent = "iconButton" } = options ?? {};
@@ -74,4 +35,4 @@ var renderDatePickerTodayIcon = (todayIcon, options) => {
 	});
 };
 //#endregion
-export { renderDatePickerTodayIcon };
+export { getDatePickerTodayIcon, renderDatePickerTodayIcon };