@povio/ui 2.3.0-rc.6 → 2.3.0-rc.7

package/dist/components/buttons/SplitButton/SplitButton.js

@@ -2,37 +2,122 @@ import { ChevronDownIcon } from "../../../assets/icons/ChevronDown.js";
 import { Button } from "../Button/Button.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { Menu } from "../../Menu/Menu.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/components/buttons/SplitButton/SplitButton.tsx
-var SplitButton = ({ variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props }) => {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "group/split flex items-center",
-		"data-split": "",
-		children: [/* @__PURE__ */ jsx(Button, {
+var SplitButton = (t0) => {
+	const $ = c(36);
+	let className;
+	let color;
+	let isLoading;
+	let items;
+	let label;
+	let labelRight;
+	let link;
+	let props;
+	let size;
+	let variant;
+	let width;
+	if ($[0] !== t0) {
+		({variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = color;
+		$[3] = isLoading;
+		$[4] = items;
+		$[5] = label;
+		$[6] = labelRight;
+		$[7] = link;
+		$[8] = props;
+		$[9] = size;
+		$[10] = variant;
+		$[11] = width;
+	} else {
+		className = $[1];
+		color = $[2];
+		isLoading = $[3];
+		items = $[4];
+		label = $[5];
+		labelRight = $[6];
+		link = $[7];
+		props = $[8];
+		size = $[9];
+		variant = $[10];
+		width = $[11];
+	}
+	let t1;
+	if ($[12] !== className) {
+		t1 = clsx("rounded-r-none! border-r border-solid", className);
+		$[12] = className;
+		$[13] = t1;
+	} else t1 = $[13];
+	let t2;
+	if ($[14] !== color || $[15] !== isLoading || $[16] !== label || $[17] !== link || $[18] !== props || $[19] !== size || $[20] !== t1 || $[21] !== variant || $[22] !== width) {
+		t2 = /* @__PURE__ */ jsx(Button, {
 			...props,
 			width,
 			size,
 			variant,
 			color,
 			link,
-			className: clsx("rounded-r-none! border-r border-solid", className),
+			className: t1,
 			"data-separator": "",
 			isLoading,
 			children: label
-		}), /* @__PURE__ */ jsx(Menu, {
-			trigger: /* @__PURE__ */ jsx(IconButton, {
-				size,
-				variant,
-				color,
-				label: labelRight,
-				icon: ChevronDownIcon,
-				className: "rounded-l-none! border-l-0!",
-				isDisabled: props.isDisabled || isLoading
-			}),
+		});
+		$[14] = color;
+		$[15] = isLoading;
+		$[16] = label;
+		$[17] = link;
+		$[18] = props;
+		$[19] = size;
+		$[20] = t1;
+		$[21] = variant;
+		$[22] = width;
+		$[23] = t2;
+	} else t2 = $[23];
+	const t3 = props.isDisabled || isLoading;
+	let t4;
+	if ($[24] !== color || $[25] !== labelRight || $[26] !== size || $[27] !== t3 || $[28] !== variant) {
+		t4 = /* @__PURE__ */ jsx(IconButton, {
+			size,
+			variant,
+			color,
+			label: labelRight,
+			icon: ChevronDownIcon,
+			className: "rounded-l-none! border-l-0!",
+			isDisabled: t3
+		});
+		$[24] = color;
+		$[25] = labelRight;
+		$[26] = size;
+		$[27] = t3;
+		$[28] = variant;
+		$[29] = t4;
+	} else t4 = $[29];
+	let t5;
+	if ($[30] !== items || $[31] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Menu, {
+			trigger: t4,
 			items
-		})]
-	});
+		});
+		$[30] = items;
+		$[31] = t4;
+		$[32] = t5;
+	} else t5 = $[32];
+	let t6;
+	if ($[33] !== t2 || $[34] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "group/split flex items-center",
+			"data-split": "",
+			children: [t2, t5]
+		});
+		$[33] = t2;
+		$[34] = t5;
+		$[35] = t6;
+	} else t6 = $[35];
+	return t6;
 };
 //#endregion
 export { SplitButton };

package/dist/components/buttons/TextButton/TextButton.js

@@ -1,14 +1,36 @@
 import { Button } from "../Button/Button.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/TextButton/TextButton.tsx
