@ultraviolet/ui 3.12.3 → 3.13.1

package/dist/components/TagList/index.js

@@ -1,9 +1,9 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { Tag, init_Tag } from "../Tag/index.js";
 import { Popover, init_Popover } from "../Popover/index.js";
-import { TAGS_GAP, init_constant } from "./constant.js";
+import { DEFAULT_POPOVER_MAX_HEIGHT, TAGS_GAP, init_constant } from "./constant.js";
 import { init_styles_css, popoverTriggerWidthVar, tagListStyle } from "./styles.css.js";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { cn } from "@ultraviolet/utils";
@@ -11,17 +11,18 @@ import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/TagList/index.tsx
-var DEFAULT_POPOVER_MAX_HEIGHT, DEFAULT_TAGS, getTagLabel, TagList;
+var DEFAULT_TAGS, getTagLabel, TagList;
 var init_TagList = __esmMin(() => {
 	init_Popover();
 	init_Tag();
 	init_constant();
 	init_styles_css();
 	init_objectSpread2();
-	DEFAULT_POPOVER_MAX_HEIGHT = "16rem";
 	DEFAULT_TAGS = [];
 	getTagLabel = (tag) => typeof tag === "object" ? tag.label : tag;
 	TagList = ({ maxLength = 600, tags = DEFAULT_TAGS, threshold = 1, multiline = false, popoverTitle, popoverPlacement, popoverMaxHeight = DEFAULT_POPOVER_MAX_HEIGHT, copiable, copyText, copiedText, className, "data-testid": dataTestId, style }) => {
+		var _containerRef$current3;
+		var _containerRef$current6;
 		const containerRef = useRef(null);
 		const measureRef = useRef(null);
 		const popoverTriggerRef = useRef(null);
@@ -54,19 +55,25 @@ var init_TagList = __esmMin(() => {
 				setIsReady(true);
 				return;
 			}
-			const parentWidth = (_containerRef$current = (_containerRef$current2 = containerRef.current.parentElement) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.offsetWidth) !== null && _containerRef$current !== void 0 ? _containerRef$current : 0;
-			const [firstTag, ...restOfToMeasureElements] = [...measureRef.current.children[0].children];
-			const { measuredVisibleTags, measuredHiddenTags } = restOfToMeasureElements.reduce((accumulator, currentValue, index) => {
-				const newAccumulatedWidth = accumulator.accumulatedWidth + currentValue.offsetWidth + Number.parseInt(TAGS_GAP, 10);
-				return {
+			const parentWidth = ((_containerRef$current = (_containerRef$current2 = containerRef.current.parentElement) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.offsetWidth) !== null && _containerRef$current !== void 0 ? _containerRef$current : 0) - 32;
+			const { measuredVisibleTags, measuredHiddenTags } = [...measureRef.current.children[0].children].reduce((accumulator, currentValue, index) => {
+				const tagWidth = currentValue.offsetWidth;
+				const gap = index > 0 ? Number.parseInt(TAGS_GAP, 10) : 0;
+				const newAccumulatedWidth = accumulator.accumulatedWidth + tagWidth + gap;
+				if (accumulator.accumulatedWidth + 32 + gap <= parentWidth) return {
 					accumulatedWidth: newAccumulatedWidth,
-					measuredHiddenTags: [...accumulator.measuredHiddenTags, newAccumulatedWidth > parentWidth && tags[index + 1]].filter(Boolean),
-					measuredVisibleTags: [...accumulator.measuredVisibleTags, newAccumulatedWidth <= parentWidth && tags[index + 1]].filter(Boolean)
+					measuredHiddenTags: accumulator.measuredHiddenTags,
+					measuredVisibleTags: [...accumulator.measuredVisibleTags, tags[index]]
+				};
+				return {
+					accumulatedWidth: accumulator.accumulatedWidth,
+					measuredHiddenTags: [...accumulator.measuredHiddenTags, tags[index]],
+					measuredVisibleTags: accumulator.measuredVisibleTags
 				};
 			}, {
-				accumulatedWidth: firstTag.offsetWidth + Number.parseInt(TAGS_GAP, 10),
+				accumulatedWidth: 0,
 				measuredHiddenTags: [],
-				measuredVisibleTags: [tags[0]]
+				measuredVisibleTags: []
 			});
 			const finalHiddenTags = [...measuredHiddenTags, ...surelyHiddenTags];
 			setVisibleTags(measuredVisibleTags);
@@ -78,19 +85,20 @@ var init_TagList = __esmMin(() => {
 			surelyHiddenTags,
 			tags,
 			threshold,
-			tmpThreshold
+			tmpThreshold,
+			(_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 || (_containerRef$current3 = _containerRef$current3.parentElement) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.offsetWidth
 		]);
 		useEffect(() => {
 			var _popoverTriggerRef$cu;
-			if (!isReady && ((_popoverTriggerRef$cu = popoverTriggerRef.current) === null || _popoverTriggerRef$cu === void 0 ? void 0 : _popoverTriggerRef$cu.offsetWidth)) {
-				var _containerRef$current3;
+			if ((_popoverTriggerRef$cu = popoverTriggerRef.current) === null || _popoverTriggerRef$cu === void 0 ? void 0 : _popoverTriggerRef$cu.offsetWidth) {
 				var _containerRef$current4;
+				var _containerRef$current5;
 				var _tagsContainer$parent;
 				var _tagsContainer$parent2;
 				const newPopoverTriggerWidth = popoverTriggerRef.current.offsetWidth;
 				setPopoverTriggerWidth(newPopoverTriggerWidth);
 				const tagsContainer = containerRef.current;
-				const tagsContainerWidth = (_containerRef$current3 = (_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.offsetWidth) !== null && _containerRef$current3 !== void 0 ? _containerRef$current3 : 0;
+				const tagsContainerWidth = (_containerRef$current4 = (_containerRef$current5 = containerRef.current) === null || _containerRef$current5 === void 0 ? void 0 : _containerRef$current5.offsetWidth) !== null && _containerRef$current4 !== void 0 ? _containerRef$current4 : 0;
 				const parentWidth = (_tagsContainer$parent = tagsContainer === null || tagsContainer === void 0 || (_tagsContainer$parent2 = tagsContainer.parentElement) === null || _tagsContainer$parent2 === void 0 ? void 0 : _tagsContainer$parent2.offsetWidth) !== null && _tagsContainer$parent !== void 0 ? _tagsContainer$parent : 0;
 				if (visibleTags.length > 1 && hiddenTags.length > 0 && tagsContainerWidth + newPopoverTriggerWidth > parentWidth) {
 					var _visibleTags$at;
@@ -103,27 +111,24 @@ var init_TagList = __esmMin(() => {
 			}
 		}, [
 			hiddenTags,
-			isReady,
 			threshold,
 			visibleTags,
-			visibleTags.length
+			visibleTags.length,
+			(_containerRef$current6 = containerRef.current) === null || _containerRef$current6 === void 0 || (_containerRef$current6 = _containerRef$current6.parentElement) === null || _containerRef$current6 === void 0 ? void 0 : _containerRef$current6.offsetWidth
 		]);
-		useEffect(() => {
-			var _measureRef$current;
-			if (isReady && ((_measureRef$current = measureRef.current) === null || _measureRef$current === void 0 ? void 0 : _measureRef$current.parentNode)) measureRef.current.remove();
-		}, [isReady]);
-		if (tags.length === 0) return null;
-		const renderTag = (tag, index, isEllipsis = false) => typeof tag !== "string" && tag.icon ? /* @__PURE__ */ jsxs(Tag, {
+		const renderTag = (tag, index, isEllipsis = false, hidden) => typeof tag !== "string" && tag.icon ? /* @__PURE__ */ jsxs(Tag, {
 			className: cn(isEllipsis ? "ellipsed" : "", tagListStyle.ellipsisChild),
 			copiable,
 			copiedText,
 			copyText,
+			"data-testid": hidden ? "" : getTagLabel(tag),
 			children: [tag.icon, getTagLabel(tag)]
 		}, `${getTagLabel(tag)}-${index}`) : /* @__PURE__ */ jsx(Tag, {
 			className: cn(isEllipsis ? "ellipsed" : "", tagListStyle.ellipsisChild),
 			copiable,
 			copiedText,
 			copyText,
+			"data-testid": hidden ? "" : getTagLabel(tag),
 			children: getTagLabel(tag)
 		}, `${getTagLabel(tag)}-${index}`);
 		return /* @__PURE__ */ jsxs("div", {
@@ -136,14 +141,15 @@ var init_TagList = __esmMin(() => {
 					"data-testid": `${dataTestId !== null && dataTestId !== void 0 ? dataTestId : "taglist"}-container`,
 					ref: containerRef,
 					style: assignInlineVars({ [popoverTriggerWidthVar]: `${popoverTriggerWidth || 0}px` }),
-					children: visibleTags.map((tag, index) => renderTag(tag, index, index === visibleTags.length - 1))
+					children: visibleTags.map((tag, index) => renderTag(tag, index, index === visibleTags.length - 1, true))
 				}),
 				/* @__PURE__ */ jsx("div", {
 					ref: measureRef,
 					style: {
 						position: "absolute",
 						visibility: "hidden",
-						whiteSpace: "nowrap"
+						whiteSpace: "nowrap",
+						pointerEvents: "none"
 					},
 					children: /* @__PURE__ */ jsx("div", {
 						className: tagListStyle.tagContainer({ multiline }),

package/dist/components/TagList/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,sBAAsB,oBAAc,CAAA;AAqDjD,eAAO,MAAM,YAAY;;;;;;;;;;;;CAMxB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TagList/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,sBAAsB,oBAAc,CAAA;AA2DjD,eAAO,MAAM,YAAY;;;;;;;;;;;;CAMxB,CAAA"}

package/dist/components/Text/constants.d.ts

@@ -1,7 +1,7 @@
 export declare const PROMINENCES: {
-    readonly default: "";
-    readonly strong: "strong";
-    readonly stronger: "stronger";
-    readonly weak: "weak";
+    readonly default: '';
+    readonly strong: 'strong';
+    readonly stronger: 'stronger';
+    readonly weak: 'weak';
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/Text/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Text/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;CAKd,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Text/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;aACtB,OAAO,EAAE,EAAE;aACX,MAAM,EAAE,QAAQ;aAChB,QAAQ,EAAE,UAAU;aACpB,IAAI,EAAE,MAAM;CACJ,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElE,KAAK,eAAe,GAAG,MAAM,OAAO,WAAW,CAAA;AAC/C,KAAK,cAAc,GAAG,aAAa,CAAC,WAAW,CAAC,CAAA;AAChD,KAAK,eAAe,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;AAElD,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,EAAE,EAAE,WAAW,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,4RA4DhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElE,KAAK,eAAe,GAAG,MAAM,OAAO,WAAW,CAAA;AAC/C,KAAK,cAAc,GAAG,aAAa,CAAC,WAAW,CAAC,CAAA;AAChD,KAAK,eAAe,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;AAElD,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,EAAE,EAAE,WAAW,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,uOAoBd,SAAS,4CAwCX,CAAA"}

package/dist/components/Text/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.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import recursivelyGetChildrenString, { init_recursivelyGetChildrenString } from "../../helpers/recursivelyGetChildrenString.js";
 import { init_useIsOverflowing, useIsOverflowing } from "../../hooks/useIsOverflowing.js";
 import { Tooltip, init_Tooltip } from "../Tooltip/index.js";

package/dist/components/Text/style.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.css.d.ts","sourceRoot":"","sources":["../../../src/components/Text/style.css.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AA2B9D,KAAK,SAAS,GAAG,IAAI,CACnB,eAAe,EACf,kBAAkB,GAAG,UAAU,GAAG,gBAAgB,GAAG,QAAQ,CAC9D,GAAG;IACF,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAsGD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6DR,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,CAAA;AAEnE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAW,CAAA"}
+{"version":3,"file":"style.css.d.ts","sourceRoot":"","sources":["../../../src/components/Text/style.css.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AA2B9D,KAAK,SAAS,GAAG,IAAI,CACnB,eAAe,EACf,kBAAkB,GAAG,UAAU,GAAG,gBAAgB,GAAG,QAAQ,CAC9D,GAAG;IACF,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAsGD,QAAA,MAAM,IAAI;;QAkBJ,IAAI;;;;;;;;;;;;;;;QAeJ,OAAO;QACP,MAAM;QACN,QAAQ;QACR,IAAI;;;QAGJ,KAAK;QACL,MAAM;QACN,IAAI;QACJ,OAAO;QACP,OAAO;QACP,SAAS;QACT,OAAO;QACP,OAAO;QACP,KAAK;;;;;;;;;;;;;EAcT,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,CAAA;AAEnE,eAAO,MAAM,SAAS;;;YA/ChB,IAAI;;;;;;;;;;;;;;;YAeJ,OAAO;YACP,MAAM;YACN,QAAQ;YACR,IAAI;;;YAGJ,KAAK;YACL,MAAM;YACN,IAAI;YACJ,OAAO;YACP,OAAO;YACP,SAAS;YACT,OAAO;YACP,OAAO;YACP,KAAK;;;;;;;;;;;;;;CAkBsB,CAAA"}

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

@@ -1,12 +1,10 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
-import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
 import { init_style_css_ts_vanilla } from "./style.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Text/style.css.ts
 var textStyle;
 var init_style_css = __esmMin(() => {
-	init_variables_css_ts_vanilla();
 	init_style_css_ts_vanilla();
 	textStyle = { text: createRuntimeFn({
 		defaultClassName: "uv_m4c9ow0",

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

@@ -0,0 +1,5 @@
+export declare const SuccessErrorIcon: ({ success, error, }: {
+    success: boolean;
+    error: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/Icon.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,wBAG1B;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;CACf,4CAOA,CAAA"}

package/dist/components/TextArea/Icon.js

@@ -0,0 +1,19 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { STATE_ICON_SIZE, init_constant } from "./constant.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
+import { CheckCircleIcon } from "@ultraviolet/icons/CheckCircleIcon";
+
+//#region src/components/TextArea/Icon.tsx
+var SuccessErrorIcon;
+var init_Icon = __esmMin(() => {
+	init_constant();
+	SuccessErrorIcon = ({ success, error }) => /* @__PURE__ */ jsxs(Fragment, { children: [success && !error ? /* @__PURE__ */ jsx(CheckCircleIcon, {
+		sentiment: "success",
+		size: STATE_ICON_SIZE
+	}) : null, error ? /* @__PURE__ */ jsx(AlertCircleIcon, { sentiment: "danger" }) : null] });
+});
+
+//#endregion
+init_Icon();
+export { SuccessErrorIcon, init_Icon };

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

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export declare const Notice: ({ maxLength, error, success, helper, disabled, sentiment, value, }: {
+    maxLength?: number;
+    error?: string | boolean;
+    success?: string | boolean;
+    helper?: ReactNode;
+    disabled?: boolean;
+    sentiment?: 'danger' | 'success' | 'neutral';
+    value?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Notice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Notice.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/Notice.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,MAAM,uEAQhB;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,4CAwBA,CAAA"}

package/dist/components/TextArea/Notice.js

@@ -0,0 +1,41 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { Row, init_Row } from "../Row/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/TextArea/Notice.tsx
+var Notice;
+var init_Notice = __esmMin(() => {
+	init_Row();
+	init_Text();
+	Notice = ({ maxLength, error, success, helper, disabled, sentiment, value }) => {
+		var _value$length;
+		return /* @__PURE__ */ jsxs(Row, {
+			gap: "1",
+			templateColumns: "minmax(0, 1fr) min-content",
+			children: [/* @__PURE__ */ jsxs("div", { children: [error || success || typeof helper === "string" ? /* @__PURE__ */ jsx(Text, {
+				as: "p",
+				disabled,
+				prominence: error || success ? "default" : "weak",
+				sentiment,
+				variant: "caption",
+				children: error || success || helper
+			}) : null, !(error || success) && typeof helper !== "string" && helper ? helper : null] }), 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();
+export { Notice, init_Notice };

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

@@ -0,0 +1,2 @@
+export declare const STATE_ICON_SIZE = "small";
+//# sourceMappingURL=constant.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,UAAU,CAAA"}

package/dist/components/TextArea/constant.js

@@ -0,0 +1,11 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/TextArea/constant.ts
+var STATE_ICON_SIZE;
+var init_constant = __esmMin(() => {
+	STATE_ICON_SIZE = "small";
+});
+
+//#endregion
+init_constant();
+export { STATE_ICON_SIZE, init_constant };

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":"AA0BA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIpE,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,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,SAAS,CAAC,CAAA;IACvD,MAAM,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,WAAW,CAAC,CAAA;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,UAAU,CAAA;AAEd;;GAEG;AACH,eAAO,MAAM,QAAQ,+GA2MpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpE,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,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,SAAS,CAAC,CAAA;IACvD,MAAM,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,WAAW,CAAC,CAAA;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,UAAU,CAAA;AAEd;;GAEG;AACH,eAAO,MAAM,QAAQ,+GAoLpB,CAAA"}

package/dist/components/TextArea/index.js

@@ -1,38 +1,36 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
-import { Text, init_Text } from "../Text/index.js";
 import { Button, init_Button } from "../Button/index.js";
 import { Label, init_Label } from "../Label/index.js";
-import { Row, init_Row } from "../Row/index.js";
 import { SIZE_HEIGHT, init_constants } from "../Button/constants.js";
+import { STATE_ICON_SIZE, init_constant } from "./constant.js";
+import { SuccessErrorIcon, init_Icon } from "./Icon.js";
+import { Notice, init_Notice } from "./Notice.js";
 import { init_styles_css, paddingRightVar, textAreaStyle } from "./styles.css.js";
 import { forwardRef, useEffect, useId, useImperativeHandle, useMemo, useRef } from "react";
 import { useTheme } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
-import { CheckCircleIcon } from "@ultraviolet/icons/CheckCircleIcon";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 
 //#region src/components/TextArea/index.tsx
-var STATE_ICON_SIZE, TextArea;
+var TextArea;
 var init_TextArea = __esmMin(() => {
 	init_Button();
 	init_constants();
 	init_Label();
-	init_Row();
 	init_Stack();
-	init_Text();
 	init_Tooltip();
+	init_constant();
+	init_Icon();
+	init_Notice();
 	init_styles_css();
 	init_objectSpread2();
-	STATE_ICON_SIZE = "small";
 	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, labelDescription, "aria-label": ariaLabel, style }, ref) => {
 		var _textAreaRef$current;
-		var _value$length;
 		const localId = useId();
 		const theme = useTheme();
 		const textAreaRef = useRef(null);
@@ -122,47 +120,30 @@ var init_TextArea = __esmMin(() => {
 							className: textAreaStyle.clearableContainer,
 							direction: "row",
 							gap: "1",
-							children: [
-								computedClearable ? /* @__PURE__ */ jsx(Button, {
-									"aria-label": "clear value",
-									onClick: () => {
-										onChange("");
-									},
-									sentiment: "neutral",
-									size: "xsmall",
-									variant: "ghost",
-									children: /* @__PURE__ */ jsx(CloseIcon, {})
-								}) : null,
-								success && !error ? /* @__PURE__ */ jsx(CheckCircleIcon, {
-									sentiment: "success",
-									size: STATE_ICON_SIZE
-								}) : null,
-								error ? /* @__PURE__ */ jsx(AlertCircleIcon, { sentiment: "danger" }) : null
-							]
+							children: [computedClearable ? /* @__PURE__ */ jsx(Button, {
+								"aria-label": "clear value",
+								onClick: () => {
+									onChange("");
+								},
+								sentiment: "neutral",
+								size: "xsmall",
+								variant: "ghost",
+								children: /* @__PURE__ */ jsx(CloseIcon, {})
+							}) : null, /* @__PURE__ */ jsx(SuccessErrorIcon, {
+								error: !!error,
+								success: !!success
+							})]
 						})]
 					})
 				}),
-				notice || maxLength ? /* @__PURE__ */ jsxs(Row, {
-					gap: "1",
-					templateColumns: "minmax(0, 1fr) min-content",
-					children: [/* @__PURE__ */ jsxs("div", { children: [error || success || typeof helper === "string" ? /* @__PURE__ */ jsx(Text, {
-						as: "p",
-						disabled,
-						prominence: error || success ? "default" : "weak",
-						sentiment,
-						variant: "caption",
-						children: error || success || helper
-					}) : null, !(error || success) && typeof helper !== "string" && helper ? helper : null] }), 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]
+				notice || maxLength ? /* @__PURE__ */ jsx(Notice, {
+					disabled,
+					error,
+					helper,
+					maxLength,
+					sentiment,
+					success,
+					value
 				}) : null
 			]
 		});

package/dist/components/TextArea/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,oBAAc,CAAA;AAoE1C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CAIzB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,oBAAc,CAAA;AAoE1C,eAAO,MAAM,aAAa;;;;YAZpB,IAAI;gBACF,WAAW;;;;YAIb,IAAI;gBACF,WAAW;;;;;CAUlB,CAAA"}

package/dist/components/TextInput/BottomText.d.ts

@@ -0,0 +1,3 @@
+import type { TextInputProps } from './type';
+export declare const BottomText: ({ error, success, helper, disabled, }: Pick<TextInputProps, 'disabled' | 'error' | 'success' | 'helper'>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BottomText.d.ts.map

package/dist/components/TextInput/BottomText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomText.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/BottomText.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAE5C,eAAO,MAAM,UAAU,0CAKpB,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC,4CA+BnE,CAAA"}

package/dist/components/TextInput/BottomText.js

@@ -0,0 +1,29 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/TextInput/BottomText.tsx
+var BottomText;
+var init_BottomText = __esmMin(() => {
+	init_Text();
+	BottomText = ({ error, success, helper, disabled }) => {
+		const sentiment = useMemo(() => {
+			if (error) return "danger";
+			if (success) return "success";
+			return "neutral";
+		}, [error, success]);
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [error || typeof success === "string" || typeof helper === "string" ? /* @__PURE__ */ jsx(Text, {
+			as: "p",
+			disabled,
+			prominence: error || success ? "default" : "weak",
+			sentiment,
+			variant: "caption",
+			children: error || success || helper
+		}) : null, !(error || success) && typeof helper !== "string" && helper ? helper : null] });
+	};
+});
+
+//#endregion
+init_BottomText();
+export { BottomText, init_BottomText };

package/dist/components/TextInput/PrefixSuffix.d.ts

@@ -0,0 +1,7 @@
+import type { TextInputProps } from './type';
+import type { ReactNode } from 'react';
+export declare const PrefixSuffix: ({ size, content, disabled, type, }: Pick<TextInputProps, 'size' | 'disabled'> & {
+    type: 'prefix' | 'suffix';
+    content: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PrefixSuffix.d.ts.map

package/dist/components/TextInput/PrefixSuffix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrefixSuffix.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/PrefixSuffix.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,YAAY,uCAKtB,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IAC7C,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACzB,OAAO,EAAE,SAAS,CAAA;CACnB,mDAuBS,CAAA"}

package/dist/components/TextInput/PrefixSuffix.js

@@ -0,0 +1,30 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Text, init_Text } from "../Text/index.js";
+import { init_styles_css, textInputStyle } from "./styles.css.js";
+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;
+});
+
+//#endregion
+init_PrefixSuffix();
+export { PrefixSuffix, init_PrefixSuffix };

package/dist/components/TextInput/RightIcon.d.ts

@@ -0,0 +1,10 @@
+import type { TextInputProps } from './type';
+import type { ChangeEventHandler, Dispatch, RefObject, SetStateAction } from 'react';
+export declare const RightIcon: ({ success, error, loading, computedClearable, disabled, size, computedValue, inputRef, setLocalValue, onChangeCallback, }: Pick<TextInputProps, 'success' | 'error' | 'loading' | 'disabled' | 'size'> & {
+    computedClearable: boolean;
+    computedValue?: string;
+    inputRef?: RefObject<HTMLInputElement | null>;
+    setLocalValue: Dispatch<SetStateAction<string | undefined>>;
+    onChangeCallback: ChangeEventHandler<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=RightIcon.d.ts.map

package/dist/components/TextInput/RightIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightIcon.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/RightIcon.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAC5C,OAAO,KAAK,EAEV,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAA;AAEd,eAAO,MAAM,SAAS,8HAWnB,IAAI,CACL,cAAc,EACd,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CACtD,GAAG;IACF,iBAAiB,EAAE,OAAO,CAAA;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC7C,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IAC3D,gBAAgB,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;CACvD,mDAsCS,CAAA"}

package/dist/components/TextInput/RightIcon.js

@@ -0,0 +1,62 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Loader, init_Loader } from "../Loader/index.js";
+import { Button, init_Button } from "../Button/index.js";
+import { init_styles_css, textInputStyle } from "./styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
+import { CheckCircleIcon } from "@ultraviolet/icons/CheckCircleIcon";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+
+//#region src/components/TextInput/RightIcon.tsx
+var RightIcon;
+var init_RightIcon = __esmMin(() => {
+	init_Button();
+	init_Loader();
+	init_Stack();
+	init_styles_css();
+	RightIcon = ({ success, error, loading, computedClearable, disabled, size, computedValue, inputRef, setLocalValue, onChangeCallback }) => success || error || loading || computedClearable ? /* @__PURE__ */ jsxs(Stack, {
+		alignItems: "center",
+		className: textInputStyle.stateStack,
+		direction: "row",
+		gap: 1,
+		children: [
+			computedClearable ? /* @__PURE__ */ jsx(Button, {
+				"aria-label": "clear value",
+				disabled: disabled || !computedValue,
+				onClick: () => {
+					if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
+						inputRef.current.value = "";
+						setLocalValue("");
+						onChangeCallback({
+							currentTarget: { value: "" },
+							target: { value: "" }
+						});
+					}
+				},
+				sentiment: "neutral",
+				size: size === "small" ? "xsmall" : "small",
+				variant: "ghost",
+				children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" })
+			}) : null,
+			success ? /* @__PURE__ */ jsx(CheckCircleIcon, {
+				disabled,
+				sentiment: "success",
+				size: "small"
+			}) : null,
+			error ? /* @__PURE__ */ jsx(AlertCircleIcon, {
+				disabled,
+				sentiment: "danger",
+				size: "small"
+			}) : null,
+			loading && !disabled ? /* @__PURE__ */ jsx(Loader, {
+				active: true,
+				size: "small"
+			}) : null
+		]
+	}) : null;
+});
+
+//#endregion
+init_RightIcon();
+export { RightIcon, init_RightIcon };

package/dist/components/TextInput/ShowHidePassword.d.ts

@@ -0,0 +1,7 @@
+import type { TextInputProps } from './type';
+import type { Dispatch, SetStateAction } from 'react';
+export declare const ShowHidePassword: ({ size, disabled, 'data-testid': dataTestId, setIsPasswordVisible, isPasswordVisible, }: Pick<TextInputProps, 'size' | 'disabled' | 'data-testid'> & {
+    setIsPasswordVisible: Dispatch<SetStateAction<boolean>>;
+    isPasswordVisible: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ShowHidePassword.d.ts.map

package/dist/components/TextInput/ShowHidePassword.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowHidePassword.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/ShowHidePassword.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD,eAAO,MAAM,gBAAgB,4FAM1B,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC,GAAG;IAC7D,oBAAoB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACvD,iBAAiB,EAAE,OAAO,CAAA;CAC3B,4CAoBA,CAAA"}