@povio/ui 5.0.0-rc.9 → 6.0.0-rc.2

package/dist/ComboBox-DFlz6HJ8.js

@@ -0,0 +1,212 @@
+import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-BkLF-JA3.js";
+import { g as $4b38b5b75ecc6208$export$698f465ec27e93df, i as $f2ff30fde7b014be$export$d2f961adcb0afbe, u as $542a13ca2fa5b484$export$9b9a0cd73afb7ca4 } from "./Dialog-lFYX-7Ax.js";
+import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-BGvF9vWx.js";
+import { t as $7705c033048f6da7$export$24d547caef80ccd1 } from "./Button-C1YB5dOw.js";
+import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D72yc4S6.js";
+import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-CqF1SaVw.js";
+import { t as $41fb335299a4a39e$export$37fb8590cf2c088c } from "./Input-BG0Xjw5X.js";
+import { n as $928221da08ecbc62$export$7c5906fe4f1f2af2, r as $928221da08ecbc62$export$7ff8f37d2d81a48d } from "./ListBox-CoUk0kkt.js";
+import $ahdqC$react, { createContext, useCallback, useMemo, useRef, useState } from "react";
+import "react-aria/mergeProps";
+import { CollectionBuilder } from "react-aria/CollectionBuilder";
+import { filterDOMProps } from "react-aria/filterDOMProps";
+import "react-aria/useFocusRing";
+import "react-aria/useHover";
+import { createHideableComponent } from "react-aria/private/collections/Hidden";
+import { useResizeObserver } from "react-aria/private/utils/useResizeObserver";
+import { useComboBox } from "react-aria/useComboBox";
+import { useComboBoxState } from "react-stately/useComboBoxState";
+import { useFilter } from "react-aria/useFilter";
+import "react-aria/useListFormatter";
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Group.mjs
+const $3a442827418ebe87$export$f9c6924e160136d1 = /*#__PURE__*/ createContext({});
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ComboBox.mjs
+const $dbdc5e6e7ce01b4b$export$d414ccceff7063c3 = /*#__PURE__*/ createContext(null);
+const $dbdc5e6e7ce01b4b$export$c02625b26074192c = /*#__PURE__*/ createContext(null);
+const $dbdc5e6e7ce01b4b$export$72b9695b8216309a = /*#__PURE__*/ createHideableComponent(function ComboBox(props, ref) {
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $dbdc5e6e7ce01b4b$export$d414ccceff7063c3);
+	let { children, isDisabled = false, isInvalid = false, isRequired = false, isReadOnly = false } = props;
+	let content = useMemo(() => /*#__PURE__*/ $ahdqC$react.createElement($928221da08ecbc62$export$7ff8f37d2d81a48d.Provider, { value: { items: props.items ?? props.defaultItems } }, typeof children === "function" ? children({
+		isOpen: false,
+		isDisabled,
+		isInvalid,
+		isRequired,
+		defaultChildren: null,
+		isReadOnly
+	}) : children), [
+		children,
+		isDisabled,
+		isInvalid,
+		isRequired,
+		isReadOnly,
+		props.items,
+		props.defaultItems
+	]);
+	return /*#__PURE__*/ $ahdqC$react.createElement(CollectionBuilder, { content }, (collection) => /*#__PURE__*/ $ahdqC$react.createElement($dbdc5e6e7ce01b4b$var$ComboBoxInner, {
+		props,
+		collection,
+		comboBoxRef: ref
+	}));
+});
+const $dbdc5e6e7ce01b4b$var$CLEAR_CONTEXTS = [
+	$43a3b93638fe5db9$export$75b6ee27786ba447,
+	$7705c033048f6da7$export$24d547caef80ccd1,
+	$41fb335299a4a39e$export$37fb8590cf2c088c,
+	$4b38b5b75ecc6208$export$698f465ec27e93df,
+	$3a442827418ebe87$export$f9c6924e160136d1,
+	$efe09c6d1c304b50$export$9afb8bc826b033ea
+];
+function $dbdc5e6e7ce01b4b$var$ComboBoxInner({ props, collection, comboBoxRef: ref }) {
+	let { name, formValue = "key", allowsCustomValue } = props;
+	if (allowsCustomValue) formValue = "text";
+	let { validationBehavior: formValidationBehavior } = $7230ffa83bc0c2cf$export$fabf2dc03a41866e($cdaed739b1139372$export$c24727297075ec6a) || {};
+	let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? "native";
+	let { contains } = useFilter({ sensitivity: "base" });
+	let state = useComboBoxState({
+		...props,
+		defaultFilter: props.defaultFilter || contains,
+		items: props.items,
+		children: void 0,
+		collection,
+		validationBehavior
+	});
+	let buttonRef = useRef(null);
+	let inputRef = useRef(null);
+	let groupRef = useRef(null);
+	let listBoxRef = useRef(null);
+	let popoverRef = useRef(null);
+	let [labelRef, label] = $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
+	let [labelElementType, setLabelElementType] = useState("label");
+	let { buttonProps, inputProps, listBoxProps, labelProps, descriptionProps, errorMessageProps, valueProps, ...validation } = useComboBox({
+		...$7230ffa83bc0c2cf$export$ef03459518577ad4(props),
+		label,
+		inputRef,
+		buttonRef,
+		listBoxRef,
+		popoverRef,
+		name: formValue === "text" ? name : void 0,
+		validationBehavior,
+		labelElementType
+	}, state);
+	let [menuWidth, setMenuWidth] = useState(null);
+	let onResize = useCallback(() => {
+		if (inputRef.current && !groupRef.current) {
+			let buttonRect = buttonRef.current?.getBoundingClientRect();
+			let inputRect = inputRef.current.getBoundingClientRect();
+			let minX = buttonRect ? Math.min(buttonRect.left, inputRect.left) : inputRect.left;
+			let maxX = buttonRect ? Math.max(buttonRect.right, inputRect.right) : inputRect.right;
+			setMenuWidth(maxX - minX + "px");
+		}
+	}, [
+		buttonRef,
+		inputRef,
+		setMenuWidth
+	]);
+	useResizeObserver({
+		ref: inputRef,
+		onResize
+	});
+	let triggerRef = useMemo(() => ({ get current() {
+		return groupRef.current || inputRef.current;
+	} }), [groupRef, inputRef]);
+	let renderPropsState = useMemo(() => ({
+		isOpen: state.isOpen,
+		isDisabled: props.isDisabled || false,
+		isInvalid: validation.isInvalid || false,
+		isRequired: props.isRequired || false,
+		isReadOnly: props.isReadOnly || false
+	}), [
+		state.isOpen,
+		props.isDisabled,
+		validation.isInvalid,
+		props.isRequired,
+		props.isReadOnly
+	]);
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		values: renderPropsState,
+		defaultClassName: "react-aria-ComboBox"
+	});
+	let DOMProps = filterDOMProps(props, { global: true });
+	delete DOMProps.id;
+	let inputs = [];
+	if (name && formValue === "key") {
+		let values = Array.isArray(state.value) ? state.value : [state.value];
+		if (values.length === 0) values = [null];
+		inputs = values.map((value, i) => /*#__PURE__*/ $ahdqC$react.createElement("input", {
+			key: i,
+			type: "hidden",
+			name,
+			form: props.form,
+			value: value ?? ""
+		}));
+	}
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [
+		[$dbdc5e6e7ce01b4b$export$c02625b26074192c, state],
+		[$43a3b93638fe5db9$export$75b6ee27786ba447, {
+			...labelProps,
+			elementType: labelElementType,
+			ref: labelRef
+		}],
+		[$7705c033048f6da7$export$24d547caef80ccd1, {
+			...buttonProps,
+			ref: buttonRef,
+			isPressed: state.isOpen
+		}],
+		[$41fb335299a4a39e$export$37fb8590cf2c088c, {
+			...inputProps,
+			ref: inputRef
+		}],
+		[$4b38b5b75ecc6208$export$698f465ec27e93df, {
+			...inputProps,
+			ref: useCallback((el) => {
+				inputRef.current = el;
+				if (el) setLabelElementType(el.tagName.toLowerCase() === "input" ? "label" : "span");
+			}, []),
+			value: state.inputValue,
+			onChange: (v) => state.setInputValue(v)
+		}],
+		[$f2ff30fde7b014be$export$d2f961adcb0afbe, state],
+		[$542a13ca2fa5b484$export$9b9a0cd73afb7ca4, {
+			ref: popoverRef,
+			triggerRef,
+			scrollRef: listBoxRef,
+			placement: "bottom start",
+			isNonModal: true,
+			trigger: "ComboBox",
+			style: { "--trigger-width": menuWidth },
+			clearContexts: $dbdc5e6e7ce01b4b$var$CLEAR_CONTEXTS
+		}],
+		[$928221da08ecbc62$export$7ff8f37d2d81a48d, {
+			...listBoxProps,
+			ref: listBoxRef
+		}],
+		[$928221da08ecbc62$export$7c5906fe4f1f2af2, state],
+		[$efe09c6d1c304b50$export$9afb8bc826b033ea, { slots: {
+			description: descriptionProps,
+			errorMessage: errorMessageProps
+		} }],
+		[$3a442827418ebe87$export$f9c6924e160136d1, {
+			ref: groupRef,
+			isInvalid: validation.isInvalid,
+			isDisabled: props.isDisabled || false
+		}],
+		[$1f3c3b1a70cec653$export$ff05c3ac10437e03, validation],
+		[$dbdc5e6e7ce01b4b$export$5c804022b41722df, valueProps]
+	] }, /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
+		...DOMProps,
+		...renderProps,
+		ref,
+		slot: props.slot || void 0,
+		"data-focused": state.isFocused || void 0,
+		"data-open": state.isOpen || void 0,
+		"data-disabled": props.isDisabled || void 0,
+		"data-readonly": props.isReadOnly || void 0,
+		"data-invalid": validation.isInvalid || void 0,
+		"data-required": props.isRequired || void 0
+	}, renderProps.children, inputs));
+}
+const $dbdc5e6e7ce01b4b$export$5c804022b41722df = /*#__PURE__*/ createContext(null);
+//#endregion
+export { $dbdc5e6e7ce01b4b$export$c02625b26074192c as n, $dbdc5e6e7ce01b4b$export$72b9695b8216309a as t };

