@povio/ui 5.0.0-rc.8 → 6.0.0-rc.1

package/dist/CheckboxGroup-DQw4hsFa.js

@@ -0,0 +1,139 @@
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { n as CheckboxBase, r as $ed8ccb2e23e76301$export$4aa08d5625cb8ead } from "./Checkbox-BI3DQPLa.js";
+import { a as checkboxGroupLabelDefinition, n as checkboxContentRowDefinition, r as checkboxContentWrapperDefinition } from "./checkbox.cva-D-D9Qgaf.js";
+import { n as FormFieldLabel, t as FormField } from "./FormField-D7KKJ6kG.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-w7ZEVQAM.js";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLabel } from "@react-aria/label";
+//#region src/components/inputs/Checkbox/CheckboxGroup.tsx
+const CheckboxGroupBase = (props) => {
+	const ui = UIConfig.useConfig();
+	const checkboxContentWrapperCva = UIOverrides.useCva("checkbox.contentWrapperCva", checkboxContentWrapperDefinition);
+	const checkboxContentRowCva = UIOverrides.useCva("checkbox.contentRowCva", checkboxContentRowDefinition);
+	const checkboxGroupLabelCva = UIOverrides.useCva("checkbox.groupLabelCva", checkboxGroupLabelDefinition);
+	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
+	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
+	const { ref, label, tooltipText, helperText, isDirty, isRequired, rightContent, isDisabled, headerClassName, errorClassName, labelClassName, inputClassName, isHeaderHidden, error, className, options, allValue, value, defaultValue, onChange, onBlur, as: asProp, size: sizeProp, variant: variantProp, hideLabel: hideLabelProp, ...rest } = props;
+	const as = asProp ?? ui.input.as;
+	const size = sizeProp ?? ui.input.size;
+	const variant = variantProp ?? ui.checkbox.variant;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const optionValues = options.map((option) => option.value);
+	const expandAllValue = (currentValue) => {
+		if (allValue === null && currentValue === null) return optionValues;
+		if (allValue !== void 0 && allValue !== null && currentValue) {
+			if (currentValue.length === allValue.length && currentValue.every((item, index) => item === allValue[index])) return optionValues;
+		}
+		return currentValue ?? void 0;
+	};
+	const resolvedValue = expandAllValue(value);
+	const resolvedDefaultValue = expandAllValue(defaultValue);
+	const selectedValue = resolvedValue ?? resolvedDefaultValue;
+	const shouldRenderInputFrame = as !== "default";
+	const { labelProps, fieldProps } = useLabel({ label });
+	const formFieldProps = {
+		className,
+		error,
+		errorClassName,
+		headerClassName,
+		helperText,
+		hideLabel,
+		isDisabled,
+		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
+		isRequired,
+		label,
+		rightContent,
+		tooltipText
+	};
+	const headerProps = {
+		className: headerClassName,
+		helperText,
+		isDisabled,
+		isHeaderHidden: hideLabel || isHeaderHidden,
+		isRequired,
+		label,
+		labelProps,
+		rightContent,
+		tooltipText
+	};
+	const handleChange = (nextValue) => {
+		const hasAllOptions = allValue !== void 0 && optionValues.length > 0 && optionValues.every((optionValue) => nextValue.includes(optionValue));
+		onChange?.(hasAllOptions ? allValue : nextValue);
+	};
+	return /* @__PURE__ */ jsx($ed8ccb2e23e76301$export$4aa08d5625cb8ead, {
+		...rest,
+		...fieldProps,
+		ref,
+		value: resolvedValue,
+		defaultValue: resolvedDefaultValue,
+		onChange: handleChange,
+		onBlur,
+		isDisabled,
+		isInvalid: !!error,
+		isRequired,
+		"data-is-dirty": isDirty || void 0,
+		"data-is-required": isRequired || void 0,
+		className: "group",
+		children: /* @__PURE__ */ jsx(FormField, {
+			...formFieldProps,
+			as,
+			labelProps,
+			className: clsx("w-full", as === "inline" && "h-full", className),
+			tabIndex: as === "inline" ? -1 : void 0,
+			children: /* @__PURE__ */ jsx("div", {
+				className: clsx("group/checkbox-group-content relative", shouldRenderInputFrame && inputBaseCva({
+					variant: ui.input.variant,
+					as
+				}), inputClassName),
+				"data-rac": "",
+				"data-disabled": isDisabled || void 0,
+				"data-is-disabled": isDisabled || void 0,
+				"data-invalid": !!error || void 0,
+				"data-has-selection": selectedValue?.length ? true : void 0,
+				"data-checkbox-group-content": "",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: clsx(checkboxContentWrapperCva({
+						variant,
+						as,
+						size,
+						hasInputFrame: shouldRenderInputFrame,
+						...rest
+					}), shouldRenderInputFrame && as !== "floating" && inputSizeCva({
+						as,
+						size
+					})),
+					"data-is-dirty": isDirty || void 0,
+					"data-is-required": isRequired || void 0,
+					children: [as && ["filter", "floating"].includes(as) && /* @__PURE__ */ jsx(FormFieldLabel, {
+						...headerProps,
+						as: as === "floating" ? "filter" : as,
+						size,
+						className: clsx(headerClassName, checkboxGroupLabelCva({ as }))
+					}), /* @__PURE__ */ jsx("div", {
+						className: checkboxContentRowCva({
+							variant,
+							as,
+							hasInputFrame: shouldRenderInputFrame,
+							...rest
+						}),
+						children: options.map((option) => /* @__PURE__ */ jsx(CheckboxBase, {
+							value: option.value,
+							variant,
+							hideLabel,
+							hideError: true,
+							labelClassName,
+							children: option.label
+						}, option.value))
+					})]
+				})
+			})
+		})
+	});
+};
+const CheckboxGroupComponent = (props) => /* @__PURE__ */ jsx(CheckboxGroupBase, { ...props });
+const CheckboxGroup = memo(CheckboxGroupComponent);
+//#endregion
+export { CheckboxGroupBase as n, CheckboxGroup as t };

