@ultraviolet/ui 3.21.0 → 3.21.2

package/dist/components/Text/style.css.ts.vanilla.js

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Text/style.css.ts.vanilla.css
-var init_style_css_ts_vanilla = __esmMin(() => {});
+function init_style_css_ts_vanilla() {
+	return (init_style_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_style_css_ts_vanilla();

package/dist/components/Text/variables.css.js

@@ -2,12 +2,14 @@ import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Text/variables.css.ts
 var textVars;
-var init_variables_css = __esmMin(() => {
-	textVars = {
-		textAlign: "var(--uv_qabug40)",
-		whiteSpace: "var(--uv_qabug41)"
-	};
-});
+function init_variables_css() {
+	return (init_variables_css = __esmMin(() => {
+		textVars = {
+			textAlign: "var(--uv_qabug40)",
+			whiteSpace: "var(--uv_qabug41)"
+		};
+	}))();
+}
 
 //#endregion
 init_variables_css();

package/dist/components/TextArea/Icon.js

@@ -5,12 +5,14 @@ import { CheckCircleIcon } from "@ultraviolet/icons/CheckCircleIcon";
 
 //#region src/components/TextArea/Icon.tsx
 var SuccessErrorIcon;
-var init_Icon = __esmMin(() => {
-	SuccessErrorIcon = ({ success, error }) => /* @__PURE__ */ jsxs(Fragment, { children: [success && !error ? /* @__PURE__ */ jsx(CheckCircleIcon, {
-		sentiment: "success",
-		size: "small"
-	}) : null, error ? /* @__PURE__ */ jsx(AlertCircleIcon, { sentiment: "danger" }) : null] });
-});
+function init_Icon() {
+	return (init_Icon = __esmMin(() => {
+		SuccessErrorIcon = ({ success, error }) => /* @__PURE__ */ jsxs(Fragment, { children: [success && !error ? /* @__PURE__ */ jsx(CheckCircleIcon, {
+			sentiment: "success",
+			size: "small"
+		}) : null, error ? /* @__PURE__ */ jsx(AlertCircleIcon, { sentiment: "danger" }) : null] });
+	}))();
+}
 
 //#endregion
 init_Icon();

package/dist/components/TextArea/Notice.js

@@ -8,36 +8,38 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/TextArea/Notice.tsx
 var Notice;
-var init_Notice = __esmMin(() => {
-	init_hasHelperText();
-	init_Description();
-	init_Row();
-	init_Text();
-	Notice = ({ maxLength, error, success, helper, disabled, value, id }) => {
-		var _value$length;
-		return /* @__PURE__ */ jsxs(Row, {
-			gap: "1",
-			templateColumns: "minmax(0, 1fr) min-content",
-			children: [hasHelperText(helper, error, success) ? /* @__PURE__ */ jsx(Description, {
-				id,
-				error,
-				success,
-				disabled,
-				helper
-			}) : /* @__PURE__ */ jsx("div", {}), maxLength ? /* @__PURE__ */ jsxs(Text, {
-				as: "div",
-				prominence: "weak",
-				sentiment: "neutral",
-				variant: "caption",
-				children: [
-					(_value$length = value === null || value === void 0 ? void 0 : value.length) !== null && _value$length !== void 0 ? _value$length : 0,
-					"/",
-					maxLength
-				]
-			}) : null]
-		});
-	};
-});
+function init_Notice() {
+	return (init_Notice = __esmMin(() => {
+		init_hasHelperText();
+		init_Description();
+		init_Row();
+		init_Text();
+		Notice = ({ maxLength, error, success, helper, disabled, value, id }) => {
+			var _value$length;
+			return /* @__PURE__ */ jsxs(Row, {
+				gap: "1",
+				templateColumns: "minmax(0, 1fr) min-content",
+				children: [hasHelperText(helper, error, success) ? /* @__PURE__ */ jsx(Description, {
+					id,
+					error,
+					success,
+					disabled,
+					helper
+				}) : /* @__PURE__ */ jsx("div", {}), maxLength ? /* @__PURE__ */ jsxs(Text, {
+					as: "div",
+					prominence: "weak",
+					sentiment: "neutral",
+					variant: "caption",
+					children: [
+						(_value$length = value === null || value === void 0 ? void 0 : value.length) !== null && _value$length !== void 0 ? _value$length : 0,
+						"/",
+						maxLength
+					]
+				}) : null]
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_Notice();

package/dist/components/TextArea/index.d.ts

@@ -1,23 +1,10 @@
-import type { CSSProperties, ReactNode, TextareaHTMLAttributes } from 'react';
-type LabelProps = {
-    label: string;
-    'aria-label'?: never;
-} | {
-    label?: never;
-    'aria-label': string;
-};
-type TextAreaProps = {
-    id?: string;
-    className?: string;
+import type { ReactNode } from 'react';
+import type { BaseFormComponentProps, LabelProps } from '../../types';
+type TextAreaProps = BaseFormComponentProps<HTMLTextAreaElement> & LabelProps & {
     tabIndex?: number;
-    autoFocus?: boolean;
     value?: string;
     onChange: (newValue: string) => void;
     placeholder?: string;
-    /**
-     * Override others properties : readyOnly, success, error.
-     */
-    disabled?: boolean;
     /**
      * Override others properties : success, error.
      * Ignored if following props are provided : disabled.
@@ -33,10 +20,6 @@ type TextAreaProps = {
      * Ignored if following props are provided : disabled, readyOnly, success.
      */
     error?: string;
-    /**
-     * Ignored if following props are provided : readyOnly, success.
-     */
-    helper?: ReactNode;
     /**
      * Number of rows to display. If 'auto', the textarea will grow with the content
      */
@@ -49,13 +32,9 @@ type TextAreaProps = {
     maxLength?: number;
     size?: 'small' | 'medium' | 'large';
     tooltip?: string;
-    required?: boolean;
-    'data-testid'?: string;
-    name?: string;
     clearable?: boolean;
     labelDescription?: ReactNode;
-    style?: CSSProperties;
-} & LabelProps & Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onFocus' | 'onBlur' | 'onKeyDown' | 'aria-describedby'>;
+};
 /**
  * This component offers an extended textarea HTML
  */

package/dist/components/TextArea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAA;AAY7E,KAAK,UAAU,GACX;IACE,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAEL,KAAK,aAAa,GAAG;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,UAAU,GACZ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,kBAAkB,CAAC,CAAA;AAK5G;;GAEG;AACH,eAAO,MAAM,QAAQ,+GA4KpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAWrE,KAAK,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GAC9D,UAAU,GAAG;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B,CAAA;AAKH;;GAEG;AACH,eAAO,MAAM,QAAQ,+GA4KpB,CAAA"}

package/dist/components/TextArea/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
 import { Button, init_Button } from "../Button/index.js";
@@ -8,7 +8,6 @@ import { hasHelperText, init_hasHelperText } from "../../helpers/hasHelperText.j
 import { Label, init_Label } from "../Label/index.js";
 import { init_styles_css, paddingRightVar, textAreaStyle } from "./styles.css.js";
 import { SIZE_HEIGHT, init_constants } from "../Button/constants.js";
-import { init_constant } from "./constant.js";
 import { SuccessErrorIcon, init_Icon } from "./Icon.js";
 import { Notice, init_Notice } from "./Notice.js";
 import { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
@@ -19,137 +18,140 @@ import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 
 //#region src/components/TextArea/index.tsx
 var BORDERS_WIDTH, AUTO_ROWS, TextArea;
-var init_TextArea = __esmMin(() => {
-	init_hasHelperText();
-	init_Button();
-	init_constants();
-	init_Label();
-	init_Stack();
-	init_Tooltip();
-	init_constant();
-	init_Icon();
-	init_Notice();
-	init_styles_css();
-	init_objectSpread2();
-	BORDERS_WIDTH = "2px";
-	AUTO_ROWS = 2;
-	TextArea = forwardRef(({ id, className, tabIndex, value, onChange, placeholder, rows = 3, maxRows, disabled = false, readOnly = false, success, error, helper, minLength, maxLength, tooltip, label, autoFocus, required = false, "data-testid": dataTestId, name, onFocus, onBlur, onKeyDown, clearable = false, size = "large", labelDescription, "aria-label": ariaLabel, style, "aria-describedby": ariaDescribedBy }, ref) => {
-		const localId = useId();
-		const helperId = useId();
-		const theme = useTheme();
-		const textAreaRef = useRef(null);
-		useImperativeHandle(ref, () => textAreaRef.current);
-		useEffect(() => {
-			if (textAreaRef.current && window.CSS && CSS.supports("field-sizing", "content")) textAreaRef.current.style.fieldSizing = rows === "auto" ? "content" : "fixed";
-		}, [rows]);
-		useEffect(() => {
-			const textArea = textAreaRef.current;
-			if (!textArea || rows !== "auto") return;
-			const userResized = textArea.style.height.match(/^\d+px$/);
-			const hasNativeAutoResize = textArea.style.fieldSizing === "content";
-			if (userResized || hasNativeAutoResize) return;
-			textArea.style.height = `calc(${textArea.scrollHeight}px + ${BORDERS_WIDTH})`;
-		}, [value, rows]);
-		useEffect(() => {
-			const textArea = textAreaRef.current;
-			if (!textArea) return;
-			const padding = theme.space["1.5"];
-			const lineHeight = Number.parseFloat(getComputedStyle(textArea).lineHeight);
-			if (maxRows) textArea.style.maxBlockSize = `calc(${maxRows * lineHeight}px + 2*${padding} + ${BORDERS_WIDTH})`;
-			const minRows = rows === "auto" ? AUTO_ROWS : rows;
-			textArea.style.minBlockSize = `calc(${minRows * lineHeight}px + 2*${padding} + ${BORDERS_WIDTH})`;
-		}, [
-			maxRows,
-			rows,
-			theme.space
-		]);
-		const nonDefaultState = success || error;
-		const computedClearable = clearable && !!value;
-		const defaultPadding = theme.space[1];
-		const spaceForClearButton = computedClearable ? theme.sizing[SIZE_HEIGHT.xsmall] : "0px";
-		const spaceForStateIcon = nonDefaultState ? theme.sizing["200"] : "0px";
-		const gapBetweenButtons = computedClearable && nonDefaultState ? theme.space["1"] : "0px";
-		const gapButtonsContent = computedClearable || nonDefaultState ? theme.space[.5] : "0px";
-		return /* @__PURE__ */ jsxs(Stack, {
-			className,
-			gap: "0.5",
-			children: [
-				label || labelDescription ? /* @__PURE__ */ jsx(Label, {
-					htmlFor: id !== null && id !== void 0 ? id : localId,
-					labelDescription,
-					required,
-					size,
-					children: label
-				}) : null,
-				/* @__PURE__ */ jsx(Tooltip, {
-					text: tooltip,
-					children: /* @__PURE__ */ jsxs("div", {
-						className: textAreaStyle.wrapper,
-						children: [/* @__PURE__ */ jsx("textarea", {
-							"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error, success) ? helperId : void 0),
-							"aria-invalid": !!error,
-							"aria-label": ariaLabel,
-							autoFocus,
-							className: textAreaStyle.textArea({
-								error: !!error,
-								success: !!success,
-								size
-							}),
-							"data-testid": dataTestId,
-							disabled,
-							id: id !== null && id !== void 0 ? id : localId,
-							maxLength,
-							minLength,
-							name,
-							onBlur,
-							onChange: (event) => {
-								onChange(event.currentTarget.value);
-							},
-							onFocus,
-							onKeyDown,
-							placeholder,
-							readOnly: !!readOnly,
-							ref: textAreaRef,
-							rows: rows === "auto" ? AUTO_ROWS : rows,
-							style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [paddingRightVar]: `calc(${defaultPadding} + ${spaceForClearButton} + ${spaceForStateIcon} + ${gapBetweenButtons} + ${gapButtonsContent}) ` })), style),
-							tabIndex,
-							value
-						}), /* @__PURE__ */ jsxs(Stack, {
-							alignItems: "center",
-							className: textAreaStyle.clearableContainer,
-							direction: "row",
-							gap: "1",
-							children: [computedClearable ? /* @__PURE__ */ jsx(Button, {
-								"aria-label": "clear value",
-								onClick: () => {
-									onChange("");
+function init_TextArea() {
+	return (init_TextArea = __esmMin(() => {
+		init_hasHelperText();
+		init_Button();
+		init_constants();
+		init_Label();
+		init_Stack();
+		init_Tooltip();
+		init_Icon();
+		init_Notice();
+		init_styles_css();
+		init_objectSpread2();
+		BORDERS_WIDTH = "2px";
+		AUTO_ROWS = 2;
+		TextArea = forwardRef(({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "data-testid": dataTestId, autoFocus, className, clearable = false, disabled = false, error, helper, id, label, labelDescription, maxLength, maxRows, minLength, name, onBlur, onChange, onFocus, onKeyDown, placeholder, readOnly = false, required = false, rows = 3, size = "large", style, success, tabIndex, tooltip, value }, ref) => {
+			const localId = useId();
+			const helperId = useId();
+			const theme = useTheme();
+			const textAreaRef = useRef(null);
+			useImperativeHandle(ref, () => textAreaRef.current);
+			useEffect(() => {
+				var _CSS;
+				var _CSS$supports;
+				if (textAreaRef.current && ((_CSS = CSS) === null || _CSS === void 0 || (_CSS$supports = _CSS.supports) === null || _CSS$supports === void 0 ? void 0 : _CSS$supports.call(_CSS, "field-sizing", "content"))) textAreaRef.current.style.fieldSizing = rows === "auto" ? "content" : "fixed";
+			}, [rows]);
+			useEffect(() => {
+				const textArea = textAreaRef.current;
+				if (!textArea || rows !== "auto") return;
+				const userResized = textArea.style.height.match(/^\d+px$/);
+				const hasNativeAutoResize = textArea.style.fieldSizing === "content";
+				if (userResized || hasNativeAutoResize) return;
+				textArea.style.height = `calc(${textArea.scrollHeight}px + ${BORDERS_WIDTH})`;
+			}, [value, rows]);
+			useEffect(() => {
+				const textArea = textAreaRef.current;
+				if (!textArea) return;
+				const padding = theme.space["1.5"];
+				const lineHeight = Number.parseFloat(getComputedStyle(textArea).lineHeight);
+				if (maxRows) textArea.style.maxBlockSize = `calc(${maxRows * lineHeight}px + 2*${padding} + ${BORDERS_WIDTH})`;
+				const minRows = rows === "auto" ? AUTO_ROWS : rows;
+				textArea.style.minBlockSize = `calc(${minRows * lineHeight}px + 2*${padding} + ${BORDERS_WIDTH})`;
+			}, [
+				maxRows,
+				rows,
+				theme.space
+			]);
+			const nonDefaultState = success || error;
+			const computedClearable = clearable && !!value;
+			const defaultPadding = theme.space[1];
+			const spaceForClearButton = computedClearable ? theme.sizing[SIZE_HEIGHT.xsmall] : "0px";
+			const spaceForStateIcon = nonDefaultState ? theme.sizing["200"] : "0px";
+			const gapBetweenButtons = computedClearable && nonDefaultState ? theme.space["1"] : "0px";
+			const gapButtonsContent = computedClearable || nonDefaultState ? theme.space[.5] : "0px";
+			return /* @__PURE__ */ jsxs(Stack, {
+				className,
+				gap: "0.5",
+				children: [
+					label || labelDescription ? /* @__PURE__ */ jsx(Label, {
+						htmlFor: id !== null && id !== void 0 ? id : localId,
+						labelDescription,
+						required,
+						size,
+						children: label
+					}) : null,
+					/* @__PURE__ */ jsx(Tooltip, {
+						text: tooltip,
+						children: /* @__PURE__ */ jsxs("div", {
+							className: textAreaStyle.wrapper,
+							children: [/* @__PURE__ */ jsx("textarea", {
+								"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error, success) ? helperId : void 0),
+								"aria-invalid": !!error,
+								"aria-label": ariaLabel,
+								autoFocus,
+								className: textAreaStyle.textArea({
+									error: !!error,
+									success: !!success,
+									size
+								}),
+								"data-testid": dataTestId,
+								disabled,
+								id: id !== null && id !== void 0 ? id : localId,
+								maxLength,
+								minLength,
+								name,
+								onBlur,
+								onChange: (event) => {
+									onChange(event.currentTarget.value);
 								},
-								sentiment: "neutral",
-								size: "xsmall",
-								variant: "ghost",
-								disabled: disabled || readOnly,
-								children: /* @__PURE__ */ jsx(CloseIcon, {})
-							}) : null, /* @__PURE__ */ jsx(SuccessErrorIcon, {
-								error: !!error,
-								success: !!success
+								onFocus,
+								onKeyDown,
+								placeholder,
+								readOnly: !!readOnly,
+								ref: textAreaRef,
+								rows: rows === "auto" ? AUTO_ROWS : rows,
+								style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [paddingRightVar]: `calc(${defaultPadding} + ${spaceForClearButton} + ${spaceForStateIcon} + ${gapBetweenButtons} + ${gapButtonsContent}) ` })), style),
+								tabIndex,
+								value
+							}), /* @__PURE__ */ jsxs(Stack, {
+								alignItems: "center",
+								className: textAreaStyle.clearableContainer,
+								direction: "row",
+								gap: "1",
+								children: [computedClearable ? /* @__PURE__ */ jsx(Button, {
+									"aria-label": "clear value",
+									onClick: () => {
+										onChange("");
+									},
+									sentiment: "neutral",
+									size: "xsmall",
+									variant: "ghost",
+									disabled: disabled || readOnly,
+									children: /* @__PURE__ */ jsx(CloseIcon, {})
+								}) : null, /* @__PURE__ */ jsx(SuccessErrorIcon, {
+									error: !!error,
+									success: !!success
+								})]
 							})]
-						})]
-					})
-				}),
-				nonDefaultState || helper || maxLength ? /* @__PURE__ */ jsx(Notice, {
-					disabled,
-					error,
-					helper,
-					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
-					maxLength,
-					success,
-					value
-				}) : null
-			]
+						})
+					}),
+					nonDefaultState || helper || maxLength ? /* @__PURE__ */ jsx(Notice, {
+						disabled,
+						error,
+						helper,
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
+						maxLength,
+						success,
+						value
+					}) : null
+				]
+			});
 		});
-	});
-	TextArea.displayName = "TextArea";
-});
+		TextArea.displayName = "TextArea";
+	}))();
+}
 
 //#endregion
 init_TextArea();

package/dist/components/TextArea/styles.css.js

@@ -4,32 +4,34 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/TextArea/styles.css.ts
 var paddingRightVar, textAreaStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	paddingRightVar = "var(--uv_hlf4vn0)";
-	textAreaStyle = {
-		clearableContainer: "uv_hlf4vn2",
-		textArea: createRuntimeFn({
-			defaultClassName: "uv_hlf4vn3",
-			variantClassNames: {
-				error: { true: "uv_hlf4vn4" },
-				success: { true: "uv_hlf4vn5" },
-				size: {
-					small: "uv_hlf4vn6",
-					medium: "uv_hlf4vn7",
-					large: "uv_hlf4vn8"
-				}
-			},
-			defaultVariants: {
-				error: false,
-				success: false,
-				size: "large"
-			},
-			compoundVariants: []
-		}),
-		wrapper: "uv_hlf4vn1"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		paddingRightVar = "var(--uv_hlf4vn0)";
+		textAreaStyle = {
+			clearableContainer: "uv_hlf4vn2",
+			textArea: createRuntimeFn({
+				defaultClassName: "uv_hlf4vn3",
+				variantClassNames: {
+					error: { true: "uv_hlf4vn4" },
+					success: { true: "uv_hlf4vn5" },
+					size: {
+						small: "uv_hlf4vn6",
+						medium: "uv_hlf4vn7",
+						large: "uv_hlf4vn8"
+					}
+				},
+				defaultVariants: {
+					error: false,
+					success: false,
+					size: "large"
+				},
+				compoundVariants: []
+			}),
+			wrapper: "uv_hlf4vn1"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

package/dist/components/TextArea/styles.css.ts.vanilla.js

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/TextArea/styles.css.ts.vanilla.css
-var init_styles_css_ts_vanilla = __esmMin(() => {});
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_styles_css_ts_vanilla();

package/dist/components/TextInput/PrefixSuffix.js

@@ -6,24 +6,26 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/TextInput/PrefixSuffix.tsx
 var PrefixSuffix;
-var init_PrefixSuffix = __esmMin(() => {
-	init_Stack();
-	init_Text();
-	init_styles_css();
-	PrefixSuffix = ({ size, content, disabled, type }) => content ? /* @__PURE__ */ jsx(Stack, {
-		alignItems: "center",
-		className: textInputStyle[type === "prefix" ? "basicPrefix" : "basicSuffix"],
-		"data-size": size,
-		direction: "row",
-		children: typeof content === "string" ? /* @__PURE__ */ jsx(Text, {
-			as: "span",
-			disabled,
-			sentiment: "neutral",
-			variant: "bodySmall",
-			children: content
-		}) : content
-	}) : null;
-});
+function init_PrefixSuffix() {
+	return (init_PrefixSuffix = __esmMin(() => {
+		init_Stack();
+		init_Text();
+		init_styles_css();
+		PrefixSuffix = ({ size, content, disabled, type }) => content ? /* @__PURE__ */ jsx(Stack, {
+			alignItems: "center",
+			className: textInputStyle[type === "prefix" ? "basicPrefix" : "basicSuffix"],
+			"data-size": size,
+			direction: "row",
+			children: typeof content === "string" ? /* @__PURE__ */ jsx(Text, {
+				as: "span",
+				disabled,
+				sentiment: "neutral",
+				variant: "bodySmall",
+				children: content
+			}) : content
+		}) : null;
+	}))();
+}
 
 //#endregion
 init_PrefixSuffix();