package/dist/{DatePicker-8xSs_jNd.d.ts → DatePicker-B_caFHFY.d.ts}

@@ -1,14 +1,15 @@
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
-import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-D81ZJ3fT.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-8gKhZdGY.js";
 import { FocusEvent, Ref } from "react";
 import { CalendarDate, DateValue } from "@internationalized/date";
 import { DatePickerStateOptions } from "react-stately";
 //#region src/components/inputs/DateTime/DatePicker/DatePicker.d.ts
 type DatePickerGranularity = "day" | "month" | "year";
 interface DatePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<CalendarDate>, "granularity" | "shouldCloseOnSelect" | "label" | "onBlur"> {
+  "aria-describedby"?: string;
+  "aria-label"?: string;
+  "aria-labelledby"?: string;
   ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
   disableDropdown?: boolean;
   isClearable?: boolean;
@@ -30,16 +31,26 @@ interface DatePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<Da
   granularity?: DatePickerGranularity;
   format?: string;
 }
-interface DatePickerProps extends Omit<DatePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue" | "onValueCommit"> {
+interface DatePickerProps extends Omit<DatePickerBaseProps, "value" | "onChange" | "defaultValue" | "minValue" | "maxValue" | "onValueCommit"> {
+  field?: never;
+  /** Initial value in the fullIso format; used only when value is undefined. */
+  defaultValue?: string | null;
+  /** Controlled UTC-calendar date in the fullIso format; null clears the field. */
   value?: string | null;
+  /** Emits UTC midnight ISO (fullIso=true) or YYYY-MM-DD (false), or null when cleared. */
   onChange?: (value: string | null) => void;
+  /** Defaults to true: YYYY-MM-DDT00:00:00.000Z. False uses YYYY-MM-DD for inputs and outputs. */
   fullIso?: boolean;
   minValue?: DateValue | string;
   maxValue?: DateValue | string;
   renderStaticInput?: boolean;
 }
