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

package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.d.ts

@@ -1,36 +1,39 @@
-import { FocusEvent, Ref } from 'react';
-import { NumberFieldProps as AriaNumberFieldProps } from 'react-aria-components';
-import { FieldValues } from '../../shared/form.binding';
-import { FormFieldProps } from '../../FormField/FormField';
-import { NumberRangeValue } from './NumberRangeField';
-import { ControlProps } from '../../shared/form.types';
-import { InputVariantProps } from '../../shared/input.cva';
-export type { NumberRangeValue } from './NumberRangeField';
-interface NumberRangeInputBaseProps extends FormFieldProps, InputVariantProps, Omit<AriaNumberFieldProps, "className" | "defaultValue" | "label" | "maxValue" | "minValue" | "onBlur" | "onChange" | "value"> {
-    ref?: Ref<HTMLDivElement>;
-    value?: NumberRangeValue | null;
-    minValue?: number | null;
-    maxValue?: number | null;
-    minPlaceholder?: string;
-    maxPlaceholder?: string;
-    minLabel?: string;
-    maxLabel?: string;
-    invalidRangeError?: string;
-    inputClassName?: string;
-    minInputClassName?: string;
-    maxInputClassName?: string;
-    hideInnerLabels?: boolean;
-    isDirty?: boolean;
-    isClearable?: boolean;
-    isClearableIfDisabled?: boolean;
-    autoFocusOnMount?: boolean;
-    onChange?: (value: NumberRangeValue) => void;
-    onMinChange?: (value: number | null) => void;
-    onMaxChange?: (value: number | null) => void;
-    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+import { FieldValues } from "../../shared/form.binding.js";
+import { ControlProps } from "../../shared/form.types.js";
+import { InputVariantProps } from "../../shared/input.cva.js";
+import { FormFieldProps } from "../../FormField/FormField.js";
+import { NumberRangeValue } from "./NumberRangeField.js";
+import { FocusEvent, Ref } from "react";
+import { NumberFieldProps } from "react-aria-components";
+//#region src/components/inputs/Input/NumberRangeInput/NumberRangeInput.d.ts
+interface NumberRangeInputBaseProps extends FormFieldProps, InputVariantProps, Omit<NumberFieldProps, "className" | "defaultValue" | "label" | "maxValue" | "minValue" | "onBlur" | "onChange" | "value"> {
+  ref?: Ref<HTMLDivElement>;
+  value?: NumberRangeValue | null;
+  minValue?: number | null;
+  maxValue?: number | null;
+  minPlaceholder?: string;
+  maxPlaceholder?: string;
+  minLabel?: string;
+  maxLabel?: string;
+  invalidRangeError?: string;
+  inputClassName?: string;
+  minInputClassName?: string;
+  maxInputClassName?: string;
+  hideInnerLabels?: boolean;
+  isDirty?: boolean;
+  isClearable?: boolean;
+  isClearableIfDisabled?: boolean;
+  autoFocusOnMount?: boolean;
+  onChange?: (value: NumberRangeValue) => void;
+  onMinChange?: (value: number | null) => void;
+  onMaxChange?: (value: number | null) => void;
+  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
 }
-export type NumberRangeInputProps = NumberRangeInputBaseProps & {
-    renderStaticInput?: boolean;
+type NumberRangeInputProps = NumberRangeInputBaseProps & {
+  renderStaticInput?: boolean;
 };
-export type ControlledNumberRangeInputProps<TFieldValues extends FieldValues> = ControlProps<NumberRangeInputProps, TFieldValues>;
-export declare const NumberRangeInput: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledNumberRangeInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+type ControlledNumberRangeInputProps<TFieldValues extends FieldValues> = ControlProps<NumberRangeInputProps, TFieldValues>;
+declare const NumberRangeInputComponent: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledNumberRangeInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const NumberRangeInput: typeof NumberRangeInputComponent;
+//#endregion
+export { ControlledNumberRangeInputProps, NumberRangeInput, NumberRangeInputProps, type NumberRangeValue };

package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.js

@@ -10,24 +10,23 @@ import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { getStaticNumberDisplayValue } from "../shared/numberStatic.utils.js";
 import { NumberRangeField } from "./NumberRangeField.js";
 import { clsx } from "clsx";
-import { useRef, useState } from "react";
+import { memo, useRef, useState } from "react";
 import { useLocale } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
 //#region src/components/inputs/Input/NumberRangeInput/NumberRangeInput.tsx
-var EMPTY_RANGE = {
+const EMPTY_RANGE = {
 	min: null,
 	max: null
 };
-var normalizeRangeValue = (value, minValue, maxValue) => {
+const normalizeRangeValue = (value, minValue, maxValue) => {
 	if (value) return value;
 	return {
 		min: minValue ?? null,
 		max: maxValue ?? null
 	};
 };
-var NumberRangeInputBase = (props) => {
+const NumberRangeInputBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
@@ -77,8 +76,8 @@ var NumberRangeInputBase = (props) => {
 		if (side === "min") onMinChange?.(nextValue);
 		else onMaxChange?.(nextValue);
 	};
-	const clearRangeSide = (side_0) => {
-		updateRange(side_0, null);
+	const clearRangeSide = (side) => {
+		updateRange(side, null);
 		onBlur?.({ target: { value: "" } });
 	};
 	return /* @__PURE__ */ jsx(NumberRangeField, {
@@ -123,25 +122,17 @@ var NumberRangeInputBase = (props) => {
 		onBlur
 	});
 };
-var NumberRangeInputInner = (t0) => {
-	const $ = c(5);
-	const { renderStaticInput, isFormControlDisabled, ...props } = t0;
+const NumberRangeInputInner = ({ renderStaticInput, isFormControlDisabled, ...props }) => {
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
 	const ui = UIConfig.useConfig();
 	const { locale } = useLocale();
 	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
 	const inputRef = useRef(null);
-	let t1;
-	if ($[0] !== renderInput) {
-		t1 = {
-			inputRef,
-			renderInput,
-			setRenderInput
-		};
-		$[0] = renderInput;
-		$[1] = t1;
-	} else t1 = $[1];
-	const { shouldFocus, renderRealInput } = useStaticInputHandoff(t1);
+	const { shouldFocus, renderRealInput } = useStaticInputHandoff({
+		inputRef,
+		renderInput,
+		setRenderInput
+	});
 	if (!renderInput) {
 		const staticValue = normalizeRangeValue(props.value, props.minValue, props.maxValue);
 		const formatOptions = props.formatOptions ?? ui.numberInput.formatOptions;
@@ -182,157 +173,95 @@ var NumberRangeInputInner = (t0) => {
 			onStaticInteract: renderRealInput,
 			isClearable: false,
 			labelPlacement: "content-wrapper",
-			children: (t2) => {
-				const { id, ...dataAttributeProps } = t2;
-				return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ jsx(FormFieldLabel, {
-							label: props.minLabel ?? "Minimum",
-							isRequired: props.isRequired,
-							isDisabled,
-							className: clsx((props.hideInnerLabels ?? true) && "sr-only")
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-input-gap-trailing-elements",
-							children: [/* @__PURE__ */ jsx("input", {
-								id,
-								readOnly: true,
-								disabled: isDisabled,
-								tabIndex: -1,
-								value: minDisplay ?? "",
-								placeholder: props.minPlaceholder ?? "Min",
-								className: clsx("w-full min-w-0 bg-transparent outline-none", props.minInputClassName),
-								...dataAttributeProps,
-								"data-rac": true
-							}), isClearable && (!isDisabled || props.isClearableIfDisabled === true) && /* @__PURE__ */ jsx(InputClear, {
-								onClear: _temp,
-								show: staticValue.min !== null,
-								renderStatic: true
-							})]
+			children: ({ id, ...dataAttributeProps }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ jsx(FormFieldLabel, {
+						label: props.minLabel ?? "Minimum",
+						isRequired: props.isRequired,
+						isDisabled,
+						className: clsx((props.hideInnerLabels ?? true) && "sr-only")
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-input-gap-trailing-elements",
+						children: [/* @__PURE__ */ jsx("input", {
+							id,
+							readOnly: true,
+							disabled: isDisabled,
+							tabIndex: -1,
+							value: minDisplay ?? "",
+							placeholder: props.minPlaceholder ?? "Min",
+							className: clsx("w-full min-w-0 bg-transparent outline-none", props.minInputClassName),
+							...dataAttributeProps,
+							"data-rac": true
+						}), isClearable && (!isDisabled || props.isClearableIfDisabled === true) && /* @__PURE__ */ jsx(InputClear, {
+							onClear: () => {},
+							show: staticValue.min !== null,
+							renderStatic: true
 						})]
-					}),
-					/* @__PURE__ */ jsx("span", {
-						className: "pointer-events-none shrink-0 select-none text-label-2 text-text-default-3",
-						children: "-"
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ jsx(FormFieldLabel, {
-							label: props.maxLabel ?? "Maximum",
-							isRequired: props.isRequired,
-							isDisabled,
-							className: clsx((props.hideInnerLabels ?? true) && "sr-only")
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-input-gap-trailing-elements",
-							children: [/* @__PURE__ */ jsx("input", {
-								id: `${id}-max`,
-								readOnly: true,
-								disabled: isDisabled,
-								tabIndex: -1,
-								value: maxDisplay ?? "",
-								placeholder: props.maxPlaceholder ?? "Max",
-								className: clsx("w-full min-w-0 bg-transparent outline-none", props.maxInputClassName),
-								...dataAttributeProps,
-								"data-rac": true
-							}), isClearable && (!isDisabled || props.isClearableIfDisabled === true) && /* @__PURE__ */ jsx(InputClear, {
-								onClear: _temp2,
-								show: staticValue.max !== null,
-								renderStatic: true
-							})]
+					})]
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "pointer-events-none shrink-0 select-none text-label-2 text-text-default-3",
+					children: "-"
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ jsx(FormFieldLabel, {
+						label: props.maxLabel ?? "Maximum",
+						isRequired: props.isRequired,
+						isDisabled,
+						className: clsx((props.hideInnerLabels ?? true) && "sr-only")
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-input-gap-trailing-elements",
+						children: [/* @__PURE__ */ jsx("input", {
+							id: `${id}-max`,
+							readOnly: true,
+							disabled: isDisabled,
+							tabIndex: -1,
+							value: maxDisplay ?? "",
+							placeholder: props.maxPlaceholder ?? "Max",
+							className: clsx("w-full min-w-0 bg-transparent outline-none", props.maxInputClassName),
+							...dataAttributeProps,
+							"data-rac": true
+						}), isClearable && (!isDisabled || props.isClearableIfDisabled === true) && /* @__PURE__ */ jsx(InputClear, {
+							onClear: () => {},
+							show: staticValue.max !== null,
+							renderStatic: true
 						})]
-					})
-				] });
-			}
+					})]
+				})
+			] })
 		});
 	}
