@spear-ai/spectral 1.13.0 → 1.13.1

package/dist/utils/formFieldUtils.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties, KeyboardEvent, ReactNode } from 'react';
+export { ErrorMessage, WarningMessage, type FormFieldMessageValue } from '../components/FormFieldMessage/FormFieldMessage';
 export type FormFieldState = 'default' | 'error' | 'warning' | 'disabled' | 'loading' | 'success';
 export interface BaseFormFieldProps {
     disabled?: boolean;
@@ -78,19 +79,6 @@ export declare const EmptyState: ({ className, message }: {
     className?: string;
     message?: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const ErrorMessage: ({ className, id, dataTestId, message }: {
-    className?: string;
-    dataTestId?: string;
-    id: string;
-    message: string | string[] | Record<string, unknown> | null;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export declare const WarningMessage: ({ className, id, dataTestId, message }: {
-    className?: string;
-    dataTestId?: string;
-    id: string;
-    message: string | string[] | Record<string, unknown> | null;
-}) => import("react/jsx-runtime").JSX.Element | null;
 export declare const getOptionClasses: (isDisabled: boolean | undefined, isFocused: boolean, isSelected: boolean) => string;
 export declare const scrollIntoView: (element: HTMLElement | null) => void;
-export {};
 //# sourceMappingURL=formFieldUtils.d.ts.map

package/dist/utils/formFieldUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formFieldUtils.d.ts","sourceRoot":"","sources":["../../src/utils/formFieldUtils.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"formFieldUtils.d.ts","sourceRoot":"","sources":["../../src/utils/formFieldUtils.tsx"],"names":[],"mappings":"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"}

package/dist/utils/formFieldUtils.js

@@ -1,9 +1,10 @@
 'use client'
 import { t as e } from "../twUtils-BpqlKSeB.js";
-import { useCallback as t, useEffect as n, useId as r, useRef as i, useState as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
+import { ErrorMessage as t, WarningMessage as n } from "../FormFieldMessage.js";
+import { useCallback as r, useEffect as i, useId as a, useRef as o, useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
 //#region src/utils/formFieldUtils.tsx
-var s = ({ dropdownWidth: e, triggerStyleWidth: t, triggerWidth: n, viewportMaxWidth: r = "calc(100vw - 2rem)" }) => {
+var l = ({ dropdownWidth: e, triggerStyleWidth: t, triggerWidth: n, viewportMaxWidth: r = "calc(100vw - 2rem)" }) => {
 	let i = e === "trigger" ? "trigger" : e === "content" ? "content" : "custom", a = e === "trigger" ? n : e === "content" ? "max-content" : e, o = {
 		maxWidth: r,
 		overflowX: "auto",
@@ -19,107 +20,107 @@ var s = ({ dropdownWidth: e, triggerStyleWidth: t, triggerWidth: n, viewportMaxW
 		},
 		resolvedDropdownWidth: a
 	};
-}, c = (e) => ({
+}, u = (e) => ({
 	success: "border-success-400 hover:border-success-500 focus-visible:border-success-400 focus-visible:outline-success-400",
 	error: "border-danger-400 hover:border-danger-500 focus-visible:border-danger-400 focus-visible:outline-danger-400",
 	warning: "border-warning-400 hover:border-warning-400 focus-visible:border-warning-400 focus-visible:outline-warning-400",
 	loading: "cursor-wait border-input-border--disabled pointer-events-none",
 	disabled: "cursor-not-allowed opacity-50 border-input-border--disabled text-input-text--disabled",
 	default: ""
-})[e], l = (t = !1, n, r) => e("h-12 rounded-lg px-4 text-base flex w-full items-center justify-between border-2 border-input-border bg-input-bg", "text-input-text transition duration-200 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus", "disabled:cursor-not-allowed disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:opacity-50", t && "border-input-border--focus outline outline-2 outline-offset-2 outline-input-border--focus", c(n), r), u = (t, n = "bottom") => {
+})[e], d = (t = !1, n, r) => e("h-12 rounded-lg px-4 text-base flex w-full items-center justify-between border-2 border-input-border bg-input-bg", "text-input-text transition duration-200 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "disabled:cursor-not-allowed disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:opacity-50", t && "border-input-border--focus hover:border-input-border--focus", u(n), r), f = (t, n = "bottom") => {
 	let r = n === "bottom" ? "top-full mt-1 origin-top" : "bottom-full mb-1 origin-bottom", i = n === "bottom" ? t ? "scale-100 opacity-100 translate-y-0" : "scale-95 opacity-0 -translate-y-1 pointer-events-none" : t ? "scale-100 opacity-100 translate-y-0" : "scale-95 opacity-0 translate-y-1 pointer-events-none";
-	return e("left-0 right-0 absolute z-50", d(), "transition-[opacity,transform] duration-150 motion-reduce:transform-none motion-reduce:transition-none", "will-change-[opacity,transform]", r, i);
-}, d = () => "rounded-lg border border-input-border bg-input-bg shadow-md", f = (t, n) => e("peer h-12 rounded-md ps-3 pe-12 text-base flex w-full border-2 border-input-border bg-input-bg transition duration-200", "placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus", "disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled", c(t), n), p = (t, n) => e("peer h-24 rounded-md p-3 text-base flex w-full resize-none border-2 border-input-border bg-input-bg transition duration-200", "placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus", "disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled", c(t), n), m = (e, t) => {
-	let n = r();
+	return e("left-0 right-0 absolute z-50", p(), "transition-[opacity,transform] duration-150 motion-reduce:transform-none motion-reduce:transition-none", "will-change-[opacity,transform]", r, i);
+}, p = () => "rounded-lg border border-input-border bg-input-bg shadow-md", m = (t, n) => e("peer h-12 rounded-md ps-3 pe-12 text-base flex w-full border-2 border-input-border bg-input-bg transition duration-200", "placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus", "disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled", u(t), n), h = (t, n) => e("peer h-24 rounded-md p-3 text-base flex w-full resize-none border-2 border-input-border bg-input-bg transition duration-200", "placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus", "disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled", u(t), n), g = (e, t) => {
+	let n = a();
 	if (e) return e;
-	let i = t?.trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9\-_.:]/g, "");
-	return i ? `${i}-${n}` : n;
-}, h = (e) => `${e}-error`, g = (t, n, r, i) => ({
+	let r = t?.trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9\-_.:]/g, "");
+	return r ? `${r}-${n}` : n;
+}, _ = (e) => `${e}-error`, v = (t, n, r, i) => ({
 	"aria-invalid": t === "error",
 	"aria-required": r,
 	"aria-describedby": e((t === "error" || t === "warning") && i, n) || void 0
-}), _ = (e = {}) => ({
+}), y = (e = {}) => ({
 	"--field-border-radius": "0.5rem",
 	"--field-height": "3rem",
 	"--field-padding": "1rem",
 	...e
-}), v = (e, t = "default") => ({
+}), b = (e, t = "default") => ({
 	isDisabled: e ?? t === "disabled",
 	isLoading: t === "loading",
 	isInvalid: t === "error"
-}), y = (e) => {
-	let t = i(null);
-	return n(() => {
+}), x = (e) => {
+	let t = o(null);
+	return i(() => {
 		let n = (n) => {
 			t.current && !t.current.contains(n.target) && e();
 		};
 		return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
 	}, [e]), t;
-}, b = (e, r = !1, i, o, s, c) => {
-	let [l, u] = a(-1);
-	n(() => {
-		if (e) if (r) u(0);
+}, S = (e, t = !1, n, a, o, c) => {
+	let [l, u] = s(-1);
+	i(() => {
+		if (e) if (t) u(0);
 		else {
-			let e = s.findIndex((e) => e.value === c);
+			let e = o.findIndex((e) => e.value === c);
 			u(e >= 0 ? e : 0);
 		}
 		else u(-1);
 	}, [
 		e,
 		c,
-		s,
-		r
+		o,
+		t
 	]);
-	let d = t((e, t) => {
+	let d = r((e, t) => {
 		let n = e + (t === "down" ? 1 : -1);
-		return n = t === "down" ? Math.min(n, s.length - 1) : Math.max(n, 0), s[n]?.disabled && n !== e ? d(n, t) : n;
-	}, [s]);
+		return n = t === "down" ? Math.min(n, o.length - 1) : Math.max(n, 0), o[n]?.disabled && n !== e ? d(n, t) : n;
+	}, [o]);
 	return {
 		focusedIndex: l,
 		setFocusedIndex: u,
-		handleKeyDown: t((t) => {
+		handleKeyDown: r((r) => {
 			if (!e) return [
 				"ArrowDown",
 				"ArrowUp",
 				" ",
 				"Enter"
-			].includes(t.key) ? (t.preventDefault(), "open") : void 0;
-			let n = {
+			].includes(r.key) ? (r.preventDefault(), "open") : void 0;
+			let i = {
 				ArrowDown: () => {
-					t.preventDefault(), u((e) => d(e, "down"));
+					r.preventDefault(), u((e) => d(e, "down"));
 				},
 				ArrowUp: () => {
-					t.preventDefault(), u((e) => d(e, "up"));
+					r.preventDefault(), u((e) => d(e, "up"));
 				},
 				Enter: () => {
-					t.preventDefault(), l >= 0 && s[l] && !s[l].disabled && (o(s[l].value), r || i());
+					r.preventDefault(), l >= 0 && o[l] && !o[l].disabled && (a(o[l].value), t || n());
 				},
 				" ": () => {
-					t.preventDefault(), l >= 0 && s[l] && !s[l].disabled && (o(s[l].value), r || i());
+					r.preventDefault(), l >= 0 && o[l] && !o[l].disabled && (a(o[l].value), t || n());
 				},
 				Escape: () => {
-					t.preventDefault(), i();
+					r.preventDefault(), n();
 				},
 				Home: () => {
-					t.preventDefault(), u(0);
+					r.preventDefault(), u(0);
 				},
 				End: () => {
-					t.preventDefault(), u(s.length - 1);
+					r.preventDefault(), u(o.length - 1);
 				}
-			}[t.key];
-			n && n();
+			}[r.key];
+			i && i();
 		}, [
-			s,
-			l,
 			o,
-			i,
+			l,
+			a,
+			n,
 			e,
-			r,
+			t,
 			d
 		]),
 		isOpen: e
 	};
-}, x = (e) => {
+}, C = (e) => {
 	let t = {}, n = [];
 	return e.forEach((e) => {
 		e.group ? (t[e.group] || (t[e.group] = []), t[e.group].push(e)) : n.push(e);
@@ -128,42 +129,20 @@ var s = ({ dropdownWidth: e, triggerStyleWidth: t, triggerWidth: n, viewportMaxW
 		ungrouped: n,
 		hasGroups: Object.keys(t).length > 0
 	};
-}, S = ({ className: t, message: n = "Loading…" }) => /* @__PURE__ */ o("div", {
+}, w = ({ className: t, message: n = "Loading…" }) => /* @__PURE__ */ c("div", {
 	"aria-live": "polite",
 	className: e("gap-2 py-6 text-base text-input-text-secondary flex items-center justify-center", t),
 	role: "status",
 	children: n
-}), C = ({ className: t, message: n = "No options found" }) => /* @__PURE__ */ o("div", {
+}), T = ({ className: t, message: n = "No options found" }) => /* @__PURE__ */ c("div", {
 	className: e("py-6 text-base text-center text-text-secondary", t),
 	role: "status",
 	children: n
-}), w = (e) => e ? typeof e == "string" ? e : Array.isArray(e) ? e.join(", ") : typeof e == "object" ? e.message ? e.message : e.error ? e.error : e.details ? e.details : JSON.stringify(e) : String(e) : null, T = ({ className: t, id: n, dataTestId: r, message: i }) => {
-	let a = w(i);
-	return a ? /* @__PURE__ */ o("p", {
-		"aria-atomic": "true",
-		"aria-live": "assertive",
-		className: e("m-0! mt-1.5! text-base text-danger-400!", t),
-		"data-testid": r ?? "spectral-form-field-error-message",
-		id: n,
-		role: "alert",
-		children: a
-	}) : null;
-}, E = ({ className: t, id: n, dataTestId: r, message: i }) => {
-	let a = w(i);
-	return a ? /* @__PURE__ */ o("p", {
-		"aria-atomic": "true",
-		"aria-live": "polite",
-		className: e("m-0! mt-1.5! text-base text-warning-400!", t),
-		"data-testid": r ?? "spectral-form-field-warning-message",
-		id: n,
-		role: "status",
-		children: a
-	}) : null;
-}, D = (t = !1, n, r) => e("rounded-sm py-1.5 pl-2 pr-8 text-base relative flex w-full cursor-pointer items-center outline-none select-none hover:bg-input-bg--hover", n && "bg-input-bg--hover", r && "bg-input-bg--selected text-input-text", t && "pointer-events-none text-input-text--disabled"), O = (e) => {
+}), E = (t = !1, n, r) => e("my-0.5 first:mt-0 last:mb-0 rounded-sm py-1.5 pl-2 pr-8 text-base relative flex w-full cursor-pointer items-center outline-none select-none hover:bg-input-bg--hover data-[highlighted]:bg-input-bg--hover data-[highlighted]:text-input-text", n && "bg-input-bg--hover", r && "bg-input-bg--selected text-input-text", t && "pointer-events-none text-input-text--disabled"), D = (e) => {
 	e && e.scrollIntoView({
 		block: "nearest",
 		behavior: "smooth"
 	});
 };
 //#endregion
-export { C as EmptyState, T as ErrorMessage, S as LoadingState, E as WarningMessage, g as getAriaProps, u as getDropdownClasses, d as getDropdownSurfaceClasses, s as getDropdownWidthStyles, h as getErrorMessageId, _ as getFormFieldCSSProperties, f as getInputClasses, D as getOptionClasses, c as getStateClasses, p as getTextareaClasses, l as getTriggerClasses, x as groupOptions, O as scrollIntoView, y as useClickOutside, m as useFormFieldId, v as useFormFieldState, b as useKeyboardNavigation };
+export { T as EmptyState, t as ErrorMessage, w as LoadingState, n as WarningMessage, v as getAriaProps, f as getDropdownClasses, p as getDropdownSurfaceClasses, l as getDropdownWidthStyles, _ as getErrorMessageId, y as getFormFieldCSSProperties, m as getInputClasses, E as getOptionClasses, u as getStateClasses, h as getTextareaClasses, d as getTriggerClasses, C as groupOptions, D as scrollIntoView, x as useClickOutside, g as useFormFieldId, b as useFormFieldState, S as useKeyboardNavigation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "type": "module",
   "private": false,
   "repository": {