-type ControlledDatePickerProps<TFieldValues extends FieldValues> = ControlProps<DatePickerProps, TFieldValues>;
-declare const DatePickerComponent: <TFieldValues extends FieldValues>({ fullIso, granularity, minValue, maxValue, renderStaticInput, ...props }: ControlledDatePickerProps<TFieldValues>) => import("react").JSX.Element;
-declare const DatePicker: typeof DatePickerComponent;
+type DatePickerInnerProps = DatePickerProps & {
+  isFormControlDisabled?: boolean;
+  onValueCommit?: () => void;
+};
+declare const DatePickerInner: ({ defaultValue: _defaultValue, fullIso, granularity, minValue, maxValue, renderStaticInput, isFormControlDisabled, ...props }: DatePickerInnerProps) => import("react").JSX.Element;
+declare const DatePickerComponent: ({ defaultValue, value, onChange, ...props }: DatePickerProps) => import("react").JSX.Element;
+declare const DatePicker: import("react").MemoExoticComponent<typeof DatePickerComponent>;
 //#endregion
-export { DatePicker as n, DatePickerProps as r, ControlledDatePickerProps as t };
+export { DatePickerProps as i, DatePickerComponent as n, DatePickerInner as r, DatePicker as t };

package/dist/{DatePicker-DOLL7mkc.js → DatePicker-Bc_E4UZ1.js}