-var TextButton = ({ children, ...props }) => {
-	return /* @__PURE__ */ jsx(Button, {
-		...props,
-		variant: "text",
-		size: "none",
-		width: props.width ?? "hug",
-		children
-	});
+var TextButton = (t0) => {
+	const $ = c(7);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
+	const t1 = props.width ?? "hug";
+	let t2;
+	if ($[3] !== children || $[4] !== props || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Button, {
+			...props,
+			variant: "text",
+			size: "none",
+			width: t1,
+			children
+		});
+		$[3] = children;
+		$[4] = props;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 };
 //#endregion
 export { TextButton };

package/dist/components/buttons/ToggleButton/ToggleButton.js

@@ -1,14 +1,34 @@
 import { Button } from "../Button/Button.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/ToggleButton/ToggleButton.tsx
-var ToggleButton = ({ children, ...props }) => {
-	return /* @__PURE__ */ jsx(Button, {
-		...props,
-		toggle: true,
-		variant: "outlined",
-		color: "primary",
-		children
-	});
+var ToggleButton = (t0) => {
+	const $ = c(6);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== children || $[4] !== props) {
+		t1 = /* @__PURE__ */ jsx(Button, {
+			...props,
+			toggle: true,
+			variant: "outlined",
+			color: "primary",
+			children
+		});
+		$[3] = children;
+		$[4] = props;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
 };
 //#endregion
 export { ToggleButton };

package/dist/components/buttons/shared/ButtonContent.js

@@ -2,36 +2,94 @@ import { UIStyle } from "../../../config/uiStyle.context.js";
 import { typography } from "../../text/Typography/typography.cva.js";
 import { buttonContentLabel } from "./buttonContent.cva.js";
 import { Loader } from "../../status/Loader/Loader.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { isValidElement } from "react";
 //#region src/components/buttons/shared/ButtonContent.tsx
-var ButtonContent = ({ ref, content, isLoading, icon: Icon, iconClassName, hideText, iconPosition = "left", typography: typographyOverrides }) => {
+var ButtonContent = (t0) => {
+	const $ = c(21);
+	const { ref, content, isLoading, icon: Icon, iconClassName, hideText, iconPosition: t1, typography: typographyOverrides } = t0;
+	const iconPosition = t1 === void 0 ? "left" : t1;
 	const typographyCva = UIStyle.useCva("typography.cva", typography);
 	let iconOrLoader = null;
-	if (isLoading) iconOrLoader = /* @__PURE__ */ jsx(Loader, { className: "shrink-0" });
-	else if (Icon) if (isValidElement(Icon)) iconOrLoader = Icon;
-	else iconOrLoader = /* @__PURE__ */ jsx(Icon, { className: clsx("shrink-0", iconClassName) });
-	const resolvedTypography = {
-		size: "label-2",
-		variant: "prominent-1",
-		...typographyOverrides
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		iconOrLoader && iconPosition === "left" && iconOrLoader,
-		/* @__PURE__ */ jsx("span", {
-			className: clsx(typographyCva({
-				...resolvedTypography,
-				sizeMobile: resolvedTypography.sizeMobile ?? resolvedTypography.size
-			}), buttonContentLabel({
-				iconPosition: iconOrLoader ? iconPosition : "none",
-				hideText: !!hideText
-			})),
+	if (isLoading) {
+		let t2;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsx(Loader, { className: "shrink-0" });
+			$[0] = t2;
+		} else t2 = $[0];
+		iconOrLoader = t2;
+	} else if (Icon) if (isValidElement(Icon)) iconOrLoader = Icon;
+	else {
+		let t2;
+		if ($[1] !== iconClassName) {
+			t2 = clsx("shrink-0", iconClassName);
+			$[1] = iconClassName;
+			$[2] = t2;
+		} else t2 = $[2];
+		let t3;
+		if ($[3] !== Icon || $[4] !== t2) {
+			t3 = /* @__PURE__ */ jsx(Icon, { className: t2 });
+			$[3] = Icon;
+			$[4] = t2;
+			$[5] = t3;
+		} else t3 = $[5];
+		iconOrLoader = t3;
+	}
+	let t2;
+	let t3;
+	if ($[6] !== hideText || $[7] !== iconOrLoader || $[8] !== iconPosition || $[9] !== typographyCva || $[10] !== typographyOverrides) {
+		const resolvedTypography = {
+			size: "label-2",
+			variant: "prominent-1",
+			...typographyOverrides
+		};
+		t3 = iconOrLoader && iconPosition === "left" && iconOrLoader;
+		t2 = clsx(typographyCva({
+			...resolvedTypography,
+			sizeMobile: resolvedTypography.sizeMobile ?? resolvedTypography.size
+		}), buttonContentLabel({
+			iconPosition: iconOrLoader ? iconPosition : "none",
+			hideText: !!hideText
+		}));
+		$[6] = hideText;
+		$[7] = iconOrLoader;
+		$[8] = iconPosition;
+		$[9] = typographyCva;
+		$[10] = typographyOverrides;
+		$[11] = t2;
+		$[12] = t3;
+	} else {
+		t2 = $[11];
+		t3 = $[12];
+	}
+	let t4;
+	if ($[13] !== content || $[14] !== ref || $[15] !== t2) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			className: t2,
 			ref,
 			children: content
-		}),
-		iconOrLoader && iconPosition === "right" && iconOrLoader
-	] });
+		});
+		$[13] = content;
+		$[14] = ref;
+		$[15] = t2;
+		$[16] = t4;
+	} else t4 = $[16];
+	const t5 = iconOrLoader && iconPosition === "right" && iconOrLoader;
+	let t6;
+	if ($[17] !== t3 || $[18] !== t4 || $[19] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t3,
+			t4,
+			t5
+		] });
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
+	return t6;
 };
 //#endregion
 export { ButtonContent };

