@ultraviolet/ui 3.12.3 → 3.13.1

package/dist/components/TextInput/ShowHidePassword.js

@@ -0,0 +1,36 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Button, init_Button } from "../Button/index.js";
+import { init_styles_css, textInputStyle } from "./styles.css.js";
+import { jsx } from "react/jsx-runtime";
+import { EyeIcon } from "@ultraviolet/icons/EyeIcon";
+import { EyeOffIcon } from "@ultraviolet/icons/EyeOffIcon";
+
+//#region src/components/TextInput/ShowHidePassword.tsx
+var ShowHidePassword;
+var init_ShowHidePassword = __esmMin(() => {
+	init_Button();
+	init_Stack();
+	init_styles_css();
+	ShowHidePassword = ({ size, disabled, "data-testid": dataTestId, setIsPasswordVisible, isPasswordVisible }) => /* @__PURE__ */ jsx(Stack, {
+		alignItems: "center",
+		className: textInputStyle.ctaSuffix,
+		direction: "row",
+		children: /* @__PURE__ */ jsx(Button, {
+			"aria-label": isPasswordVisible ? "hide" : "show",
+			"data-testid": dataTestId ? `${dataTestId}-visibility-button` : void 0,
+			disabled,
+			onClick: () => {
+				setIsPasswordVisible(!isPasswordVisible);
+			},
+			sentiment: "neutral",
+			size: size === "small" ? "xsmall" : "small",
+			variant: "ghost",
+			children: isPasswordVisible ? /* @__PURE__ */ jsx(EyeOffIcon, {}) : /* @__PURE__ */ jsx(EyeIcon, {})
+		})
+	});
+});
+
+//#endregion
+init_ShowHidePassword();
+export { ShowHidePassword, init_ShowHidePassword };

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

@@ -1,6 +1,6 @@
 export declare const TEXTINPUT_SIZE_HEIGHT: {
-    readonly large: "600";
-    readonly medium: "500";
-    readonly small: "400";
+    readonly large: '600';
+    readonly medium: '500';
+    readonly small: '400';
 };
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;aAChC,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;CACJ,CAAA"}

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

@@ -1,29 +1,28 @@
-import type { InputHTMLAttributes, ReactNode } from 'react';
 /**
  * This component offers an extended input HTML. The component can be controlled or uncontrolled.
  * To control the component, you need to pass the value and the `onChange` function.
  * If you don't pass the `onChange` function, the component will be uncontrolled and you can set the default value using `defaultValue`
  */
 export declare const TextInput: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
-    clearable?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    error?: string | undefined;
-    helper?: ReactNode;
-    label?: string | undefined;
-    labelDescription?: ReactNode;
-    loading?: boolean | undefined;
-    minLength?: number | undefined;
-    maxLength?: number | undefined;
-    onRandomize?: (() => void) | undefined;
-    prefix?: ReactNode;
-    size?: "large" | "medium" | "small" | undefined;
-    success?: string | boolean | undefined;
-    suffix?: ReactNode;
-    tooltip?: string | undefined;
-    type?: "email" | "password" | "text" | "url" | undefined;
-    value?: string | undefined;
-    defaultValue?: string | undefined;
-    onChangeValue?: ((value: string) => void) | undefined;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, "aria-atomic" | "aria-label" | "aria-labelledby" | "aria-live" | "autoComplete" | "autoFocus" | "disabled" | "id" | "name" | "onBlur" | "onChange" | "onFocus" | "onKeyDown" | "onKeyUp" | "placeholder" | "readOnly" | "required" | "role" | "style" | "tabIndex"> & import("react").RefAttributes<HTMLInputElement>>;
+    className?: string;
+    clearable?: boolean;
+    'data-testid'?: string;
+    error?: string;
+    helper?: import("react").ReactNode;
+    label?: string;
+    labelDescription?: import("react").ReactNode;
+    loading?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    onRandomize?: () => void;
+    prefix?: import("react").ReactNode;
+    size?: "large" | "medium" | "small";
+    success?: string | boolean;
+    suffix?: import("react").ReactNode;
+    tooltip?: string;
+    type?: 'text' | 'password' | 'url' | 'email';
+    value?: string;
+    defaultValue?: string;
+    onChangeValue?: (value: string) => void;
+} & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-atomic" | "aria-label" | "aria-labelledby" | "aria-live" | "autoComplete" | "autoFocus" | "disabled" | "id" | "name" | "onBlur" | "onChange" | "onFocus" | "onKeyDown" | "onKeyUp" | "placeholder" | "readOnly" | "required" | "role" | "style" | "tabIndex"> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAGV,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AA+Cd;;;;GAIG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;sWAuSrB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"AA2BA;;;;GAIG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;sXAoMrB,CAAA"}