-	let t2;
-	if ($[2] !== props || $[3] !== shouldFocus) {
-		t2 = /* @__PURE__ */ jsx(NumberRangeInputBase, {
-			...props,
-			autoFocusOnMount: shouldFocus
-		});
-		$[2] = props;
-		$[3] = shouldFocus;
-		$[4] = t2;
-	} else t2 = $[4];
-	return t2;
+	return /* @__PURE__ */ jsx(NumberRangeInputBase, {
+		...props,
+		autoFocusOnMount: shouldFocus
+	});
 };
-var NumberRangeInput = (t0) => {
-	const $ = c(19);
-	let props;
-	let renderStaticInput;
-	if ($[0] !== t0) {
-		({renderStaticInput, ...props} = t0);
-		$[0] = t0;
-		$[1] = props;
-		$[2] = renderStaticInput;
-	} else {
-		props = $[1];
-		renderStaticInput = $[2];
-	}
+const NumberRangeInputComponent = ({ renderStaticInput, ...props }) => {
 	if ("field" in props && props.field) {
-		let field;
-		let innerProps;
-		if ($[3] !== props) {
-			({field, ...innerProps} = props);
-			$[3] = props;
-			$[4] = field;
-			$[5] = innerProps;
-		} else {
-			field = $[4];
-			innerProps = $[5];
-		}
+		const { field, ...innerProps } = props;
 		const controlWithOptions = field.form;
-		let t1;
-		if ($[6] !== controlWithOptions._options?.disabled || $[7] !== innerProps || $[8] !== props.error || $[9] !== props.isDisabled || $[10] !== renderStaticInput) {
-			t1 = (t2) => {
-				const { field: field_0, fieldState: t3 } = t2;
-				const { error } = t3;
-				return /* @__PURE__ */ jsx(NumberRangeInputInner, {
-					...innerProps,
-					value: field_0.value ?? EMPTY_RANGE,
-					onChange: field_0.onChange,
-					onBlur: field_0.onBlur,
-					isDisabled: field_0.disabled || !!controlWithOptions._options?.disabled || props.isDisabled,
-					isFormControlDisabled: !!controlWithOptions._options?.disabled,
-					error: props.error ?? error?.message,
-					renderStaticInput
-				});
-			};
-			$[6] = controlWithOptions._options?.disabled;
-			$[7] = innerProps;
-			$[8] = props.error;
-			$[9] = props.isDisabled;
-			$[10] = renderStaticInput;
-			$[11] = t1;
-		} else t1 = $[11];
-		let t2;
-		if ($[12] !== field.form || $[13] !== field.name || $[14] !== t1) {
-			t2 = /* @__PURE__ */ jsx(FieldController, {
-				control: field.form,
-				name: field.name,
-				render: t1
-			});
-			$[12] = field.form;
-			$[13] = field.name;
-			$[14] = t1;
-			$[15] = t2;
-		} else t2 = $[15];
-		return t2;
-	}
-	let t1;
-	if ($[16] !== props || $[17] !== renderStaticInput) {
-		t1 = /* @__PURE__ */ jsx(NumberRangeInputInner, {
-			...props,
-			renderStaticInput
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(NumberRangeInputInner, {
+				...innerProps,
+				value: field.value ?? EMPTY_RANGE,
+				onChange: field.onChange,
+				onBlur: field.onBlur,
+				isDisabled: field.disabled || !!controlWithOptions._options?.disabled || props.isDisabled,
+				isFormControlDisabled: !!controlWithOptions._options?.disabled,
+				error: props.error ?? error?.message,
+				renderStaticInput
+			})
 		});
-		$[16] = props;
-		$[17] = renderStaticInput;
-		$[18] = t1;
-	} else t1 = $[18];
-	return t1;
+	}
+	return /* @__PURE__ */ jsx(NumberRangeInputInner, {
+		...props,
+		renderStaticInput
+	});
 };
