@spear-ai/spectral 1.10.3 → 1.11.1

package/dist/Icons.js

@@ -13,58 +13,66 @@ import { ChevronUpIcon as d } from "./Icons/ChevronUpIcon.js";
 import { ClockIcon as f } from "./Icons/ClockIcon.js";
 import { CloseCircleIcon as p } from "./Icons/CloseCircleIcon.js";
 import { CloseIcon as m } from "./Icons/CloseIcon.js";
-import { DashboardIcon as h } from "./Icons/DashboardIcon.js";
-import { DatabaseIcon as g } from "./Icons/DatabaseIcon.js";
-import { DeleteIcon as _ } from "./Icons/DeleteIcon.js";
-import { DurationIcon as v } from "./Icons/DurationIcon.js";
-import { EditIcon as y } from "./Icons/EditIcon.js";
-import { EmailIcon as b } from "./Icons/EmailIcon.js";
-import { EraserIcon as x } from "./Icons/EraserIcon.js";
-import { ErrorIcon as S } from "./Icons/ErrorIcon.js";
-import { EyeClosedIcon as C } from "./Icons/EyeClosedIcon.js";
-import { EyeClosedIcon2 as w } from "./Icons/EyeClosedIcon2.js";
-import { EyeOpenIcon as T } from "./Icons/EyeOpenIcon.js";
-import { FileDownloadIcon as E } from "./Icons/FileDownloadIcon.js";
-import { GoToFirstIcon as D } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as O } from "./Icons/GoToLastIcon.js";
-import { HarmonicCursorsIcon as k } from "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as A } from "./Icons/InfoIcon.js";
-import { KeyboardIcon as j } from "./Icons/KeyboardIcon.js";
-import { LabelIcon as M } from "./Icons/LabelIcon.js";
-import { LassoIcon as N } from "./Icons/LassoIcon.js";
-import { LineToolIcon as P } from "./Icons/LineToolIcon.js";
-import { LiveViewIcon as F } from "./Icons/LiveViewIcon.js";
-import { LoaderIcon as I } from "./Icons/LoaderIcon.js";
-import { LocationIcon as L } from "./Icons/LocationIcon.js";
-import { LogoutIcon as R } from "./Icons/LogoutIcon.js";
-import { MeasureIcon as z } from "./Icons/MeasureIcon.js";
-import { MessagesIcon as B } from "./Icons/MessagesIcon.js";
-import { MetadataIcon as V } from "./Icons/MetadataIcon.js";
-import { MinusIcon as H } from "./Icons/MinusIcon.js";
-import { OntologyIcon as U } from "./Icons/OntologyIcon.js";
-import { PanelIconClose as W } from "./Icons/PanelIconClose.js";
-import { PanelIconOpen as G } from "./Icons/PanelIconOpen.js";
-import { PlayIcon as K } from "./Icons/PlayIcon.js";
-import { PlusIcon as q } from "./Icons/PlusIcon.js";
-import { PolygonIcon as J } from "./Icons/PolygonIcon.js";
-import { ProgressCheckIcon as Y } from "./Icons/ProgressCheckIcon.js";
-import { ResetIcon as X } from "./Icons/ResetIcon.js";
-import { ReviewedIcon as Z } from "./Icons/ReviewedIcon.js";
-import { ScissorsIcon as Q } from "./Icons/ScissorsIcon.js";
-import { SearchIcon as $ } from "./Icons/SearchIcon.js";
-import { SettingsIcon as ee } from "./Icons/SettingsIcon.js";
-import { SortAscendingIcon as te } from "./Icons/SortAscendingIcon.js";
-import { SortAtoZIcon as ne } from "./Icons/SortAtoZIcon.js";
-import { SortDescendingIcon as re } from "./Icons/SortDescendingIcon.js";
-import { SortZtoAIcon as ie } from "./Icons/SortZtoAIcon.js";
-import { StackIcon as ae } from "./Icons/StackIcon.js";
-import { StarIcon as oe } from "./Icons/StarIcon.js";
-import { TrashIcon as se } from "./Icons/TrashIcon.js";
-import { UndoIcon as ce } from "./Icons/UndoIcon.js";
-import { User2Icon as le } from "./Icons/User2Icon.js";
-import { UserIcon as ue } from "./Icons/UserIcon.js";
-import { WarningIcon as de } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as fe } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as pe } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as me } from "./Icons/ZoomYIcon.js";
-export { e as AnalyzeIcon, t as AnnotationsIcon, n as ApprovedIcon, r as ArrowDownIcon, i as ArrowUpIcon, a as BoxToolIcon, o as CalendarIcon, s as CheckCircleIcon, c as CheckSquareIcon, l as CheckmarkIcon, u as ChevronDownIcon, d as ChevronUpIcon, f as ClockIcon, p as CloseCircleIcon, m as CloseIcon, h as DashboardIcon, g as DatabaseIcon, _ as DeleteIcon, v as DurationIcon, y as EditIcon, b as EmailIcon, x as EraserIcon, S as ErrorIcon, C as EyeClosedIcon, w as EyeClosedIcon2, T as EyeOpenIcon, E as FileDownloadIcon, D as GoToFirstIcon, O as GoToLastIcon, k as HarmonicCursorsIcon, A as InfoIcon, j as KeyboardIcon, M as LabelIcon, N as LassoIcon, P as LineToolIcon, F as LiveViewIcon, I as LoaderIcon, L as LocationIcon, R as LogoutIcon, z as MeasureIcon, B as MessagesIcon, V as MetadataIcon, H as MinusIcon, U as OntologyIcon, W as PanelIconClose, G as PanelIconOpen, K as PlayIcon, q as PlusIcon, J as PolygonIcon, Y as ProgressCheckIcon, X as ResetIcon, Z as ReviewedIcon, Q as ScissorsIcon, $ as SearchIcon, ee as SettingsIcon, te as SortAscendingIcon, ne as SortAtoZIcon, re as SortDescendingIcon, ie as SortZtoAIcon, ae as StackIcon, oe as StarIcon, se as TrashIcon, ce as UndoIcon, le as User2Icon, ue as UserIcon, de as WarningIcon, fe as ZoomAllIcon, pe as ZoomXIcon, me as ZoomYIcon };
+import { Crosshairs2Icon as h } from "./Icons/Crosshairs2Icon.js";
+import { CrosshairsIcon as g } from "./Icons/CrosshairsIcon.js";
+import { DashboardIcon as _ } from "./Icons/DashboardIcon.js";
+import { DatabaseIcon as v } from "./Icons/DatabaseIcon.js";
+import { DeleteIcon as y } from "./Icons/DeleteIcon.js";
+import { DurationIcon as b } from "./Icons/DurationIcon.js";
+import { EditIcon as x } from "./Icons/EditIcon.js";
+import { EmailIcon as S } from "./Icons/EmailIcon.js";
+import { EraserIcon as C } from "./Icons/EraserIcon.js";
+import { ErrorIcon as w } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as T } from "./Icons/EyeClosedIcon.js";
+import { EyeClosedIcon2 as E } from "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as D } from "./Icons/EyeOpenIcon.js";
+import { FileDownloadIcon as O } from "./Icons/FileDownloadIcon.js";
+import { GoToFirstIcon as k } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as A } from "./Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as j } from "./Icons/HarmonicCursorsIcon.js";
+import { InfoIcon as M } from "./Icons/InfoIcon.js";
+import { KeyboardIcon as N } from "./Icons/KeyboardIcon.js";
+import { LabelIcon as P } from "./Icons/LabelIcon.js";
+import { LassoIcon as F } from "./Icons/LassoIcon.js";
+import { LineToolIcon as I } from "./Icons/LineToolIcon.js";
+import { LiveViewIcon as L } from "./Icons/LiveViewIcon.js";
+import { LoaderIcon as R } from "./Icons/LoaderIcon.js";
+import { LocationIcon as z } from "./Icons/LocationIcon.js";
+import { LogoutIcon as B } from "./Icons/LogoutIcon.js";
+import { MaximizeIcon as V } from "./Icons/MaximizeIcon.js";
+import { MeasureIcon as H } from "./Icons/MeasureIcon.js";
+import { MessagesIcon as U } from "./Icons/MessagesIcon.js";
+import { MetadataIcon as W } from "./Icons/MetadataIcon.js";
+import { MinimizeIcon as G } from "./Icons/MinimizeIcon.js";
+import { MinusIcon as K } from "./Icons/MinusIcon.js";
+import { OntologyIcon as q } from "./Icons/OntologyIcon.js";
+import { PanelIconClose as J } from "./Icons/PanelIconClose.js";
+import { PanelIconOpen as Y } from "./Icons/PanelIconOpen.js";
+import { PauseIcon as X } from "./Icons/PauseIcon.js";
+import { PlayIcon as Z } from "./Icons/PlayIcon.js";
+import { PlusIcon as Q } from "./Icons/PlusIcon.js";
+import { PolygonIcon as $ } from "./Icons/PolygonIcon.js";
+import { PrinterIcon as ee } from "./Icons/PrinterIcon.js";
+import { ProgressCheckIcon as te } from "./Icons/ProgressCheckIcon.js";
+import { ResetIcon as ne } from "./Icons/ResetIcon.js";
+import { ReviewedIcon as re } from "./Icons/ReviewedIcon.js";
+import { ScissorsIcon as ie } from "./Icons/ScissorsIcon.js";
+import { SearchIcon as ae } from "./Icons/SearchIcon.js";
+import { SettingsIcon as oe } from "./Icons/SettingsIcon.js";
+import { SortAscendingIcon as se } from "./Icons/SortAscendingIcon.js";
+import { SortAtoZIcon as ce } from "./Icons/SortAtoZIcon.js";
+import { SortDescendingIcon as le } from "./Icons/SortDescendingIcon.js";
+import { SortZtoAIcon as ue } from "./Icons/SortZtoAIcon.js";
+import { SparklesIcon as de } from "./Icons/SparklesIcon.js";
+import { StackIcon as fe } from "./Icons/StackIcon.js";
+import { StarIcon as pe } from "./Icons/StarIcon.js";
+import { TrashIcon as me } from "./Icons/TrashIcon.js";
+import { UndoIcon as he } from "./Icons/UndoIcon.js";
+import { UploadIcon as ge } from "./Icons/UploadIcon.js";
+import { User2Icon as _e } from "./Icons/User2Icon.js";
+import { UserIcon as ve } from "./Icons/UserIcon.js";
+import { WarningIcon as ye } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as be } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as xe } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as Se } from "./Icons/ZoomYIcon.js";
+export { e as AnalyzeIcon, t as AnnotationsIcon, n as ApprovedIcon, r as ArrowDownIcon, i as ArrowUpIcon, a as BoxToolIcon, o as CalendarIcon, s as CheckCircleIcon, c as CheckSquareIcon, l as CheckmarkIcon, u as ChevronDownIcon, d as ChevronUpIcon, f as ClockIcon, p as CloseCircleIcon, m as CloseIcon, h as Crosshairs2Icon, g as CrosshairsIcon, _ as DashboardIcon, v as DatabaseIcon, y as DeleteIcon, b as DurationIcon, x as EditIcon, S as EmailIcon, C as EraserIcon, w as ErrorIcon, T as EyeClosedIcon, E as EyeClosedIcon2, D as EyeOpenIcon, O as FileDownloadIcon, k as GoToFirstIcon, A as GoToLastIcon, j as HarmonicCursorsIcon, M as InfoIcon, N as KeyboardIcon, P as LabelIcon, F as LassoIcon, I as LineToolIcon, L as LiveViewIcon, R as LoaderIcon, z as LocationIcon, B as LogoutIcon, V as MaximizeIcon, H as MeasureIcon, U as MessagesIcon, W as MetadataIcon, G as MinimizeIcon, K as MinusIcon, q as OntologyIcon, J as PanelIconClose, Y as PanelIconOpen, X as PauseIcon, Z as PlayIcon, Q as PlusIcon, $ as PolygonIcon, ee as PrinterIcon, te as ProgressCheckIcon, ne as ResetIcon, re as ReviewedIcon, ie as ScissorsIcon, ae as SearchIcon, oe as SettingsIcon, se as SortAscendingIcon, ce as SortAtoZIcon, le as SortDescendingIcon, ue as SortZtoAIcon, de as SparklesIcon, fe as StackIcon, pe as StarIcon, me as TrashIcon, he as UndoIcon, ge as UploadIcon, _e as User2Icon, ve as UserIcon, ye as WarningIcon, be as ZoomAllIcon, xe as ZoomXIcon, Se as ZoomYIcon };

