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

package/dist/{TimePicker-C4taAOFQ.js → TimePicker-BwF-Crbg.js}

@@ -1,25 +1,27 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+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 $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { InlineIconButton } from "./components/inline-icon-button.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { r as FormFieldLabel, t as FormField } from "./FormField-B99dLt8o.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-DJA8ovm_.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-3jyN0Wss.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-NeZVnci-.js";
-import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CzXkZCX8.js";
-import { a as getStaticTimeSegments, c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, i as getStaticDateTimeFocusTarget, l as DateSegmentItem, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-DtU63_dw.js";
-import { n as TimePickerForm, t as normalizeDatePickerValue } from "./datePickerValue.utils-DCgoSrP3.js";
+import { IconButton } from "./components/icon-button.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.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 { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
+import { a as getStaticTimeSegments, c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, i as getStaticDateTimeFocusTarget, l as DateSegmentItem, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-Bt5wCZvg.js";
+import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
+import { n as TimePickerForm, 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 { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.js";
+import { InputFrame } from "./components/input-frame.js";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { GregorianCalendar, Time, getLocalTimeZone, now, toCalendarDateTime, toTime, toZoned, today } from "@internationalized/date";
 import { useLocale, useTimeField } from "react-aria";
 import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";
-//#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useTimeFieldState.mjs
+//#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useTimeFieldState.mjs
 function $b822555cf9fe955c$export$fd53cef0cc796101(props) {
 	let { placeholderValue = new Time(), minValue, maxValue, defaultValue, granularity, validate } = props;
 	let [value, setValue] = $3e6197669829fe11$export$40bfa8c7b0832715(props.value, defaultValue ?? null, props.onChange);
@@ -126,6 +128,8 @@ const TimePickerInput = ({ ref, as, fieldProps, state, isDisabled, isDirty, isRe
 			children: [
 				disableManualEntry && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 					onPress,
+					"aria-label": headerProps?.label,
+					isDisabled,
 					className: "absolute inset-0 z-base"
 				}),
 				as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
@@ -134,10 +138,13 @@ const TimePickerInput = ({ ref, as, fieldProps, state, isDisabled, isDirty, isRe
 				}),
 				/* @__PURE__ */ jsx("div", { children: disableManualEntry && placeholder && !state.value ? /* @__PURE__ */ jsx(Typography, {
 					size: "large",
-					className: "text-surface-default-popover-foreground",
+					className: "text-content-muted",
 					children: placeholder
 				}) : /* @__PURE__ */ jsx(TimeField, {
-					fieldProps,
+					fieldProps: {
+						...fieldProps,
+						id: void 0
+					},
 					state,
 					isDisabled,
 					hidePlaceholder
@@ -154,14 +161,18 @@ const TimePickerInput = ({ ref, as, fieldProps, state, isDisabled, isDirty, isRe
 					else state.setValue(null);
 				},
 				show: canClear && (!isDisabled || isClearableIfDisabled === true)
-			}), (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(InlineIconButton, {
-				label: "",
+			}), (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(IconButton, {
+				label: headerProps?.label ?? "Open time picker",
 				color: "secondary",
 				onPress,
 				icon: uiConfig.dateInput.timeIcon,
 				isDisabled,
 				className: "border-0!",
-				"data-static-press-action": ""
+				"data-static-press-action": "",
+				variant: "text",
+				width: "hug",
+				disableTooltip: true,
+				size: "none"
 			})]
 		})]
 	});
@@ -178,7 +189,14 @@ const TimePickerBase = (props) => {
 	const isClearable = isClearableProp ?? ui.input.isClearable;
 	const disableManualEntry = disableManualEntryProp ?? ui.dateInput.disableManualEntry;
 	const shouldForceLeadingZeros = shouldForceLeadingZerosProp ?? ui.dateInput.shouldForceLeadingZeros;
+	const accessibility = useFieldAccessibility({
+		error,
+		helperText,
+		describedBy: rest["aria-describedby"]
+	});
 	const formFieldProps = {
+		errorMessageId: accessibility.errorMessageId,
+		helperTextId: accessibility.helperTextId,
 		error,
 		label,
 		tooltipText,
@@ -224,7 +242,8 @@ const TimePickerBase = (props) => {
 	const timeFieldRef = useRef(null);
 	const { labelProps, fieldProps } = useTimeField({
 		...rest,
-		label,
+		label: rest["aria-label"] || rest["aria-labelledby"] ? void 0 : label,
+		"aria-label": rest["aria-labelledby"] ? void 0 : rest["aria-label"],
 		isReadOnly: disableManualEntry,
 		shouldForceLeadingZeros
 	}, state, timeFieldRef);
@@ -265,13 +284,16 @@ const TimePickerBase = (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(TimePickerInput, {
 				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, timeFieldRef),
 				as,
 				fieldProps: {
 					...fieldProps,
+					"aria-describedby": accessibility.describedBy,
+					"aria-errormessage": accessibility.errorMessageId,
+					"aria-invalid": !!error,
 					onBlur: (event) => {
 						fieldProps.onBlur?.(event);
 						handleBlur(state.value);
@@ -308,8 +330,9 @@ const TimePickerBase = (props) => {
 		})
 	});
 };
-const TimePickerInner = ({ renderStaticInput, isFormControlDisabled, ...props }) => {
+const TimePickerInner = ({ defaultValue: _defaultValue, renderStaticInput, isFormControlDisabled, ...props }) => {
 	const ui = UIConfig.useConfig();
+	const datePickerInputContentRowCva = UIOverrides.useCva("datePickerInput.contentRowCva", datePickerInputContentRowDefinition);
 	const timeZone = props.timeZone ?? ui.dateInput.timeZone;
 	let effectiveTimeZone = getLocalTimeZone();
 	if (timeZone !== "clientLocal") effectiveTimeZone = timeZone;
@@ -361,9 +384,10 @@ const TimePickerInner = ({ renderStaticInput, isFormControlDisabled, ...props })
 				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: props.size }),
 			contentGroup: "date-picker",
 			labelPlacement: "content-row",
 			dataAttributes: {
@@ -397,33 +421,17 @@ const TimePickerInner = ({ renderStaticInput, isFormControlDisabled, ...props })
 		onChange: (value) => props.onChange?.(formatTimeValue(value))
 	});
 };
-const TimePickerComponent = ({ 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(TimePickerInner, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				value: field.value ?? null,
-				onChange: (value) => field.onChange(value ?? null),
-				onBlur: field.onBlur,
-				onValueCommit: field.onBlur,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				isFormControlDisabled: !!controlWithOptions._options?.disabled,
-				error: props.error ?? error?.message,
-				renderStaticInput
-			})
-		});
-	}
+const TimePickerComponent = ({ defaultValue, value, onChange, ...props }) => {
+	const [internalValue, setInternalValue] = useState(defaultValue ?? null);
 	return /* @__PURE__ */ jsx(TimePickerInner, {
 		...props,
-		renderStaticInput
+		value: value === void 0 ? internalValue : value,
+		onChange: (nextValue) => {
+			if (value === void 0) setInternalValue(nextValue);
+			onChange?.(nextValue);
+		}
 	});
 };
 const TimePicker = memo(TimePickerComponent);
 //#endregion
-export { TimePicker as t };
+export { TimePickerInner as n, TimePicker as t };

package/dist/TimePicker-Zi7B6VTr.d.ts

@@ -0,0 +1,45 @@
+import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
+import { FocusEvent, Ref } from "react";
+import { AriaTimeFieldProps, TimeValue } from "react-aria";
+//#region src/components/inputs/DateTime/TimePicker/TimePicker.d.ts
+interface TimePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<AriaTimeFieldProps<TimeValue>, "label" | "onBlur"> {
+  ref?: Ref<HTMLDivElement>;
+  disableDropdown?: boolean;
+  /**
+   * Date anchor parsed as a JS Date instant, then converted to timeZone before replacing its clock fields.
+   * Omit/null to use today's date in that zone; the value's date is not the anchor.
+   * Once the editable input is mounted, changing this prop re-emits the current time with the new anchor.
+   */
+  date?: string | null;
+  isClearable?: boolean;
+  isClearableIfDisabled?: boolean;
+  isDirty?: boolean;
+  disableManualEntry?: boolean;
+  placeholder?: string;
+  inputClassName?: string;
+  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+  onValueCommit?: () => void;
+  shouldForceLeadingZeros?: boolean;
+}
+interface TimePickerProps extends Omit<TimePickerBaseProps, "value" | "onChange" | "defaultValue" | "onValueCommit"> {
+  field?: never;
+  /** Initial ISO timestamp with Z or an explicit offset; used only when value is undefined. */
+  defaultValue?: string | null;
+  /** Controlled ISO timestamp; only its clock fields in timeZone are displayed. Null clears the field. */
+  value?: string | null;
+  /** Emits the edited time on the date anchor as a UTC ISO timestamp (YYYY-MM-DDTHH:mm:ss.sssZ), or null. */
+  onChange?: (value: string | null) => void;
+  /** Display/edit and anchor zone; defaults to UIConfig.dateInput.timeZone (clientLocal uses the browser zone). */
+  timeZone?: string;
+  renderStaticInput?: boolean;
+}
+type TimePickerInnerProps = TimePickerProps & {
+  isFormControlDisabled?: boolean;
+  onValueCommit?: () => void;
+};
+declare const TimePickerInner: ({ defaultValue: _defaultValue, renderStaticInput, isFormControlDisabled, ...props }: TimePickerInnerProps) => import("react").JSX.Element;
+declare const TimePickerComponent: ({ defaultValue, value, onChange, ...props }: TimePickerProps) => import("react").JSX.Element;
+declare const TimePicker: import("react").MemoExoticComponent<typeof TimePickerComponent>;
+//#endregion
+export { TimePickerProps as i, TimePickerComponent as n, TimePickerInner as r, TimePicker as t };

package/dist/TimePicker.bound-B-BVLNbk.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 TimePickerInner } from "./TimePicker-BwF-Crbg.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/DateTime/TimePicker/TimePicker.bound.tsx
+const TimePickerComponent = ({ 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(TimePickerInner, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value ?? null,
+			onChange: (value) => field.onChange(value ?? null),
+			onBlur: field.onBlur,
+			onValueCommit: field.onValueCommit,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			isFormControlDisabled: !!controlWithOptions._options?.disabled,
+			error: props.error ?? error?.message,
+			renderStaticInput
+		})
+	});
+};
+const TimePicker = memo(TimePickerComponent);
+//#endregion
+export { TimePicker as t };

package/dist/TimePicker.bound-Bxtb6uJL.d.ts

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

package/dist/{Toast-ruXqONDA.d.ts → Toast-Dl6KMa58.d.ts}

@@ -1,4 +1,4 @@
-import { t as ToastVariantProps } from "./toast.cva-By5lvAfr.js";
+import { t as ToastVariantProps } from "./toast.cva-L0k_TBiW.js";
 import { FC, ReactNode, SVGProps } from "react";
 //#region src/components/status/Toast/Toast.d.ts
 interface ToastAction {

package/dist/{ToastContainer-qgpzMFD4.js → ToastContainer-BDvta6st.js}

@@ -1,8 +1,8 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { i as toastContainerDefinition, o as toastWrapper } from "./toast.cva-C_L_RffH.js";
+import { i as toastContainerDefinition, o as toastWrapper } from "./toast.cva-aC4NMpLb.js";
+import { t as xo } from "./dist-CAFUM34b.js";
 import { i as subscribeToToastActivation, n as isToastRendererActive, r as isToastRendererInactive } from "./toastActivation.store-BELtcr76.js";
-import { t as xo } from "./dist-CAdwxJbe.js";
 import { useSyncExternalStore } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/ToggleButton-Cce9bnBw.d.ts

@@ -0,0 +1,17 @@
+import { n as ToggleButtonProps$1, t as ButtonSharedProps } from "./ButtonBase-CYTFS-xK.js";
+import { Ref } from "react";
+//#region src/components/buttons/ToggleButton/ToggleButton.d.ts
+/** A persistent selected/unselected action. Selection belongs here rather than on Button. */
+type ToggleButtonProps = Omit<ButtonSharedProps, "ref" | "link"> & ToggleButtonProps$1 & {
+  ref?: Ref<HTMLButtonElement>;
+  link?: never;
+  toggle?: never;
+} & ({
+  iconOnly?: false;
+} | {
+  iconOnly: true;
+  icon: NonNullable<ButtonSharedProps["icon"]>;
+});
+declare const ToggleButton: (props: ToggleButtonProps) => import("react").JSX.Element;
+//#endregion
+export { ToggleButtonProps as n, ToggleButton as t };

package/dist/{ToggleButton-BW1ensey.js → ToggleButton-DUQ8nwKY.js}

@@ -1,6 +1,6 @@
-import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
-import { t as $792f28e438b9ad5f$export$758399f318e6385a } from "./SharedElementTransition-Da1c_cOO.js";
-import { t as $91fe5e721c7f36c1$export$c9549807523555e0 } from "./SelectionIndicator-JblvLKCu.js";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-BkLF-JA3.js";
+import { t as $792f28e438b9ad5f$export$758399f318e6385a } from "./SharedElementTransition-DJ9CCbEa.js";
+import { t as $91fe5e721c7f36c1$export$c9549807523555e0 } from "./SelectionIndicator-B7C5Y0JM.js";
 import $ahdqC$react, { createContext, forwardRef, useContext } from "react";
 import { mergeProps } from "react-aria/mergeProps";
 import { filterDOMProps } from "react-aria/filterDOMProps";
@@ -10,7 +10,7 @@ import { useToggleState } from "react-stately/useToggleState";
 import { useToggleButtonGroup, useToggleButtonGroupItem } from "react-aria/useToggleButtonGroup";
 import { useToggleGroupState } from "react-stately/useToggleGroupState";
 import { useToggleButton } from "react-aria/useToggleButton";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ToggleButtonGroup.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ToggleButtonGroup.mjs
 const $bc25b811ec97a172$export$298258635ae0dd97 = /*#__PURE__*/ createContext({});
 const $bc25b811ec97a172$export$a8a71863db173133 = /*#__PURE__*/ createContext(null);
 const $bc25b811ec97a172$export$40258cc1d95ff477 = /*#__PURE__*/ forwardRef(function ToggleButtonGroup(props, ref) {
@@ -36,7 +36,7 @@ const $bc25b811ec97a172$export$40258cc1d95ff477 = /*#__PURE__*/ forwardRef(funct
 	}, /*#__PURE__*/ $ahdqC$react.createElement($bc25b811ec97a172$export$a8a71863db173133.Provider, { value: state }, /*#__PURE__*/ $ahdqC$react.createElement($792f28e438b9ad5f$export$758399f318e6385a, null, renderProps.children)));
 });
 //#endregion
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ToggleButton.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ToggleButton.mjs
 const $75afe627ae0cc0fa$export$43506d75ebd2e218 = /*#__PURE__*/ createContext({});
 const $75afe627ae0cc0fa$export$d2b052e7b4be1756 = /*#__PURE__*/ forwardRef(function ToggleButton(props, ref) {
 	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $75afe627ae0cc0fa$export$43506d75ebd2e218);

package/dist/{toggleGroup.types-Bp43zbSQ.d.ts → ToggleGroup-BJ8cqXaO.d.ts}

@@ -1,8 +1,6 @@
-import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
-import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { FC, ReactElement, Ref, SVGProps } from "react";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
+import "./style-definitions-_RXJdSk-.js";
+import { FC, FocusEventHandler, ReactElement, Ref, SVGProps } from "react";
 import { Key, ToggleButtonGroupProps, ToggleButtonProps } from "react-aria-components";
 //#region src/components/ToggleGroup/toggleGroup.cva.d.ts
 declare const toggleGroupDefinition: {
@@ -42,18 +40,21 @@ interface MultiToggleGroupProps<TKey extends Key = Key> {
   defaultValue?: TKey[] | null;
 }
 type GroupedToggleGroupProps<TKey extends Key = Key> = MultiToggleGroupProps<TKey> | SingleToggleGroupProps<TKey>;
-type GroupedToggleGroupControlProps<TFieldValues extends FieldValues, TKey extends Key = Key> = ({
-  selectionMode: MultiToggleGroupProps["selectionMode"];
-} & ControlProps<MultiToggleGroupProps<TKey>, TFieldValues>) | ({
-  selectionMode?: SingleToggleGroupProps["selectionMode"];
-} & ControlProps<SingleToggleGroupProps<TKey>, TFieldValues>);
 type ToggleGroupProps<TKey extends Key = Key> = Omit<ToggleButtonGroupProps & ToggleGroupVariantProps, "children" | "onSelectionChange" | "selectedKeys" | "defaultSelectedKeys"> & {
   ref?: Ref<HTMLElement>;
+  onBlur?: FocusEventHandler<HTMLDivElement>;
   items: ToggleGroupItem<TKey>[];
   className?: string;
   toggleGroupItemClassName?: string;
   error?: string;
-} & GroupedToggleGroupProps<TKey>;
-type ControlledToggleGroupProps<TFieldValues extends FieldValues, TKey extends Key = Key> = ToggleGroupProps<TKey> & GroupedToggleGroupControlProps<TFieldValues, TKey>;
+} & GroupedToggleGroupProps<TKey> & {
+  field?: never;
+};
+//#endregion
+//#region src/components/ToggleGroup/ToggleGroup.d.ts
+declare const ToggleGroupBase: <TKey extends Key = Key>({ className, ref, onBlur, items, error, onChange, value, defaultValue, toggleGroupItemClassName, ...rest }: ToggleGroupProps<TKey>) => import("react").JSX.Element;
+declare function ToggleGroup<TKey extends Key = Key>(props: ToggleGroupProps<TKey> & {
+  field?: never;
+}): import("react").JSX.Element;
 //#endregion
-export { SingleToggleGroupProps as a, toggleGroupDefinition as c, MultiToggleGroupProps as i, toggleGroupItemDefinition as l, GroupedToggleGroupControlProps as n, ToggleGroupItem as o, GroupedToggleGroupProps as r, ToggleGroupProps as s, ControlledToggleGroupProps as t };
+export { ToggleGroupProps as a, SingleToggleGroupProps as i, ToggleGroupBase as n, toggleGroupDefinition as o, MultiToggleGroupProps as r, toggleGroupItemDefinition as s, ToggleGroup as t };