package/dist/components/inputs/Checkbox/Checkbox.js

@@ -4,6 +4,7 @@ import { checkboxContentClassName, checkboxIndicatorClass, checkboxTypography }
 import { FormFieldError } from "../FormField/FormFieldError.js";
 import { CheckContent } from "../shared/CheckContent.js";
 import { CheckboxCheckmark } from "./CheckboxCheckmark.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Checkbox } from "react-aria-components";
@@ -11,28 +12,72 @@ import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
 //#region src/components/inputs/Checkbox/Checkbox.tsx
 var CheckboxBase = (props) => {
+	const $ = c(38);
 	const ui = UIConfig.useConfig();
 	const checkboxTypographyMap = UIStyle.useMapper("checkbox.typography", checkboxTypography);
 	const checkboxContentClassNameMap = UIStyle.useMapper("checkbox.contentClassName", checkboxContentClassName);
-	const { className, children, isDisabled, error, variant: variantProp, hideLabel: hideLabelProp, ...rest } = props;
+	let children;
+	let className;
+	let error;
+	let hideLabelProp;
+	let isDisabled;
+	let rest;
+	let variantProp;
+	if ($[0] !== props) {
+		({className, children, isDisabled, error, variant: variantProp, hideLabel: hideLabelProp, ...rest} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = className;
+		$[3] = error;
+		$[4] = hideLabelProp;
+		$[5] = isDisabled;
+		$[6] = rest;
+		$[7] = variantProp;
+	} else {
+		children = $[1];
+		className = $[2];
+		error = $[3];
+		hideLabelProp = $[4];
+		isDisabled = $[5];
+		rest = $[6];
+		variantProp = $[7];
+	}
 	const variant = variantProp ?? ui.checkbox.variant;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
-	const formFieldErrorProps = {
-		error,
-		isDisabled
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Checkbox, {
-		...rest,
-		isDisabled,
-		isInvalid: !!error,
-		"aria-errormessage": error || void 0,
-		"data-is-dirty": props.isDirty || void 0,
-		"data-is-required": props.isRequired || void 0,
-		className: clsx("relative", checkboxIndicatorClass, className),
-		children: [/* @__PURE__ */ jsx(CheckboxCheckmark, {
+	let t0;
+	if ($[8] !== error || $[9] !== isDisabled) {
+		t0 = {
+			error,
+			isDisabled
+		};
+		$[8] = error;
+		$[9] = isDisabled;
+		$[10] = t0;
+	} else t0 = $[10];
+	const formFieldErrorProps = t0;
+	const t1 = !!error;
+	const t2 = error || void 0;
+	const t3 = props.isDirty || void 0;
+	const t4 = props.isRequired || void 0;
+	let t5;
+	if ($[11] !== className) {
+		t5 = clsx("relative", checkboxIndicatorClass, className);
+		$[11] = className;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== rest || $[14] !== variant) {
+		t6 = /* @__PURE__ */ jsx(CheckboxCheckmark, {
 			variant,
 			...rest
-		}), !hideLabel && /* @__PURE__ */ jsx(CheckContent, {
+		});
+		$[13] = rest;
+		$[14] = variant;
+		$[15] = t6;
+	} else t6 = $[15];
+	let t7;
+	if ($[16] !== checkboxContentClassNameMap || $[17] !== checkboxTypographyMap || $[18] !== children || $[19] !== hideLabel || $[20] !== rest || $[21] !== variant) {
+		t7 = !hideLabel && /* @__PURE__ */ jsx(CheckContent, {
 			typography: checkboxTypographyMap({
 				variant,
 				...rest
@@ -42,29 +87,114 @@ var CheckboxBase = (props) => {
 				...rest
 			}),
 			children
-		})]
-	}), /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })] });
+		});
+		$[16] = checkboxContentClassNameMap;
+		$[17] = checkboxTypographyMap;
+		$[18] = children;
+		$[19] = hideLabel;
+		$[20] = rest;
+		$[21] = variant;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] !== isDisabled || $[24] !== rest || $[25] !== t1 || $[26] !== t2 || $[27] !== t3 || $[28] !== t4 || $[29] !== t5 || $[30] !== t6 || $[31] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(Checkbox, {
+			...rest,
+			isDisabled,
+			isInvalid: t1,
+			"aria-errormessage": t2,
+			"data-is-dirty": t3,
+			"data-is-required": t4,
+			className: t5,
+			children: [t6, t7]
+		});
+		$[23] = isDisabled;
+		$[24] = rest;
+		$[25] = t1;
+		$[26] = t2;
+		$[27] = t3;
+		$[28] = t4;
+		$[29] = t5;
+		$[30] = t6;
+		$[31] = t7;
+		$[32] = t8;
+	} else t8 = $[32];
+	let t9;
+	if ($[33] !== formFieldErrorProps) {
+		t9 = /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps });
+		$[33] = formFieldErrorProps;
+		$[34] = t9;
+	} else t9 = $[34];
+	let t10;
+	if ($[35] !== t8 || $[36] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(Fragment, { children: [t8, t9] });
+		$[35] = t8;
+		$[36] = t9;
+		$[37] = t10;
+	} else t10 = $[37];
+	return t10;
 };
 var Checkbox$1 = (props) => {
+	const $ = c(15);
 	if ("formControl" in props && props.formControl) {
-		const { formControl, ref, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(Controller, {
-			control: formControl.control,
-			name: formControl.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(CheckboxBase, {
-				...innerProps,
-				ref: mergeRefs(ref, field.ref),
-				isSelected: field.value,
-				onChange: field.onChange,
-				onBlur: field.onBlur,
-				name: field.name,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
-		});
+		let formControl;
+		let innerProps;
+		let ref;
+		if ($[0] !== props) {
+			({formControl, ref, ...innerProps} = props);
+			$[0] = props;
+			$[1] = formControl;
+			$[2] = innerProps;
+			$[3] = ref;
+		} else {
+			formControl = $[1];
+			innerProps = $[2];
+			ref = $[3];
+		}
+		let t0;
+		if ($[4] !== innerProps || $[5] !== props.error || $[6] !== props.isDisabled || $[7] !== ref) {
+			t0 = (t1) => {
+				const { field, fieldState: t2 } = t1;
+				const { error, isDirty } = t2;
+				return /* @__PURE__ */ jsx(CheckboxBase, {
+					...innerProps,
+					ref: mergeRefs(ref, field.ref),
+					isSelected: field.value,
+					onChange: field.onChange,
+					onBlur: field.onBlur,
+					name: field.name,
+					isDirty,
+					isDisabled: field.disabled || props.isDisabled,
+					error: props.error ?? error?.message
+				});
+			};
+			$[4] = innerProps;
+			$[5] = props.error;
+			$[6] = props.isDisabled;
+			$[7] = ref;
+			$[8] = t0;
+		} else t0 = $[8];
+		let t1;
+		if ($[9] !== formControl.control || $[10] !== formControl.name || $[11] !== t0) {
+			t1 = /* @__PURE__ */ jsx(Controller, {
+				control: formControl.control,
+				name: formControl.name,
+				render: t0
+			});
+			$[9] = formControl.control;
+			$[10] = formControl.name;
+			$[11] = t0;
+			$[12] = t1;
+		} else t1 = $[12];
+		return t1;
 	}
-	return /* @__PURE__ */ jsx(CheckboxBase, { ...props });
+	let t0;
+	if ($[13] !== props) {
+		t0 = /* @__PURE__ */ jsx(CheckboxBase, { ...props });
+		$[13] = props;
+		$[14] = t0;
+	} else t0 = $[14];
+	return t0;
 };
 //#endregion
 export { Checkbox$1 as Checkbox };

package/dist/components/inputs/Checkbox/CheckboxCheckmark.js

@@ -2,24 +2,38 @@ import { CheckboxCheckmarkIcon } from "../../../assets/icons/CheckboxCheckmark.j
 import { CheckboxIndeterminateIcon } from "../../../assets/icons/CheckboxIndeterminate.js";
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { checkbox, checkboxIcon } from "./checkbox.cva.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Checkbox/CheckboxCheckmark.tsx
-var CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = CheckboxCheckmarkIcon, indeterminateIcon: IndeterminateIcon = CheckboxIndeterminateIcon, ...props }) => {
+var CheckboxCheckmark = (t0) => {
+	const $ = c(3);
+	const { variant, className, selectedIcon: t1, indeterminateIcon: t2, ...props } = t0;
+	const SelectedIcon = t1 === void 0 ? CheckboxCheckmarkIcon : t1;
+	const IndeterminateIcon = t2 === void 0 ? CheckboxIndeterminateIcon : t2;
 	const checkboxCva = UIStyle.useCva("checkbox.cva", checkbox);
 	const checkboxIconCva = UIStyle.useCva("checkbox.iconCva", checkboxIcon);
+	const t3 = checkboxCva({
+		variant,
+		...props,
+		className
+	});
+	const t4 = checkboxIconCva({
+		...props,
+		iconVariant: "indeterminate"
+	});
+	let t5;
+	if ($[0] !== IndeterminateIcon || $[1] !== t4) {
+		t5 = /* @__PURE__ */ jsx(IndeterminateIcon, { className: t4 });
+		$[0] = IndeterminateIcon;
+		$[1] = t4;
+		$[2] = t5;
+	} else t5 = $[2];
 	return /* @__PURE__ */ jsxs("div", {
-		className: checkboxCva({
-			variant,
-			...props,
-			className
-		}),
+		className: t3,
 		children: [/* @__PURE__ */ jsx(SelectedIcon, { className: checkboxIconCva({
 			...props,
 			iconVariant: "selected"
-		}) }), /* @__PURE__ */ jsx(IndeterminateIcon, { className: checkboxIconCva({
-			...props,
-			iconVariant: "indeterminate"
-		}) })]
+		}) }), t5]
 	});
 };
 //#endregion