package/dist/CheckboxGroup-MJ6crCZk.d.ts

@@ -0,0 +1,30 @@
+import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-CJy87xUo.js";
+import { ReactElement, Ref } from "react";
+import { CheckboxGroupProps } from "react-aria-components";
+//#region src/components/inputs/Checkbox/CheckboxGroup.d.ts
+interface CheckboxGroupBaseProps extends Omit<FormFieldProps, "variant">, CheckboxVariantProps, Omit<InputVariantProps, "variant">, Omit<CheckboxGroupProps, "children" | "className" | "defaultValue" | "label" | "onChange" | "value"> {
+  ref?: Ref<HTMLDivElement>;
+  options: {
+    label: string | ReactElement;
+    value: string;
+  }[];
+  allValue?: string[] | null;
+  value?: string[] | null;
+  defaultValue?: string[] | null;
+  onChange?: (value: string[] | null) => void;
+  isDirty?: boolean;
+  inputClassName?: string;
+  labelClassName?: string;
+}
+declare const CheckboxGroupBase: (props: CheckboxGroupBaseProps) => import("react").JSX.Element;
+interface CheckboxGroupProps$1 extends CheckboxGroupBaseProps {
+  field?: never;
+}
+declare const CheckboxGroupComponent: (props: CheckboxGroupProps$1 & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const CheckboxGroup: import("react").MemoExoticComponent<typeof CheckboxGroupComponent>;
+//#endregion
+export { CheckboxGroupProps$1 as i, CheckboxGroupBase as n, CheckboxGroupComponent as r, CheckboxGroup as t };

package/dist/CheckboxGroup.bound-CTCdezUN.js

@@ -0,0 +1,32 @@
+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 CheckboxGroupBase } from "./CheckboxGroup-DQw4hsFa.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Checkbox/CheckboxGroup.bound.tsx
+const CheckboxGroupComponent = (props) => {
+	const { field, ref, ...innerProps } = props;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(CheckboxGroupBase, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value ?? [],
+			onChange: (value) => {
+				field.onChange(value);
+				field.onValueCommit();
+			},
+			onBlur: field.onBlur,
+			name: field.name,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			error: props.error ?? error?.message
+		})
+	});
+};
+const CheckboxGroup = memo(CheckboxGroupComponent);
+//#endregion
+export { CheckboxGroup as t };

package/dist/CheckboxGroup.bound-j2Sc8QtU.d.ts

@@ -0,0 +1,9 @@
+import { i as CheckboxGroupProps$1 } from "./CheckboxGroup-MJ6crCZk.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/Checkbox/CheckboxGroup.bound.d.ts
+type ControlledCheckboxGroupProps<TFieldValues extends FieldValues> = FormControlProps<CheckboxGroupProps$1, TFieldValues>;
+type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues> = ControlledCheckboxGroupProps<TFieldValues>;
+declare const CheckboxGroupComponent: <TFieldValues extends FieldValues>(props: ControlledCheckboxGroupProps<TFieldValues>) => import("react").JSX.Element;
+declare const CheckboxGroup: typeof CheckboxGroupComponent;
+//#endregion
+export { CheckboxGroupProps as n, ControlledCheckboxGroupProps as r, CheckboxGroup as t };

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-wulRNGyL.js → DatePicker-CSm9c37c.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-BB_vPlKu.js";
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-Cs9RwZfy.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-AY25LzbW.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-3jyN0Wss.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-kkQrc6DA.js";
-import { i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-sf_ND7zL.js";
-import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-BxtOuqIM.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-CIFHjKwv.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-D7KKJ6kG.js";
+import { i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-Bt5wCZvg.js";
+import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-DRQ536wk.js";
+import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-OAQBDk1R.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.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,7 +369,7 @@ 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),
+			className: clsx("group relative flex w-full flex-col text-left", props.className),
 			inputClassName: clsx("min-w-input-width-min-width", props.inputClassName),
 			contentClassName: "pr-0!",
 			contentWrapperClassName: datePickerInputContentRowCva({ size }),
@@ -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-8xSs_jNd.d.ts → DatePicker-umTISfvn.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-BIRMlgu4.js";
+import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-DwHQvLzi.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.bound-KLyoWNcX.d.ts

@@ -0,0 +1,9 @@
+import { i as DatePickerProps$1 } from "./DatePicker-umTISfvn.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 };