package/dist/Input.d.ts

@@ -16,9 +16,10 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'onC
     suppressHydrationWarning?: boolean;
     type?: InputType;
     value?: string;
+    warningMessage?: BaseFormFieldProps['errorMessage'];
 };
 export declare const Input: {
-    ({ className, clearOnFocus, disabled, endIcon, errorMessage, id, label, labelClassName, name, onBlur, onChange, onFocus, placeholder, prefix, ref, required, showClearButton, startIcon, state, suppressHydrationWarning, type, value, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, ...props }: InputProps & {
+    ({ className, clearOnFocus, disabled, endIcon, errorMessage, id, label, labelClassName, name, onBlur, onChange, onFocus, placeholder, prefix, ref, required, showClearButton, startIcon, state, suppressHydrationWarning, type, value, warningMessage, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, ...props }: InputProps & {
         ref?: Ref<HTMLInputElement>;
     }): ReactElement;
     displayName: string;

package/dist/Input.js

@@ -4,20 +4,21 @@ import { CheckCircleIcon as e } from "./Icons/CheckCircleIcon.js";
 import { CloseCircleIcon as t } from "./Icons/CloseCircleIcon.js";
 import { ErrorIcon as n } from "./Icons/ErrorIcon.js";
 import { EyeClosedIcon as r } from "./Icons/EyeClosedIcon.js";
-import { EyeOpenIcon as i } from "./Icons/EyeOpenIcon.js";
-import { LoaderIcon as a } from "./Icons/LoaderIcon.js";
+import { EyeOpenIcon as ee } from "./Icons/EyeOpenIcon.js";
+import { LoaderIcon as i } from "./Icons/LoaderIcon.js";
+import { WarningIcon as a } from "./Icons/WarningIcon.js";
 import { t as o } from "./twUtils-VNWgstKL.js";
-import { ErrorMessage as s, getAriaProps as c, getFormFieldCSSProperties as l, getInputClasses as u, useFormFieldId as d, useFormFieldState as f } from "./utils/formFieldUtils.js";
-import { Label as ee } from "./Label.js";
-import { useClearOnFocus as te, usePasswordVisibility as p, usePrefixWidth as m } from "./Input/InputUtils.js";
-import { useCallback as h, useRef as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { ErrorMessage as s, WarningMessage as c, getAriaProps as l, getFormFieldCSSProperties as u, getInputClasses as d, useFormFieldId as f, useFormFieldState as p } from "./utils/formFieldUtils.js";
+import { Label as m } from "./Label.js";
+import { useClearOnFocus as te, usePasswordVisibility as h, usePrefixWidth as g } from "./Input/InputUtils.js";
+import { useCallback as _, useRef as ne } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/Input/Input.tsx
-var y = (...e) => (t) => {
+var b = (...e) => (t) => {
 	e.forEach((e) => {
 		e && (typeof e == "function" ? e(t) : e.current = t);
 	});
-}, ne = (e) => ({
+}, x = (e) => ({
 	date: "off",
 	email: "email",
 	number: "off",
@@ -26,110 +27,123 @@ var y = (...e) => (t) => {
 	text: "off",
 	url: "url",
 	"datetime-local": "off"
-})[e] || "off", b = ({ className: b, clearOnFocus: x = !1, disabled: S, endIcon: C, errorMessage: w, id: re, label: T, labelClassName: E, name: D, onBlur: O, onChange: k, onFocus: A, placeholder: j, prefix: M, ref: N, required: P, showClearButton: F = !1, startIcon: I, state: L = "default", suppressHydrationWarning: R = !0, type: z = "text", value: B = "", "aria-label": V, "aria-describedby": H, ...U }) => {
-	let W = d(re, D), G = `${W}-error`, { isDisabled: K, isLoading: q, isInvalid: J } = f(S, L), Y = c(L, H, P, G), X = g(null), ie = y(N, X), { isVisible: Z, toggleVisibility: ae, inputType: oe } = p(), { prefixWidth: se, prefixRef: ce } = m(M), { handleFocus: Q } = te(x, k ? (e) => k(e.target.value) : void 0), le = h((e) => {
-		O?.(e);
-	}, [O]), ue = h((e) => {
-		Q(e, A);
-	}, [Q, A]), de = h((e) => {
+})[e] || "off", S = ({ className: S, clearOnFocus: C = !1, disabled: w, endIcon: T, errorMessage: E, id: re, label: D, labelClassName: O, name: k, onBlur: A, onChange: j, onFocus: M, placeholder: N, prefix: P, ref: F, required: I, showClearButton: L = !1, startIcon: R, state: z = "default", suppressHydrationWarning: B = !0, type: V = "text", value: H = "", warningMessage: U, "aria-label": W, "aria-describedby": G, ...ie }) => {
+	let K = f(re, k), q = `${K}-error`, J = `${K}-warning`, { isDisabled: Y, isLoading: ae, isInvalid: oe } = p(w, z), se = l(z, G, I, z === "error" ? q : z === "warning" && U ? J : void 0), X = ne(null), ce = b(F, X), { isVisible: Z, toggleVisibility: le, inputType: ue } = h(), { prefixWidth: de, prefixRef: fe } = g(P), { handleFocus: Q } = te(C, j ? (e) => j(e.target.value) : void 0), pe = _((e) => {
+		A?.(e);
+	}, [A]), me = _((e) => {
+		Q(e, M);
+	}, [Q, M]), he = _((e) => {
 		let t = e.target.value;
-		k?.(t);
-	}, [k]), fe = h(() => {
+		j?.(t);
+	}, [j]), ge = _(() => {
 		let e = X.current;
 		e && (e.value = "", e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
-	}, []), $ = F && B.length > 0, pe = () => {
+	}, []), $ = L && H.length > 0, _e = () => {
 		let o = "absolute right-4 top-1/2 -translate-y-1/2 text-input-icon hover:text-input-icon--hover focus:outline-none cursor-pointer", s = {
-			password: () => /* @__PURE__ */ _("button", {
-				"aria-controls": W,
-				"aria-label": Z ? `Hide ${T ?? "password"}` : `Show ${T ?? "password"}`,
+			password: () => /* @__PURE__ */ v("button", {
+				"aria-controls": K,
+				"aria-label": Z ? `Hide ${D ?? "password"}` : `Show ${D ?? "password"}`,
 				"aria-pressed": Z,
 				className: o,
 				"data-testid": "spectral-input-password-toggle",
-				onClick: ae,
+				onClick: le,
 				type: "button",
-				children: _(Z ? r : i, { size: 22 })
+				children: v(Z ? r : ee, { size: 22 })
 			}),
-			clear: () => /* @__PURE__ */ _("button", {
-				"aria-label": String(`Clear ${T ?? "input"}`),
+			clear: () => /* @__PURE__ */ v("button", {
+				"aria-label": String(`Clear ${D ?? "input"}`),
 				className: o,
 				"data-testid": "spectral-input-clear-button",
-				onClick: fe,
+				onClick: ge,
 				type: "button",
-				children: /* @__PURE__ */ _(t, { size: 24 })
+				children: /* @__PURE__ */ v(t, { size: 24 })
 			}),
-			loading: () => /* @__PURE__ */ _("div", {
+			loading: () => /* @__PURE__ */ v("div", {
 				className: "right-4 text-input-icon absolute top-1/2 -translate-y-1/2",
 				"data-testid": "spectral-input-loading-icon",
-				children: /* @__PURE__ */ _(a, { size: 24 })
+				children: /* @__PURE__ */ v(i, { size: 24 })
 			}),
-			error: () => /* @__PURE__ */ _("div", {
+			error: () => /* @__PURE__ */ v("div", {
 				className: "right-4 absolute top-1/2 -translate-y-1/2 text-danger-400",
 				"data-testid": "spectral-input-error-icon",
-				children: /* @__PURE__ */ _(n, { size: 24 })
+				children: /* @__PURE__ */ v(n, { size: 24 })
 			}),
-			success: () => /* @__PURE__ */ _("div", {
+			success: () => /* @__PURE__ */ v("div", {
 				className: "right-4 absolute top-1/2 -translate-y-1/2 text-success-400",
 				"data-testid": "spectral-input-success-icon",
-				children: /* @__PURE__ */ _(e, { size: 24 })
+				children: /* @__PURE__ */ v(e, { size: 24 })
+			}),
+			warning: () => /* @__PURE__ */ v("div", {
+				className: "right-4 absolute top-1/2 -translate-y-1/2 text-warning-400",
+				"data-testid": "spectral-input-warning-icon",
+				children: /* @__PURE__ */ v(a, { size: 24 })
 			})
 		};
-		return C ? /* @__PURE__ */ _("div", {
+		return T ? /* @__PURE__ */ v("div", {
 			className: "right-4 text-input-icon absolute top-1/2 -translate-y-1/2",
-			children: C
-		}) : z === "password" ? s.password() : $ ? s.clear() : q ? s.loading() : L === "success" ? s.success() : L === "error" ? s.error() : null;
-	}, me = () => I || null, he = z === "number" || z === "date" || z === "datetime-local", ge = o(u(L, b), "[text-indent:var(--prefix-width)]", $ && "pr-10", he && "tabular-nums"), _e = o("inset-y-0 left-4 text-base pointer-events-none absolute flex items-center text-input-text-prefix opacity-100 peer-disabled:opacity-50");
-	return /* @__PURE__ */ v("div", {
+			children: T
+		}) : V === "password" ? s.password() : $ ? s.clear() : ae ? s.loading() : z === "success" ? s.success() : z === "warning" ? s.warning() : z === "error" ? s.error() : null;
+	}, ve = () => R || null, ye = V === "number" || V === "date" || V === "datetime-local", be = o(d(z, S), "[text-indent:var(--prefix-width)]", $ && "pr-10", ye && "tabular-nums"), xe = o("inset-y-0 left-4 text-base pointer-events-none absolute flex items-center text-input-text-prefix opacity-100 peer-disabled:opacity-50");
+	return /* @__PURE__ */ y("div", {
 		className: "space-y-1.5 w-full",
 		"data-testid": "spectral-input-container",
-		children: [T && /* @__PURE__ */ _(ee, {
-			className: o("mb-2 block", E, K && "cursor-not-allowed text-input-text--disabled placeholder:text-input-text-placeholder"),
+		children: [D && /* @__PURE__ */ v(m, {
+			className: o("mb-2 block", O, Y && "cursor-not-allowed text-input-text--disabled placeholder:text-input-text-placeholder"),
 			"data-testid": "spectral-input-label",
-			htmlFor: W,
-			children: T
-		}), /* @__PURE__ */ v("div", {
+			htmlFor: K,
+			children: D
+		}), /* @__PURE__ */ y("div", {
 			className: "relative",
 			"data-testid": "spectral-input-wrapper",
-			children: [/* @__PURE__ */ v("div", {
-				className: "relative",
-				children: [
-					me(),
-					M && /* @__PURE__ */ _("span", {
-						ref: ce,
-						className: _e,
-						children: M
-					}),
-					/* @__PURE__ */ _("input", {
-						"aria-label": V ?? T,
-						autoComplete: ne(z),
-						className: ge,
-						"data-state": L,
-						"data-testid": "spectral-input",
-						disabled: K,
-						id: W,
-						name: D,
-						onBlur: le,
-						onChange: de,
-						onFocus: ue,
-						placeholder: j ?? T,
-						ref: ie,
-						required: P,
-						style: l({ "--prefix-width": M ? `${se}px` : "0" }),
-						suppressHydrationWarning: R,
-						type: z === "password" ? oe : z,
-						value: B,
-						...Y,
-						...U
-					}),
-					pe()
-				]
-			}), J && w && /* @__PURE__ */ _(s, {
-				dataTestId: "spectral-input-error-message",
-				id: G,
-				message: w
-			})]
+			children: [
+				/* @__PURE__ */ y("div", {
+					className: "relative",
+					children: [
+						ve(),
+						P && /* @__PURE__ */ v("span", {
+							ref: fe,
+							className: xe,
+							children: P
+						}),
+						/* @__PURE__ */ v("input", {
+							"aria-label": W ?? D,
+							autoComplete: x(V),
+							className: be,
+							"data-state": z,
+							"data-testid": "spectral-input",
+							disabled: Y,
+							id: K,
+							name: k,
+							onBlur: pe,
+							onChange: he,
+							onFocus: me,
+							placeholder: N ?? D,
+							ref: ce,
+							required: I,
+							style: u({ "--prefix-width": P ? `${de}px` : "0" }),
+							suppressHydrationWarning: B,
+							type: V === "password" ? ue : V,
+							value: H,
+							...se,
+							...ie
+						}),
+						_e()
+					]
+				}),
+				oe && E && /* @__PURE__ */ v(s, {
+					dataTestId: "spectral-input-error-message",
+					id: q,
+					message: E
+				}),
+				z === "warning" && U && /* @__PURE__ */ v(c, {
+					dataTestId: "spectral-input-warning-message",
+					id: J,
+					message: U
+				})
+			]
 		})]
 	});
 };
-b.displayName = "Input";
+S.displayName = "Input";
 //#endregion
-export { b as Input };
+export { S as Input };

package/dist/Textarea.js

@@ -15,7 +15,7 @@ var p = "absolute right-4 top-4", m = (e) => e || "off", h = (e, n) => t("absolu
 		onChange: D ?? (() => {}),
 		onFocus: O,
 		onBlur: E
-	}), { isDisabled: H, isLoading: U } = s(y, j), W = r(j, F, A, N["aria-describedby"]), G = M?.length || 0, K = a(j, v), q = () => ({
+	}), { isDisabled: H, isLoading: U } = s(y, j), W = r(j, N["aria-describedby"], A, F), G = M?.length || 0, K = a(j, v), q = () => ({
 		"--textarea-min-height": "6rem",
 		"--textarea-max-height": "12rem",
 		"--textarea-border-radius": "0.5rem"