package/dist/components/inputs/DateTime/DatePicker/DatePicker.js

@@ -84,9 +84,9 @@ var DatePickerBase = (props) => {
 		...rest,
 		shouldForceLeadingZeros,
 		value,
-		onChange: (val) => {
-			let normalizedValue = val;
-			if (val) normalizedValue = normalizeByGranularity(val);
+		onChange: (val_0) => {
+			let normalizedValue = val_0;
+			if (val_0) normalizedValue = normalizeByGranularity(val_0);
 			if (normalizedValue && (rest.minValue && normalizedValue < rest?.minValue || rest?.maxValue && normalizedValue > rest?.maxValue)) {
 				state.setValue(state.value);
 				return;
@@ -267,14 +267,14 @@ var DatePicker = ({ fullIso = true, granularity = "day", minValue, maxValue, ren
 		if (calendarDate === null) return null;
 		const normalizedDate = normalizeByGranularity(calendarDate);
 		if (fullIso) return DateTimeUtils.fromCalendarDateToUTCISO(normalizedDate);
-		const date = DateTimeUtils.fromDateValueToLocal(normalizedDate);
-		return DateTime.fromJSDate(date).toISODate();
+		const date_0 = DateTimeUtils.fromDateValueToLocal(normalizedDate);
+		return DateTime.fromJSDate(date_0).toISODate();
 	};
 	const parseCalendarDate = (formattedDate) => {
 		if (formattedDate == null) return formattedDate;
 		if (fullIso) return normalizeByGranularity(DateTimeUtils.fromUTCISOToCalendarDate(formattedDate));
-		const date = DateTime.fromISO(formattedDate).toJSDate();
-		return normalizeByGranularity(toCalendarDate(DateTimeUtils.fromLocalToZonedDateTime(date)));
+		const date_1 = DateTime.fromISO(formattedDate).toJSDate();
+		return normalizeByGranularity(toCalendarDate(DateTimeUtils.fromLocalToZonedDateTime(date_1)));
 	};
 	const dateLimits = {
 		minValue: typeof minValue === "string" ? parseCalendarDate(minValue) : minValue,
@@ -351,7 +351,7 @@ var DatePicker = ({ fullIso = true, granularity = "day", minValue, maxValue, ren
 		ref: mergeRefs(props.ref, inputRef),
 		granularity,
 		value: parseCalendarDate(props.value),
-		onChange: (value) => props.onChange?.(formatCalendarDate(value))
+		onChange: (value_0) => props.onChange?.(formatCalendarDate(value_0))
 	});
 };
 //#endregion