@cube-dev/ui-kit 0.0.0-canary-c5ac550 → 0.0.0-canary-a98ac41

package/dist/components/fields/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/fields/DatePicker/DatePickerButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CalendarIcon } from "../../../icons/CalendarIcon.js";

package/dist/components/fields/DatePicker/DatePickerElement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";
 

package/dist/components/fields/DatePicker/DatePickerInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DatePickerSegment } from "./DatePickerSegment.js";
 import { formatSegments } from "./utils.js";

package/dist/components/fields/DatePicker/DatePickerSegment.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/DateRangePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/fields/DatePicker/MonthPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { _PeriodPicker } from "./PeriodPicker.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/PeriodPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/fields/DatePicker/QuarterPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { _PeriodPicker } from "./PeriodPicker.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/TimeInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/DatePicker/WeekPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { _PeriodPicker } from "./PeriodPicker.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/YearPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { _PeriodPicker } from "./PeriodPicker.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/parseDate.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { parseAbsolute } from "@internationalized/date";
 
 //#region src/components/fields/DatePicker/parseDate.ts

package/dist/components/fields/DatePicker/period.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { CalendarDate, startOfMonth, startOfWeek, startOfYear, toCalendarDate } from "@internationalized/date";
 
 //#region src/components/fields/DatePicker/period.ts

package/dist/components/fields/DatePicker/props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 //#region src/components/fields/DatePicker/props.ts
 const DEFAULT_DATE_PROPS = {
 	granularity: "day",

package/dist/components/fields/DatePicker/utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useImperativeHandle, useRef } from "react";
 import { createDOMRef } from "@react-spectrum/utils";
 import { createFocusManager } from "@react-aria/focus";

package/dist/components/fields/FileInput/FileInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/fields/FilterListBox/FilterListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/FilterPicker/FilterPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/Input/Input.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { TextInput } from "../TextInput/TextInput.js";
 import { _FileInput } from "../FileInput/FileInput.js";
 import { _NumberInput } from "../NumberInput/NumberInput.js";

package/dist/components/fields/ListBox/DraggableListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/fields/ListBox/ListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/ListBoxPopover/ListBoxPopover.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";

package/dist/components/fields/ListBoxPopover/index.d.ts

@@ -1,4 +1,3 @@
 
 import "./ListBoxPopover.js";
-import "./useCompositeFocus.js";
 import { ListStateLike, TextFilterFn } from "./listNavigation.js";