@@ -1,17 +1,18 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
-import { n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-BLBcySA2.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
+import { n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-TND0rEMc.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormField } from "./FormField-B99dLt8o.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-3jyN0Wss.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-NeZVnci-.js";
-import { i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-DtU63_dw.js";
-import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-BTjajO6i.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-DCgoSrP3.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
+import { t as FormField } from "./FormField-DyqEbqx3.js";
+import { i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-CA_lwN-O.js";
+import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-ChmIflXX.js";
+import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-BxHR_BQZ.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
-import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
+import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva--gCeAsRx.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
+import { InputFrame } from "./components/input-frame.js";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createCalendar, getLocalTimeZone, toCalendarDate, today } from "@internationalized/date";
@@ -45,7 +46,14 @@ const DatePickerBase = (props) => {
 		if (granularity === "month") return date.set({ day: 1 });
 		return date;
 	}, [granularity]);
+	const accessibility = useFieldAccessibility({
+		error,
+		helperText,
+		describedBy: rest["aria-describedby"]
+	});
 	const formFieldProps = {
+		errorMessageId: accessibility.errorMessageId,
+		helperTextId: accessibility.helperTextId,
 		error,
 		label,
 		tooltipText,
@@ -101,7 +109,8 @@ const DatePickerBase = (props) => {
 	});
 	const { groupProps, labelProps, fieldProps, buttonProps, dialogProps } = useDatePicker({
 		...rest,
-		label,
+		label: rest["aria-label"] || rest["aria-labelledby"] ? void 0 : label,
+		"aria-label": rest["aria-labelledby"] ? void 0 : rest["aria-label"],
 		shouldForceLeadingZeros
 	}, state, datePickerRef);
 	const { calendarProps } = useDatePicker({
@@ -200,14 +209,20 @@ const DatePickerBase = (props) => {
 			...formFieldProps,
 			as,
 			labelProps,
-			className: clsx("group relative inline-flex w-full flex-col text-left", className),
+			className: clsx("group relative flex w-full flex-col text-left", className),
 			tabIndex: as === "inline" ? -1 : void 0,
 			children: [/* @__PURE__ */ jsx(DatePickerInput, {
 				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, datePickerInputRef),
 				as,
-				groupProps,
+				groupProps: {
+					...groupProps,
+					"aria-describedby": accessibility.describedBy,
+					"aria-errormessage": accessibility.errorMessageId,
+					"aria-invalid": !!error
+				},
 				fieldProps: {
 					...fieldProps,
+					"aria-describedby": accessibility.describedBy,
 					onBlur: (event) => {
 						fieldProps.onBlur?.(event);
 						handleBlur(state.value);
@@ -267,7 +282,7 @@ const DatePickerBase = (props) => {
 		})
 	});
 };
-const DatePickerInner = ({ fullIso = true, granularity = "day", minValue, maxValue, renderStaticInput, isFormControlDisabled, ...props }) => {
+const DatePickerInner = ({ defaultValue: _defaultValue, fullIso = true, granularity = "day", minValue, maxValue, renderStaticInput, isFormControlDisabled, ...props }) => {
 	const ui = UIConfig.useConfig();
 	const datePickerInputContentRowCva = UIOverrides.useCva("datePickerInput.contentRowCva", datePickerInputContentRowDefinition);
 	const { locale } = useLocale();
@@ -332,7 +347,6 @@ const DatePickerInner = ({ fullIso = true, granularity = "day", minValue, maxVal
 		const todayIconPlacement = props.todayIconPlacement ?? ui.dateInput.todayIconPlacement;
 		const staticTodayIcon = renderDatePickerTodayIcon(todayIcon, {
 			isDisabled,
-			renderStatic: true,
 			size: todayIconButtonSize,
 			todayIconButtonComponent
 		});
@@ -355,8 +369,8 @@ const DatePickerInner = ({ fullIso = true, granularity = "day", minValue, maxVal
 				props.onValueCommit?.();
 			},
 			isDisabled,
-			className: clsx("group relative inline-flex w-full flex-col text-left", props.className),
-			inputClassName: clsx("min-w-input-width-min-width", props.inputClassName),
+			className: clsx("group relative flex w-full flex-col text-left", props.className),
+			inputClassName: clsx("min-w-51", props.inputClassName),
 			contentClassName: "pr-0!",
 			contentWrapperClassName: datePickerInputContentRowCva({ size }),
 			contentGroup: "date-picker",
@@ -397,41 +411,17 @@ const DatePickerInner = ({ fullIso = true, granularity = "day", minValue, maxVal
 		onChange: (value) => props.onChange?.(formatCalendarDate(value))
 	});
 };
-const DatePickerComponent = ({ fullIso = true, granularity = "day", minValue, maxValue, renderStaticInput, ...props }) => {
-	if ("field" in props && props.field) {
-		const { field, ref, ...innerProps } = props;
-		const controlWithOptions = field.form;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(DatePickerInner, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				value: field.value ?? null,
-				onChange: (value) => field.onChange(value ?? null),
-				onValueCommit: field.onBlur,
-				onBlur: field.onBlur,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				isFormControlDisabled: !!controlWithOptions._options?.disabled,
-				error: props.error ?? error?.message,
-				fullIso,
-				granularity,
-				minValue,
-				maxValue,
-				renderStaticInput
-			})
-		});
-	}
+const DatePickerComponent = ({ defaultValue, value, onChange, ...props }) => {
+	const [internalValue, setInternalValue] = useState(defaultValue ?? null);
 	return /* @__PURE__ */ jsx(DatePickerInner, {
 		...props,
-		fullIso,
-		granularity,
-		minValue,
-		maxValue,
-		renderStaticInput
+		value: value === void 0 ? internalValue : value,
+		onChange: (nextValue) => {
+			if (value === void 0) setInternalValue(nextValue);
+			onChange?.(nextValue);
+		}
 	});
 };
 const DatePicker = memo(DatePickerComponent);
 //#endregion
-export { DatePicker as t };
+export { DatePickerInner as n, DatePicker as t };

package/dist/DatePicker.bound-C5-DL4SJ.d.ts

@@ -0,0 +1,9 @@
+import { i as DatePickerProps$1 } from "./DatePicker-B_caFHFY.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/DateTime/DatePicker/DatePicker.bound.d.ts
+type ControlledDatePickerProps<TFieldValues extends FieldValues> = FormControlProps<DatePickerProps$1, TFieldValues>;
+type DatePickerProps<TFieldValues extends FieldValues = FieldValues> = ControlledDatePickerProps<TFieldValues>;
+declare const DatePickerComponent: <TFieldValues extends FieldValues>({ fullIso, granularity, minValue, maxValue, renderStaticInput, ...props }: ControlledDatePickerProps<TFieldValues>) => import("react").JSX.Element;
+declare const DatePicker: typeof DatePickerComponent;
+//#endregion
+export { DatePicker as n, DatePickerProps as r, ControlledDatePickerProps as t };

package/dist/DatePicker.bound-CtBL5w-8.js

@@ -0,0 +1,36 @@
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { n as DatePickerInner } from "./DatePicker-Bc_E4UZ1.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/DateTime/DatePicker/DatePicker.bound.tsx
+const DatePickerComponent = ({ fullIso = true, granularity = "day", minValue, maxValue, renderStaticInput, ...props }) => {
+	const { field, ref, ...innerProps } = props;
+	const controlWithOptions = field.form;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(DatePickerInner, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value ?? null,
+			onChange: (value) => field.onChange(value ?? null),
+			onValueCommit: field.onValueCommit,
+			onBlur: field.onBlur,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			isFormControlDisabled: !!controlWithOptions._options?.disabled,
+			error: props.error ?? error?.message,
+			fullIso,
+			granularity,
+			minValue,
+			maxValue,
+			renderStaticInput
+		})
+	});
+};
+const DatePicker = memo(DatePickerComponent);
+//#endregion
+export { DatePicker as t };

package/dist/{DatePickerInput-D81ZJ3fT.d.ts → DatePickerInput-8gKhZdGY.d.ts}

@@ -1,6 +1,6 @@
-import { n as IconButtonProps } from "./IconButton-D4thBurp.js";
-import "./FormField-Byiehm9y.js";
-import "./input.cva-BsHgYa-L.js";
+import { n as IconButtonProps } from "./IconButton-DdvODpP7.js";
+import "./FormField-BsR2Cjxm.js";
+import "./input.cva-CEFEpKml.js";
 import { ReactNode, Ref } from "react";
 import "react-aria";
 //#region src/components/inputs/DateTime/shared/datePicker.types.d.ts