package/dist/components/TextInput/index.js

@@ -2,30 +2,29 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.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 { Loader, init_Loader } from "../Loader/index.js";
 import { Button, init_Button } from "../Button/index.js";
 import { Label, init_Label } from "../Label/index.js";
+import { BottomText, init_BottomText } from "./BottomText.js";
 import { init_styles_css, textInputStyle } from "./styles.css.js";
-import { forwardRef, useCallback, useId, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { PrefixSuffix, init_PrefixSuffix } from "./PrefixSuffix.js";
+import { RightIcon, init_RightIcon } from "./RightIcon.js";
+import { ShowHidePassword, init_ShowHidePassword } from "./ShowHidePassword.js";
+import { forwardRef, useCallback, useId, useImperativeHandle, useRef, useState } from "react";
 import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
 import { AutoFixIcon } from "@ultraviolet/icons/AutoFixIcon";
-import { CheckCircleIcon } from "@ultraviolet/icons/CheckCircleIcon";
-import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
-import { EyeIcon } from "@ultraviolet/icons/EyeIcon";
-import { EyeOffIcon } from "@ultraviolet/icons/EyeOffIcon";
 
 //#region src/components/TextInput/index.tsx
 var TextInput;
 var init_TextInput = __esmMin(() => {
 	init_Button();
 	init_Label();
-	init_Loader();
 	init_Stack();
-	init_Text();
 	init_Tooltip();
+	init_BottomText();
+	init_PrefixSuffix();
+	init_RightIcon();
+	init_ShowHidePassword();
 	init_styles_css();
 	TextInput = forwardRef(({ id, className, tabIndex, value, onChange, onChangeValue, placeholder, disabled = false, readOnly = false, success, error, helper, tooltip, label, autoFocus, required = false, "data-testid": dataTestId, name, onFocus, onBlur, clearable = false, labelDescription, type = "text", prefix, suffix, size = "large", loading, onRandomize, minLength, maxLength, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, autoComplete, onKeyDown, onKeyUp, role, "aria-live": ariaLive, "aria-atomic": ariaAtomic, defaultValue, style }, ref) => {
 		const localId = useId();
@@ -35,11 +34,6 @@ var init_TextInput = __esmMin(() => {
 		useImperativeHandle(ref, () => inputRef.current);
 		const [isPasswordVisible, setIsPasswordVisible] = useState(false);
 		const computedType = type === "password" && isPasswordVisible ? "text" : type;
-		const sentiment = useMemo(() => {
-			if (error) return "danger";
-			if (success) return "success";
-			return "neutral";
-		}, [error, success]);
 		const onChangeCallback = useCallback((event) => {
 			onChange === null || onChange === void 0 || onChange(event);
 			onChangeValue === null || onChangeValue === void 0 || onChangeValue(event.target.value);
@@ -62,7 +56,7 @@ var init_TextInput = __esmMin(() => {
 					size,
 					children: label
 				}) : null,
-				/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Tooltip, {
+				/* @__PURE__ */ jsx(Tooltip, {
 					text: tooltip,
 					children: /* @__PURE__ */ jsxs("div", {
 						className: cn(textInputStyle.inputWrapper, textInputStyle.inputWrapperSizes[size]),
@@ -72,19 +66,12 @@ var init_TextInput = __esmMin(() => {
 						"data-readonly": readOnly,
 						"data-success": !!success,
 						children: [
-							prefix ? /* @__PURE__ */ jsx(Stack, {
-								alignItems: "center",
-								className: textInputStyle.basicPrefix,
-								"data-size": size,
-								direction: "row",
-								children: typeof prefix === "string" ? /* @__PURE__ */ jsx(Text, {
-									as: "span",
-									disabled,
-									sentiment: "neutral",
-									variant: "bodySmall",
-									children: prefix
-								}) : prefix
-							}) : null,
+							/* @__PURE__ */ jsx(PrefixSuffix, {
+								content: prefix,
+								disabled,
+								size,
+								type: "prefix"
+							}),
 							/* @__PURE__ */ jsx("input", {
 								"aria-invalid": !!error,
 								"aria-label": ariaLabel,
@@ -120,74 +107,30 @@ var init_TextInput = __esmMin(() => {
 								type: computedType,
 								value
 							}),
-							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,
-							suffix ? /* @__PURE__ */ jsx(Stack, {
-								alignItems: "center",
-								className: textInputStyle.basicSuffix,
-								direction: "row",
-								children: typeof suffix === "string" ? /* @__PURE__ */ jsx(Text, {
-									as: "span",
-									disabled,
-									sentiment: "neutral",
-									variant: "bodySmall",
-									children: suffix
-								}) : suffix
-							}) : null,
-							type === "password" ? /* @__PURE__ */ jsx(Stack, {
-								alignItems: "center",
-								className: textInputStyle.ctaSuffix,
-								direction: "row",
-								children: /* @__PURE__ */ jsx(Button, {
-									"aria-label": isPasswordVisible ? "hide" : "show",
-									"data-testid": dataTestId ? `${dataTestId}-visibility-button` : void 0,
-									disabled,
-									onClick: () => {
-										setIsPasswordVisible(!isPasswordVisible);
-									},
-									sentiment: "neutral",
-									size: size === "small" ? "xsmall" : "small",
-									variant: "ghost",
-									children: isPasswordVisible ? /* @__PURE__ */ jsx(EyeOffIcon, {}) : /* @__PURE__ */ jsx(EyeIcon, {})
-								})
+							/* @__PURE__ */ jsx(RightIcon, {
+								computedClearable,
+								computedValue,
+								disabled,
+								error,
+								inputRef,
+								loading,
+								onChangeCallback,
+								setLocalValue,
+								size,
+								success
+							}),
+							/* @__PURE__ */ jsx(PrefixSuffix, {
+								content: suffix,
+								disabled,
+								size,
+								type: "suffix"
+							}),
+							type === "password" ? /* @__PURE__ */ jsx(ShowHidePassword, {
+								"data-testid": dataTestId,
+								disabled,
+								isPasswordVisible,
+								setIsPasswordVisible,
+								size
 							}) : null,
 							onRandomize ? /* @__PURE__ */ jsx(Stack, {
 								alignItems: "center",
@@ -204,16 +147,13 @@ var init_TextInput = __esmMin(() => {
 							}) : null
 						]
 					})
-				}) }),
-				error || typeof success === "string" || typeof helper === "string" ? /* @__PURE__ */ jsx(Text, {
-					as: "p",
+				}),
+				/* @__PURE__ */ jsx(BottomText, {
 					disabled,
-					prominence: error || success ? "default" : "weak",
-					sentiment,
-					variant: "caption",
-					children: error || success || helper
-				}) : null,
-				!(error || success) && typeof helper !== "string" && helper ? helper : null
+					error,
+					helper,
+					success
+				})
 			]
 		});
 	});

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

@@ -0,0 +1,25 @@
+import type { TEXTINPUT_SIZE_HEIGHT } from './constants';
+import type { InputHTMLAttributes, ReactNode } from 'react';
+export type TextInputProps = {
+    className?: string;
+    clearable?: boolean;
+    'data-testid'?: string;
+    error?: string;
+    helper?: ReactNode;
+    label?: string;
+    labelDescription?: ReactNode;
+    loading?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    onRandomize?: () => void;
+    prefix?: ReactNode;
+    size?: keyof typeof TEXTINPUT_SIZE_HEIGHT;
+    success?: string | boolean;
+    suffix?: ReactNode;
+    tooltip?: string;
+    type?: 'text' | 'password' | 'url' | 'email';
+    value?: string;
+    defaultValue?: string;
+    onChangeValue?: (value: string) => void;
+} & Pick<InputHTMLAttributes<HTMLInputElement>, 'onFocus' | 'onBlur' | 'name' | 'id' | 'placeholder' | 'aria-label' | 'aria-labelledby' | 'disabled' | 'readOnly' | 'required' | 'autoFocus' | 'tabIndex' | 'autoComplete' | 'onKeyDown' | 'onKeyUp' | 'role' | 'aria-live' | 'aria-atomic' | 'onChange' | 'style'>;
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,OAAO,qBAAqB,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,MAAM,GACN,IAAI,GACJ,aAAa,GACb,YAAY,GACZ,iBAAiB,GACjB,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,SAAS,GACT,MAAM,GACN,WAAW,GACX,aAAa,GACb,UAAU,GACV,OAAO,CACV,CAAA"}

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

@@ -0,0 +1,9 @@
+import type { Dispatch, SetStateAction } from 'react';
+export declare const RightIcon: ({ error, clearable, isEditable, setTime, onChange, }: {
+    error: boolean;
+    clearable?: boolean;
+    isEditable: boolean;
+    setTime: Dispatch<SetStateAction<Date | null | undefined>>;
+    onChange?: (value: Date | undefined, valuePeriod?: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RightIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RightIcon.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/RightIcon.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD,eAAO,MAAM,SAAS,yDAMnB;IACD,KAAK,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACnE,4CAqBA,CAAA"}

package/dist/components/TimeInput/RightIcon.js

@@ -0,0 +1,36 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Button, init_Button } from "../Button/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+
+//#region src/components/TimeInput/RightIcon.tsx
+var RightIcon;
+var init_RightIcon = __esmMin(() => {
+	init_Button();
+	init_Stack();
+	RightIcon = ({ error, clearable, isEditable, setTime, onChange }) => /* @__PURE__ */ jsxs(Stack, {
+		alignItems: "center",
+		direction: "row",
+		gap: "1",
+		children: [error ? /* @__PURE__ */ jsx(AlertCircleIcon, { sentiment: "danger" }) : null, clearable ? /* @__PURE__ */ jsx(Button, {
+			"aria-label": "clear value",
+			"data-testid": "clear",
+			disabled: isEditable,
+			onClick: (event) => {
+				event.stopPropagation();
+				setTime(void 0);
+				onChange === null || onChange === void 0 || onChange(void 0);
+			},
+			sentiment: "neutral",
+			size: "small",
+			variant: "ghost",
+			children: /* @__PURE__ */ jsx(CloseIcon, {})
+		}) : null]
+	});
+});
+
+//#endregion
+init_RightIcon();
+export { RightIcon, init_RightIcon };

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

@@ -1,12 +1,12 @@
 declare const INPUT_SIZE_HEIGHT: {
-    readonly large: "600";
-    readonly medium: "500";
-    readonly small: "400";
+    readonly large: '600';
+    readonly medium: '500';
+    readonly small: '400';
 };
 declare const DEFAULT_PLACEHOLDER: {
-    readonly h: "00";
-    readonly m: "00";
-    readonly s: "00";
+    readonly h: '00';
+    readonly m: '00';
+    readonly s: '00';
 };
 declare const TIME_KEYS: ('h' | 'm' | 's')[];
 declare const DEFAULT_DATE: Date;

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;CAIb,CAAA;AAEV,QAAA,MAAM,mBAAmB;;;;CAAyC,CAAA;AAClE,QAAA,MAAM,SAAS,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EAA6B,CAAA;AAE/D,QAAA,MAAM,YAAY,MAAa,CAAA;AAG/B,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;aACrB,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;CACJ,CAAA;AAEV,QAAA,MAAM,mBAAmB;aAAK,CAAC,EAAE,IAAI;aAAE,CAAC,EAAE,IAAI;aAAE,CAAC,EAAE,IAAI;CAAW,CAAA;AAClE,QAAA,MAAM,SAAS,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EAA6B,CAAA;AAE/D,QAAA,MAAM,YAAY,MAAa,CAAA;AAG/B,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/TimeInput/helpers.d.ts

@@ -1,9 +1,10 @@
+import type { TIME_KEYS } from './constants';
 export declare const isNumber: (key: string) => boolean;
 export declare const isAOrP: (key: string) => boolean;
 export declare const isCompleteHour: (timeFormat: number, value: number) => boolean;
-export declare const canConcat: (oldValue: number, type: "h" | "m" | "s", key: number, timeFormat: 12 | 24) => boolean;
-export declare const getLastTypedChar: (value: string, oldValue?: number | undefined) => string;
-export declare const getValueByType: (type: "h" | "m" | "s", value?: Date | null | undefined) => number;
-export declare const setValueByType: (type: "h" | "m" | "s", date: Date | undefined, value: number) => number | undefined;
-export declare const format: (value: number, type: "h" | "m" | "s", timeFormat: 12 | 24) => string;
+export declare const canConcat: (oldValue: number, type: (typeof TIME_KEYS)[number], key: number, timeFormat: 24 | 12) => boolean;
+export declare const getLastTypedChar: (value: string, oldValue?: number) => string;
+export declare const getValueByType: (type: (typeof TIME_KEYS)[number], value?: Date | null) => number;
+export declare const setValueByType: (type: (typeof TIME_KEYS)[number], date: Date | undefined, value: number) => number | undefined;
+export declare const format: (value: number, type: (typeof TIME_KEYS)[number], timeFormat: 24 | 12) => string;
 //# sourceMappingURL=helpers.d.ts.map

package/dist/components/TimeInput/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/helpers.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,0BAAyC,CAAA;AAC9D,eAAO,MAAM,MAAM,0BAAsD,CAAA;AAUzE,eAAO,MAAM,cAAc,gDAS1B,CAAA;AAED,eAAO,MAAM,SAAS,wFAQU,CAAA;AAEhC,eAAO,MAAM,gBAAgB,0DAgB5B,CAAA;AAED,eAAO,MAAM,cAAc,oEAe1B,CAAA;AAED,eAAO,MAAM,cAAc,sFAa1B,CAAA;AAED,eAAO,MAAM,MAAM,uEAWlB,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAI5C,eAAO,MAAM,QAAQ,QAAS,MAAM,YAA0B,CAAA;AAC9D,eAAO,MAAM,MAAM,QAAS,MAAM,YAAuC,CAAA;AAUzE,eAAO,MAAM,cAAc,eAAgB,MAAM,SAAS,MAAM,YAS/D,CAAA;AAED,eAAO,MAAM,SAAS,aACV,MAAM,QACV,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,OAC3B,MAAM,cACC,EAAE,GAAG,EAAE,YAIW,CAAA;AAEhC,eAAO,MAAM,gBAAgB,UAAW,MAAM,aAAa,MAAM,WAgBhE,CAAA;AAED,eAAO,MAAM,cAAc,SACnB,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,UACxB,IAAI,GAAG,IAAI,WAapB,CAAA;AAED,eAAO,MAAM,cAAc,SACnB,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,QAC1B,IAAI,GAAG,SAAS,SACf,MAAM,uBAUd,CAAA;AAED,eAAO,MAAM,MAAM,UACV,MAAM,QACP,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,cACpB,EAAE,GAAG,EAAE,WAQpB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjE,MAAM,MAAM,IAAI,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,cAAc,GAAG;IACpB,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,CACA;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,CACJ,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,ySA0YrB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjE,MAAM,MAAM,IAAI,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,cAAc,GAAG;IACpB,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,CACA;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,CACJ,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,+OAsBnB,cAAc,4CA2WhB,CAAA"}

package/dist/components/TimeInput/index.js

@@ -1,27 +1,25 @@
 '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 { Text, init_Text } from "../Text/index.js";
-import { Button, init_Button } from "../Button/index.js";
 import { Label, init_Label } from "../Label/index.js";
 import { DEFAULT_DATE, DEFAULT_PLACEHOLDER, TIME_KEYS, init_constants } from "./constants.js";
 import { canConcat, format, getLastTypedChar, getValueByType, init_helpers, isAOrP, isCompleteHour, isNumber, setValueByType } from "./helpers.js";
+import { RightIcon, init_RightIcon } from "./RightIcon.js";
 import { init_styles_css, timeInputStyle } from "./styles.css.js";
 import { useEffect, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
-import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 
 //#region src/components/TimeInput/index.tsx
 var TimeInput;
 var init_TimeInput = __esmMin(() => {
-	init_Button();
 	init_Label();
 	init_Stack();
 	init_Text();
 	init_constants();
 	init_helpers();
+	init_RightIcon();
 	init_styles_css();
 	init_objectSpread2();
 	TimeInput = ({ label, timeFormat = 24, value, clearable, required, labelDescription, helper, size = "large", disabled = false, readOnly = false, error = false, onChange, onBlur, onFocus, className, id, autoFocus, style, "data-testid": dataTestId, placeholder = DEFAULT_PLACEHOLDER, "aria-label": ariaLabel }) => {
@@ -143,6 +141,8 @@ var init_TimeInput = __esmMin(() => {
 				(_refMinutes$current3 = refMinutes.current) === null || _refMinutes$current3 === void 0 || _refMinutes$current3.focus();
 			}
 		};
+		const bottomText = error || helper;
+		const isEditable = readOnly || disabled;
 		return /* @__PURE__ */ jsxs(Stack, {
 			className,
 			gap: .5,
@@ -207,7 +207,7 @@ var init_TimeInput = __esmMin(() => {
 									"data-testid": `${fullName()}-input`,
 									disabled,
 									onChange: (event) => {
-										if (!(readOnly || disabled)) {
+										if (!isEditable) {
 											const key = getLastTypedChar(event.target.value, getValueByType(type, time));
 											if (isNumber(key)) handleChange(type, Number.parseInt(key, 10));
 										}
@@ -216,7 +216,7 @@ var init_TimeInput = __esmMin(() => {
 										event.stopPropagation();
 									},
 									onKeyDown: (event) => {
-										if (!(readOnly || disabled)) {
+										if (!isEditable) {
 											if (event.key === "ArrowUp") {
 												event.preventDefault();
 												handleIncrease(type);
@@ -258,14 +258,14 @@ var init_TimeInput = __esmMin(() => {
 							"data-testid": "am-pm-input",
 							disabled,
 							onChange: (event) => {
-								if (!(readOnly || disabled)) {
+								if (!isEditable) {
 									const key = event.target.value.slice(-1);
 									if (isAOrP(key)) handleChangePeriod(key);
 								}
 							},
 							onClick: (event) => event.stopPropagation(),
 							onKeyDown: (event) => {
-								if (!(readOnly || disabled)) {
+								if (!isEditable) {
 									if (event.key === "ArrowUp" || event.key === "ArrowDown") {
 										event.preventDefault();
 										handleChangePeriod(period === "am" ? "p" : "a");
@@ -282,33 +282,21 @@ var init_TimeInput = __esmMin(() => {
 							role: "spinbutton",
 							value: period === null || period === void 0 ? void 0 : period.toUpperCase()
 						}) : null]
-					}), error || clearable ? /* @__PURE__ */ jsxs(Stack, {
-						alignItems: "center",
-						direction: "row",
-						gap: "1",
-						children: [error ? /* @__PURE__ */ jsx(AlertCircleIcon, { sentiment: "danger" }) : null, clearable ? /* @__PURE__ */ jsx(Button, {
-							"aria-label": "clear value",
-							"data-testid": "clear",
-							disabled: disabled || readOnly,
-							onClick: (event) => {
-								event.stopPropagation();
-								setTime(void 0);
-								onChange === null || onChange === void 0 || onChange(void 0);
-							},
-							sentiment: "neutral",
-							size: "small",
-							variant: "ghost",
-							children: /* @__PURE__ */ jsx(CloseIcon, {})
-						}) : null]
+					}), error || clearable ? /* @__PURE__ */ jsx(RightIcon, {
+						clearable,
+						error: !!error,
+						isEditable,
+						onChange,
+						setTime
 					}) : null]
 				}),
-				helper || error ? /* @__PURE__ */ jsx(Text, {
+				bottomText ? /* @__PURE__ */ jsx(Text, {
 					as: "p",
 					disabled,
 					prominence: error ? "default" : "weak",
 					sentiment: error ? "danger" : "neutral",
 					variant: "caption",
-					children: error || helper
+					children: bottomText
 				}) : null
 			]
 		});

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/styles.css.ts"],"names":[],"mappings":"AA0JA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI1B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/styles.css.ts"],"names":[],"mappings":"AA0JA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAtGjB,UAAU;wBACR,WAAW;wBACX,SAAS;;oBAEX,gBAAgB;wBACd,WAAW;;oBAEb,SAAS;wBACP,WAAW;;;;;;;;;;;;;;;;wBAgBX,WAAW;;;;;;YAMjB,KAAK;gBACH,MAAM;;YAER,MAAM;gBACJ,MAAM;;YAER,KAAK;gBACH,MAAM;gBACN,WAAW;;;;;;;;;;;;;;;;;CAoElB,CAAA"}

package/dist/components/Toaster/Toaster.d.ts

@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
 import type { ToastOptions } from 'react-toastify';
 export declare const toast: {
-    error: (children: ReactNode, options?: ToastOptions<unknown> | undefined, containerId?: string | undefined) => string | number;
-    success: (children: ReactNode, options?: ToastOptions<unknown> | undefined, containerId?: string | undefined) => string | number;
-    warning: (children: ReactNode, options?: ToastOptions<unknown> | undefined, containerId?: string | undefined) => string | number;
+    error: (children: ReactNode, options?: ToastOptions, containerId?: string) => number | string;
+    success: (children: ReactNode, options?: ToastOptions, containerId?: string) => number | string;
+    warning: (children: ReactNode, options?: ToastOptions, containerId?: string) => number | string;
 };
 //# sourceMappingURL=Toaster.d.ts.map

package/dist/components/Toaster/Toaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/components/Toaster/Toaster.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,eAAO,MAAM,KAAK;;;;CAgDjB,CAAA"}
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/components/Toaster/Toaster.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,eAAO,MAAM,KAAK;IAChB,KAAK,aACO,SAAS,YACT,YAAY,gBACR,MAAM,KACnB,MAAM,GAAG,MAAM;IAYlB,OAAO,aACK,SAAS,YACT,YAAY,gBACR,MAAM,KACnB,MAAM,GAAG,MAAM;IAYlB,OAAO,aACK,SAAS,YACT,YAAY,gBACR,MAAM,KACnB,MAAM,GAAG,MAAM;CAWnB,CAAA"}

package/dist/components/Toaster/Toaster.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 { CloseButton, init_CloseButton } from "./components/CloseButton.js";
 import { Content, init_Content } from "./components/Content.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/Toaster/ToasterContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToasterContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Toaster/ToasterContainer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,KAAK,mBAAmB,GAAG;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,0KA2B1B,CAAA"}
+{"version":3,"file":"ToasterContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Toaster/ToasterContainer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,KAAK,mBAAmB,GAAG;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,2GASxB,mBAAmB,4CAkBrB,CAAA"}