package/dist/components/fields/ListBoxPopover/listNavigation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 //#region src/components/fields/ListBoxPopover/listNavigation.ts
 /**
 * Walks a collection (possibly nested under sections) and collects the keys of

package/dist/components/fields/ListBoxPopover/useCompositeFocus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useCallback, useEffect, useRef } from "react";
 
 //#region src/components/fields/ListBoxPopover/useCompositeFocus.ts

package/dist/components/fields/NumberInput/NumberInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { castNullableNumberValue } from "../../../utils/react/nullableValue.js";

package/dist/components/fields/NumberInput/StepButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { Button } from "../../actions/index.js";

package/dist/components/fields/PasswordInput/PasswordInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/Picker/Picker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/RadioGroup/Radio.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/fields/RadioGroup/RadioGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { FormContext } from "../../form/Form/Form.js";

package/dist/components/fields/RadioGroup/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/fields/RadioGroup/context.ts

package/dist/components/fields/SearchComboBox/SearchComboBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

package/dist/components/fields/SearchInput/SearchInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/Select/Select.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/Slider/Gradation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { SliderGradationElement, SliderGradeElement } from "./elements.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/fields/Slider/HueSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { __Slider } from "./Slider.js";
 import { forwardRef, useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Slider/RangeSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { Gradation } from "./Gradation.js";
 import { _SliderBase } from "./SliderBase.js";
 import { SliderThumb } from "./SliderThumb.js";

package/dist/components/fields/Slider/Slider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Gradation } from "./Gradation.js";

package/dist/components/fields/Slider/SliderBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/Slider/SliderThumb.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderThumbElement } from "./elements.js";

package/dist/components/fields/Slider/SliderTrack.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderTrackContainerElement } from "./elements.js";
 import { useMemo } from "react";

package/dist/components/fields/Slider/elements.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/fields/Slider/elements.ts

package/dist/components/fields/Slider/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { __RangeSlider } from "./RangeSlider.js";
 import { __Slider } from "./Slider.js";
 import { __HueSlider } from "./HueSlider.js";

package/dist/components/fields/Switch/Switch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useId as useId$2 } from "../../../utils/react/useId.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/TextArea/TextArea.js

@@ -1,12 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
-import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { castNullableStringValue } from "../../../utils/react/nullableValue.js";
 import { TextInputBase } from "../TextInput/TextInputBase.js";
-import { forwardRef, useEffect, useLayoutEffect, useRef } from "react";
+import { useAutoSizeTextArea } from "../TextInput/useAutoSizeTextArea.js";
+import { forwardRef, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTextField } from "react-aria";
 
@@ -25,26 +25,18 @@ function TextArea(props, ref) {
 	maxRows = Math.max(maxRows, rows);
 	let localInputRef = useRef(null);
 	let inputRef = propsInputRef ?? localInputRef;
-	const adjustHeight = useEvent(() => {
-		const textarea = inputRef.current;
-		if (!textarea || !autoSize) return;
-		textarea.style.height = "auto";
-		const computedStyle = getComputedStyle(textarea);
-		const paddingTop = parseFloat(computedStyle.paddingTop) || 0;
-		const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;
-		const borderTop = parseFloat(computedStyle.borderTopWidth) || 0;
-		const borderBottom = parseFloat(computedStyle.borderBottomWidth) || 0;
-		const lineHeight = parseInt(computedStyle.lineHeight) || 20;
-		const contentHeight = textarea.scrollHeight - paddingTop - paddingBottom;
-		const computedRows = Math.ceil(contentHeight / lineHeight);
-		const totalHeight = Math.max(Math.min(computedRows, maxRows), rows) * lineHeight + paddingTop + paddingBottom + borderTop + borderBottom;
-		textarea.style.height = `${totalHeight}px`;
-	});
 	const buffered = useBufferedValue(value, onChange, {
 		isBuffered,
 		isDisabled,
 		isReadOnly
 	});
+	const adjustHeight = useAutoSizeTextArea({
+		inputRef,
+		autoSize,
+		rows,
+		maxRows,
+		value: buffered.value
+	});
 	let { labelProps, inputProps } = useTextField({
 		...otherProps,
 		value: buffered.value,
@@ -56,17 +48,6 @@ function TextArea(props, ref) {
 		inputElementType: "textarea"
 	}, inputRef);
 	const mergedLabelProps = mergeProps$1(labelProps, userLabelProps);
-	const useEnvironmentalEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-	useEnvironmentalEffect(() => {
-		if (!autoSize || !inputRef.current) return;
-		adjustHeight();
-		const resizeObserver = new ResizeObserver(adjustHeight);
-		resizeObserver.observe(inputRef?.current);
-		return () => resizeObserver.disconnect();
-	}, [autoSize, inputRef?.current]);
-	useEnvironmentalEffect(() => {
-		if (autoSize && inputRef.current) adjustHeight();
-	}, [buffered.value]);
 	return /* @__PURE__ */ jsx(TextInputBase, {
 		ref,
 		...otherProps,

package/dist/components/fields/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["mergeProps"],"sources":["../../../../src/components/fields/TextArea/TextArea.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n} from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/index';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\n\nexport interface CubeTextAreaProps\n  extends CubeTextInputBaseProps,\n    CubeBufferedValueProps {\n  /** Whether the textarea should change its size depends on the content */\n  autoSize?: boolean;\n  /** Max number of visible rows when autoSize is `true`. Defaults to 10  */\n  maxRows?: number;\n  /** The `rows` attribute in HTML is used to specify the number of visible text lines for the\n   * control i.e. the number of rows to display. Defaults to 3 */\n  rows?: number;\n}\n\nfunction TextArea(\n  props: WithNullableValue<CubeTextAreaProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n  let {\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputRef: propsInputRef,\n    value,\n    isBuffered,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  let localInputRef = useRef<HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  const adjustHeight = useEvent(() => {\n    const textarea = inputRef.current;\n\n    if (!textarea || !autoSize) return;\n\n    // Reset height to get the correct scrollHeight\n    textarea.style.height = 'auto';\n\n    // Get computed styles to account for padding\n    const computedStyle = getComputedStyle(textarea);\n    const paddingTop = parseFloat(computedStyle.paddingTop) || 0;\n    const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;\n    const borderTop = parseFloat(computedStyle.borderTopWidth) || 0;\n    const borderBottom = parseFloat(computedStyle.borderBottomWidth) || 0;\n\n    // Calculate line height (approximately)\n    const lineHeight = parseInt(computedStyle.lineHeight) || 20;\n\n    // Calculate content height (excluding padding and border)\n    const contentHeight = textarea.scrollHeight - paddingTop - paddingBottom;\n\n    // Calculate rows based on content height\n    const computedRows = Math.ceil(contentHeight / lineHeight);\n\n    // Apply min/max constraints\n    const targetRows = Math.max(Math.min(computedRows, maxRows), rows);\n\n    // Set the height including padding and border\n    const totalHeight =\n      targetRows * lineHeight +\n      paddingTop +\n      paddingBottom +\n      borderTop +\n      borderBottom;\n\n    textarea.style.height = `${totalHeight}px`;\n  });\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  const buffered = useBufferedValue(value, onChange, {\n    isBuffered,\n    isDisabled,\n    isReadOnly,\n  });\n\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...otherProps,\n      value: buffered.value,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(buffered.onChange, adjustHeight),\n      onBlur: chain(otherProps.onBlur, buffered.reset),\n      inputElementType: 'textarea',\n    },\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const useEnvironmentalEffect =\n    typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\n  // Also call adjustHeight on element resize as that can affect wrapping\n  useEnvironmentalEffect(() => {\n    if (!autoSize || !inputRef.current) return;\n\n    adjustHeight();\n\n    const resizeObserver = new ResizeObserver(adjustHeight);\n\n    resizeObserver.observe(inputRef?.current);\n\n    return () => resizeObserver.disconnect();\n  }, [autoSize, inputRef?.current]);\n\n  // Adjust height when value changes programmatically (controlled mode with autoSize).\n  // Keyed on the rendered value, not the prop, so a buffered draft is measured.\n  useEnvironmentalEffect(() => {\n    if (autoSize && inputRef.current) {\n      adjustHeight();\n    }\n  }, [buffered.value]);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      {...otherProps}\n      multiLine\n      inputRef={inputRef}\n      labelProps={mergedLabelProps}\n      inputProps={{ ...inputProps, 'data-input-type': 'textarea' }}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n}\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextArea = forwardRef(TextArea);\n\n(_TextArea as any).cubeInputType = 'Text';\n_TextArea.displayName = 'TextArea';\n\nexport { _TextArea as TextArea };\n"],"mappings":";;;;;;;;;;;;;AAkCA,SAAS,SACP,OACA,KACA;AACA,SAAQ,wBAAwB,MAAM;AACtC,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C;GACA,OAAO,OAAO,UAAU,IAAI;GAC7B;EACF,CAAC;CACF,IAAI,EACF,WAAW,OACX,aAAa,OACb,aAAa,OACb,aAAa,OACb,UACA,UAAU,IACV,OAAO,GACP,YAAY,gBACZ,UAAU,eACV,OACA,YACA,GAAG,eACD;AAEJ,QAAO,KAAK,IAAI,MAAM,EAAE;AACxB,WAAU,KAAK,IAAI,SAAS,KAAK;CAEjC,IAAI,gBAAgB,OAA4B,KAAK;CACrD,IAAI,WAAW,iBAAiB;CAEhC,MAAM,eAAe,eAAe;EAClC,MAAM,WAAW,SAAS;AAE1B,MAAI,CAAC,YAAY,CAAC,SAAU;AAG5B,WAAS,MAAM,SAAS;EAGxB,MAAM,gBAAgB,iBAAiB,SAAS;EAChD,MAAM,aAAa,WAAW,cAAc,WAAW,IAAI;EAC3D,MAAM,gBAAgB,WAAW,cAAc,cAAc,IAAI;EACjE,MAAM,YAAY,WAAW,cAAc,eAAe,IAAI;EAC9D,MAAM,eAAe,WAAW,cAAc,kBAAkB,IAAI;EAGpE,MAAM,aAAa,SAAS,cAAc,WAAW,IAAI;EAGzD,MAAM,gBAAgB,SAAS,eAAe,aAAa;EAG3D,MAAM,eAAe,KAAK,KAAK,gBAAgB,WAAW;EAM1D,MAAM,cAHa,KAAK,IAAI,KAAK,IAAI,cAAc,QAAQ,EAAE,KAAK,GAInD,aACb,aACA,gBACA,YACA;AAEF,WAAS,MAAM,SAAS,GAAG,YAAY;GACvC;CAGF,MAAM,WAAW,iBAAiB,OAAO,UAAU;EACjD;EACA;EACA;EACD,CAAC;CAEF,IAAI,EAAE,YAAY,eAAe,aAC/B;EACE,GAAG;EACH,OAAO,SAAS;EAChB;EACA;EACA;EACA,UAAU,MAAM,SAAS,UAAU,aAAa;EAChD,QAAQ,MAAM,WAAW,QAAQ,SAAS,MAAM;EAChD,kBAAkB;EACnB,EACD,SACD;CAGD,MAAM,mBAAmBA,aAAW,YAAY,eAAe;CAE/D,MAAM,yBACJ,OAAO,WAAW,cAAc,kBAAkB;AAGpD,8BAA6B;AAC3B,MAAI,CAAC,YAAY,CAAC,SAAS,QAAS;AAEpC,gBAAc;EAEd,MAAM,iBAAiB,IAAI,eAAe,aAAa;AAEvD,iBAAe,QAAQ,UAAU,QAAQ;AAEzC,eAAa,eAAe,YAAY;IACvC,CAAC,UAAU,UAAU,QAAQ,CAAC;AAIjC,8BAA6B;AAC3B,MAAI,YAAY,SAAS,QACvB,eAAc;IAEf,CAAC,SAAS,MAAM,CAAC;AAEpB,QACE,oBAAC;EACM;EACL,GAAI;EACJ;EACU;EACV,YAAY;EACZ,YAAY;GAAE,GAAG;GAAY,mBAAmB;GAAY;EAChD;EACA;EACA;EACN;GACN;;;;;;;AASN,MAAM,YAAY,WAAW,SAAS;AAEtC,AAAC,UAAkB,gBAAgB;AACnC,UAAU,cAAc"}
+{"version":3,"file":"TextArea.js","names":["mergeProps"],"sources":["../../../../src/components/fields/TextArea/TextArea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nexport interface CubeTextAreaProps\n  extends CubeTextInputBaseProps,\n    CubeBufferedValueProps {\n  /** Whether the textarea should change its size depends on the content */\n  autoSize?: boolean;\n  /** Max number of visible rows when autoSize is `true`. Defaults to 10  */\n  maxRows?: number;\n  /** The `rows` attribute in HTML is used to specify the number of visible text lines for the\n   * control i.e. the number of rows to display. Defaults to 3 */\n  rows?: number;\n}\n\nfunction TextArea(\n  props: WithNullableValue<CubeTextAreaProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n  let {\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputRef: propsInputRef,\n    value,\n    isBuffered,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  let localInputRef = useRef<HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  const buffered = useBufferedValue(value, onChange, {\n    isBuffered,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    // Keyed on the rendered value, not the prop, so a buffered draft is measured.\n    value: buffered.value,\n  });\n\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...otherProps,\n      value: buffered.value,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(buffered.onChange, adjustHeight),\n      onBlur: chain(otherProps.onBlur, buffered.reset),\n      inputElementType: 'textarea',\n    },\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      {...otherProps}\n      multiLine\n      inputRef={inputRef}\n      labelProps={mergedLabelProps}\n      inputProps={{ ...inputProps, 'data-input-type': 'textarea' }}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n}\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextArea = forwardRef(TextArea);\n\n(_TextArea as any).cubeInputType = 'Text';\n_TextArea.displayName = 'TextArea';\n\nexport { _TextArea as TextArea };\n"],"mappings":";;;;;;;;;;;;;AA4BA,SAAS,SACP,OACA,KACA;AACA,SAAQ,wBAAwB,MAAM;AACtC,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C;GACA,OAAO,OAAO,UAAU,IAAI;GAC7B;EACF,CAAC;CACF,IAAI,EACF,WAAW,OACX,aAAa,OACb,aAAa,OACb,aAAa,OACb,UACA,UAAU,IACV,OAAO,GACP,YAAY,gBACZ,UAAU,eACV,OACA,YACA,GAAG,eACD;AAEJ,QAAO,KAAK,IAAI,MAAM,EAAE;AACxB,WAAU,KAAK,IAAI,SAAS,KAAK;CAEjC,IAAI,gBAAgB,OAA4B,KAAK;CACrD,IAAI,WAAW,iBAAiB;CAGhC,MAAM,WAAW,iBAAiB,OAAO,UAAU;EACjD;EACA;EACA;EACD,CAAC;CAEF,MAAM,eAAe,oBAAoB;EACvC;EACA;EACA;EACA;EAEA,OAAO,SAAS;EACjB,CAAC;CAEF,IAAI,EAAE,YAAY,eAAe,aAC/B;EACE,GAAG;EACH,OAAO,SAAS;EAChB;EACA;EACA;EACA,UAAU,MAAM,SAAS,UAAU,aAAa;EAChD,QAAQ,MAAM,WAAW,QAAQ,SAAS,MAAM;EAChD,kBAAkB;EACnB,EACD,SACD;CAGD,MAAM,mBAAmBA,aAAW,YAAY,eAAe;AAE/D,QACE,oBAAC;EACM;EACL,GAAI;EACJ;EACU;EACV,YAAY;EACZ,YAAY;GAAE,GAAG;GAAY,mBAAmB;GAAY;EAChD;EACA;EACA;EACN;GACN;;;;;;;AASN,MAAM,YAAY,WAAW,SAAS;AAEtC,AAAC,UAAkB,gBAAgB;AACnC,UAAU,cAAc"}

package/dist/components/fields/TextInput/TextInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/TextInput/TextInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c5ac550 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/TextInput/useAutoSizeTextArea.js

@@ -0,0 +1,146 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a98ac41 | Cube Dev Team */
+import { useEvent } from "../../../_internal/hooks/use-event.js";
+import { useEffect, useLayoutEffect, useRef } from "react";
+
+//#region src/components/fields/TextInput/useAutoSizeTextArea.ts
+/**
+* Computed properties that decide where text wraps and how tall a line box is.
+* Copied onto the mirror so it wraps exactly like the live textarea.
+*/
+const MIRROR_TYPOGRAPHY_PROPS = [
+	"direction",
+	"fontFamily",
+	"fontFeatureSettings",
+	"fontKerning",
+	"fontSize",
+	"fontStretch",
+	"fontStyle",
+	"fontVariant",
+	"fontVariationSettings",
+	"fontWeight",
+	"letterSpacing",
+	"lineHeight",
+	"overflowWrap",
+	"tabSize",
+	"textIndent",
+	"textTransform",
+	"whiteSpace",
+	"wordBreak",
+	"wordSpacing"
+];
+const FALLBACK_LINE_HEIGHT = 20;
+/**
+* An off-screen textarea used to measure how tall the content wants to be.
+*
+* It carries no padding and no border, and its width is set to the live
+* element's *content* width, so `scrollHeight` is the content height and
+* nothing else. `height: 0` is what makes shrinking measurable: a textarea's
+* `scrollHeight` never drops below its own client height, so measuring the live
+* element can only ever report "at least what it already is".
+*/
+function createMirror() {
+	const mirror = document.createElement("textarea");
+	mirror.setAttribute("aria-hidden", "true");
+	mirror.setAttribute("tabindex", "-1");
+	mirror.readOnly = true;
+	mirror.rows = 1;
+	Object.assign(mirror.style, {
+		position: "absolute",
+		top: "0",
+		left: "-9999px",
+		boxSizing: "content-box",
+		margin: "0",
+		padding: "0",
+		border: "0",
+		height: "0",
+		minHeight: "0",
+		maxHeight: "none",
+		overflow: "hidden",
+		resize: "none",
+		visibility: "hidden",
+		pointerEvents: "none"
+	});
+	return mirror;
+}
+/** The width the text actually has to wrap in, scrollbar and padding removed. */
+function getContentWidth(textarea, style) {
+	const paddingLeft = parseFloat(style.paddingLeft) || 0;
+	const paddingRight = parseFloat(style.paddingRight) || 0;
+	const borderLeft = parseFloat(style.borderLeftWidth) || 0;
+	const borderRight = parseFloat(style.borderRightWidth) || 0;
+	const scrollbar = Math.max(0, Math.round(textarea.offsetWidth - textarea.clientWidth - borderLeft - borderRight));
+	return Math.max(0, textarea.getBoundingClientRect().width - borderLeft - borderRight - scrollbar - paddingLeft - paddingRight);
+}
+/** `line-height: normal` has no px value to read, so measure one line instead. */
+function getLineHeight(style, mirror) {
+	const parsed = parseFloat(style.lineHeight);
+	if (Number.isFinite(parsed) && parsed > 0) return parsed;
+	const previousValue = mirror.value;
+	mirror.value = "x";
+	const measured = mirror.scrollHeight;
+	mirror.value = previousValue;
+	return measured > 0 ? measured : FALLBACK_LINE_HEIGHT;
+}
+/**
+* Keeps an `autoSize` textarea's height in step with its content, and returns
+* the `adjustHeight` callback so a change handler can resize in the same tick
+* as the keystroke.
+*
+* The height is derived from an off-screen mirror rather than from the live
+* element. Measuring the live element — `height: auto`, read `scrollHeight`,
+* restore — re-lays out every ancestor mid-keystroke: in a chat-style column
+* the input box collapses to one row and the scroll viewport grows by the
+* difference, and the browser's scroll anchoring has to undo that. It does so
+* imperfectly, which is visible as the whole conversation bouncing by a pixel
+* on every keystroke (CUB-4042). Measuring off-screen touches no ancestor, so
+* there is nothing to undo.
+*/
+function useAutoSizeTextArea({ inputRef, autoSize, rows, maxRows, value }) {
+	const mirrorRef = useRef(null);
+	const adjustHeight = useEvent(() => {
+		const textarea = inputRef.current;
+		if (!textarea || !autoSize) return;
+		let mirror = mirrorRef.current;
+		if (!mirror) {
+			mirror = createMirror();
+			mirrorRef.current = mirror;
+			document.body.appendChild(mirror);
+		}
+		const style = getComputedStyle(textarea);
+		const contentWidth = getContentWidth(textarea, style);
+		if (contentWidth === 0) return;
+		for (const prop of MIRROR_TYPOGRAPHY_PROPS) mirror.style[prop] = style[prop];
+		mirror.style.width = `${contentWidth}px`;
+		mirror.value = textarea.value;
+		const lineHeight = getLineHeight(style, mirror);
+		const contentRows = Math.max(1, Math.round(mirror.scrollHeight / lineHeight));
+		const targetRows = Math.max(Math.min(contentRows, maxRows), rows);
+		const paddingTop = parseFloat(style.paddingTop) || 0;
+		const paddingBottom = parseFloat(style.paddingBottom) || 0;
+		const borderTop = parseFloat(style.borderTopWidth) || 0;
+		const borderBottom = parseFloat(style.borderBottomWidth) || 0;
+		const box = style.boxSizing === "border-box" ? paddingTop + paddingBottom + borderTop + borderBottom : 0;
+		const nextHeight = `${targetRows * lineHeight + box}px`;
+		if (textarea.style.height !== nextHeight) textarea.style.height = nextHeight;
+	});
+	const useEnvironmentalEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+	useEnvironmentalEffect(() => {
+		if (!autoSize || !inputRef.current) return;
+		adjustHeight();
+		const resizeObserver = new ResizeObserver(adjustHeight);
+		resizeObserver.observe(inputRef.current);
+		return () => resizeObserver.disconnect();
+	}, [autoSize, inputRef.current]);
+	useEnvironmentalEffect(() => {
+		if (autoSize && inputRef.current) adjustHeight();
+	}, [value]);
+	useEffect(() => () => {
+		mirrorRef.current?.remove();
+		mirrorRef.current = null;
+	}, []);
+	return adjustHeight;
+}
+
+//#endregion
+export { useAutoSizeTextArea };
+//# sourceMappingURL=useAutoSizeTextArea.js.map