-function _temp() {}
-function _temp2() {}
+const NumberRangeInput = memo(NumberRangeInputComponent);
 //#endregion
 export { NumberRangeInput };

package/dist/components/inputs/Input/PasswordInput/PasswordInput.d.ts

@@ -1,7 +1,10 @@
-import { FieldValues } from '../../shared/form.binding';
-import { TextInputProps } from '../TextInput/TextInput';
-import { ControlProps } from '../../shared/form.types';
-export interface PasswordInputProps extends Omit<TextInputProps, "type" | "action" | "trailingIcon" | "unit"> {
-}
-export type ControlledPasswordInputProps<TFieldValues extends FieldValues> = ControlProps<PasswordInputProps, TFieldValues>;
-export declare const PasswordInput: <TFieldValues extends FieldValues>(props: ControlledPasswordInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+import { FieldValues } from "../../shared/form.binding.js";
+import { ControlProps } from "../../shared/form.types.js";
+import { TextInputProps } from "../TextInput/TextInput.js";
+//#region src/components/inputs/Input/PasswordInput/PasswordInput.d.ts
+interface PasswordInputProps extends Omit<TextInputProps, "type" | "action" | "trailingIcon" | "unit"> {}
+type ControlledPasswordInputProps<TFieldValues extends FieldValues> = ControlProps<PasswordInputProps, TFieldValues>;
+declare const PasswordInputComponent: <TFieldValues extends FieldValues>(props: ControlledPasswordInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const PasswordInput: typeof PasswordInputComponent;
+//#endregion
+export { ControlledPasswordInputProps, PasswordInput, PasswordInputProps };

package/dist/components/inputs/Input/PasswordInput/PasswordInput.js

@@ -1,61 +1,23 @@
 import "../../../../config/i18n.js";
 import { TextInput } from "../TextInput/TextInput.js";
 import { Eye, EyeOff } from "lucide-react";
-import { useState } from "react";
-import { c } from "react/compiler-runtime";
+import { memo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/Input/PasswordInput/PasswordInput.tsx
-var PasswordInput = (props) => {
-	const $0 = c(15);
+const PasswordInputComponent = (props) => {
 	const { t } = useTranslation("ui");
 	const [isRevealed, setIsRevealed] = useState(false);
-	const t0 = isRevealed ? "text" : "password";
-	const t1 = isRevealed ? Eye : EyeOff;
-	let t2;
-	if ($0[0] !== isRevealed) {
-		t2 = ($) => isRevealed ? $.ui.password.hide : $.ui.password.reveal;
-		$0[0] = isRevealed;
-		$0[1] = t2;
-	} else t2 = $0[1];
-	let t3;
-	if ($0[2] !== t || $0[3] !== t2) {
-		t3 = t(t2);
-		$0[2] = t;
-		$0[3] = t2;
-		$0[4] = t3;
-	} else t3 = $0[4];
-	let t4;
-	if ($0[5] !== isRevealed) {
-		t4 = () => setIsRevealed(!isRevealed);
-		$0[5] = isRevealed;
-		$0[6] = t4;
-	} else t4 = $0[6];
-	let t5;
-	if ($0[7] !== t1 || $0[8] !== t3 || $0[9] !== t4) {
-		t5 = {
-			icon: t1,
-			altText: t3,
-			onClick: t4
-		};
-		$0[7] = t1;
-		$0[8] = t3;
-		$0[9] = t4;
-		$0[10] = t5;
-	} else t5 = $0[10];
-	let t6;
-	if ($0[11] !== props || $0[12] !== t0 || $0[13] !== t5) {
-		t6 = /* @__PURE__ */ jsx(TextInput, {
-			...props,
-			type: t0,
-			action: t5
-		});
-		$0[11] = props;
-		$0[12] = t0;
-		$0[13] = t5;
-		$0[14] = t6;
-	} else t6 = $0[14];
-	return t6;
+	return /* @__PURE__ */ jsx(TextInput, {
+		...props,
+		type: isRevealed ? "text" : "password",
+		action: {
+			icon: isRevealed ? Eye : EyeOff,
+			altText: t(($) => isRevealed ? $.ui.password.hide : $.ui.password.reveal),
+			onClick: () => setIsRevealed(!isRevealed)
+		}
+	});
 };
+const PasswordInput = memo(PasswordInputComponent);
 //#endregion
 export { PasswordInput };

package/dist/components/inputs/Input/TextArea/TextArea.cva.d.ts

@@ -1,8 +1,9 @@
-import { UIOverrides } from '../../../../config/uiOverrides.context';
-export declare const textAreaWrapperDefinition: {
-    base: string[];
-    config?: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+import { StyleMergeUtils } from "../../../../utils/style-merge.util.js";
+import "../../../../config/uiOverrides.context.js";
+//#region src/components/inputs/Input/TextArea/TextArea.cva.d.ts
+declare const textAreaWrapperDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type TextAreaWrapperConfig = NonNullable<typeof textAreaWrapperDefinition.config>;
-export interface TextAreaWrapperVariantProps extends UIOverrides.VariantProps<TextAreaWrapperConfig> {
-}
+//#endregion
+export { textAreaWrapperDefinition };

package/dist/components/inputs/Input/TextArea/TextArea.cva.js

@@ -1,5 +1,5 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 //#region src/components/inputs/Input/TextArea/TextArea.cva.ts
-var textAreaWrapperDefinition = UIOverrides.defineConfig({ base: ["group/text-area relative h-full"] });
+const textAreaWrapperDefinition = UIOverrides.defineConfig({ base: ["group/text-area relative h-full"] });
 //#endregion
 export { textAreaWrapperDefinition };

package/dist/components/inputs/Input/TextArea/TextArea.d.ts

@@ -1,19 +1,21 @@
-import { Ref } from 'react';
-import { AriaTextFieldProps } from 'react-aria';
-import { TextAreaProps as AriaTextAreaProps } from 'react-aria-components';
-import { FieldValues } from '../../shared/form.binding';
-import { FormFieldProps } from '../../FormField/FormField';
-import { ControlProps } from '../../shared/form.types';
-import { InputVariantProps } from '../../shared/input.cva';
-interface TextAreaBaseProps extends FormFieldProps, InputVariantProps, Omit<AriaTextAreaProps, "value" | "defaultValue" | "onChange" | "disabled" | "required" | "className" | keyof AriaTextFieldProps>, Omit<AriaTextFieldProps<HTMLTextAreaElement>, "label"> {
-    ref?: Ref<HTMLTextAreaElement>;
-    isClearable?: boolean;
-    isClearableIfDisabled?: boolean;
-    isDirty?: boolean;
-    inputClassName?: string;
+import { FieldValues } from "../../shared/form.binding.js";
+import { ControlProps } from "../../shared/form.types.js";
+import { InputVariantProps } from "../../shared/input.cva.js";
+import { FormFieldProps } from "../../FormField/FormField.js";
+import { Ref } from "react";
+import { TextAreaProps } from "react-aria-components";
+import { AriaTextFieldProps } from "react-aria";
+//#region src/components/inputs/Input/TextArea/TextArea.d.ts
+interface TextAreaBaseProps extends FormFieldProps, InputVariantProps, Omit<TextAreaProps, "value" | "defaultValue" | "onChange" | "disabled" | "required" | "className" | keyof AriaTextFieldProps>, Omit<AriaTextFieldProps<HTMLTextAreaElement>, "label"> {
+  ref?: Ref<HTMLTextAreaElement>;
+  isClearable?: boolean;
+  isClearableIfDisabled?: boolean;
+  isDirty?: boolean;
+  inputClassName?: string;
 }
-export interface TextAreaProps extends TextAreaBaseProps {
-}
-export type ControlledTextAreaProps<TFieldValues extends FieldValues> = ControlProps<TextAreaProps, TFieldValues>;
-export declare const TextArea: <TFieldValues extends FieldValues>(props: ControlledTextAreaProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-export {};
+interface TextAreaProps$1 extends TextAreaBaseProps {}
+type ControlledTextAreaProps<TFieldValues extends FieldValues> = ControlProps<TextAreaProps$1, TFieldValues>;
+declare const TextAreaComponent: <TFieldValues extends FieldValues>(props: ControlledTextAreaProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const TextArea$1: typeof TextAreaComponent;
+//#endregion
+export { ControlledTextAreaProps, TextArea$1 as TextArea, TextAreaProps$1 as TextAreaProps };