@spear-ai/spectral 1.11.1 → 1.11.2

package/dist/utils/formFieldUtils.js

@@ -10,25 +10,28 @@ var s = (e) => ({
 	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], c = (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", s(n), r), l = (t, n = "bottom") => e("left-0 right-0 rounded-lg shadow-md absolute z-50 border border-input-border bg-input-bg", "transition-[opacity,transform] duration-150 motion-reduce:transform-none motion-reduce:transition-none", "will-change-[opacity,transform]", n === "bottom" ? "top-full mt-1 origin-top" : "bottom-full mb-1 origin-bottom", 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"), u = (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", s(t), n), d = (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", s(t), n), f = (e, t) => {
+})[e], c = (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", s(n), r), l = (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", u(), "transition-[opacity,transform] duration-150 motion-reduce:transform-none motion-reduce:transition-none", "will-change-[opacity,transform]", r, i);
+}, u = () => "rounded-lg border border-input-border bg-input-bg shadow-md", d = (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", s(t), n), f = (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", s(t), n), p = (e, t) => {
 	let n = r();
 	if (e) return e;
 	let i = t?.trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9\-_.:]/g, "");
 	return i ? `${i}-${n}` : n;
-}, p = (e) => `${e}-error`, m = (t, n, r, i) => ({
+}, m = (e) => `${e}-error`, h = (t, n, r, i) => ({
 	"aria-invalid": t === "error",
 	"aria-required": r,
 	"aria-describedby": e((t === "error" || t === "warning") && i, n) || void 0
-}), h = (e = {}) => ({
+}), g = (e = {}) => ({
 	"--field-border-radius": "0.5rem",
 	"--field-height": "3rem",
 	"--field-padding": "1rem",
 	...e
-}), g = (e, t = "default") => ({
+}), _ = (e, t = "default") => ({
 	isDisabled: e ?? t === "disabled",
 	isLoading: t === "loading",
 	isInvalid: t === "error"
-}), _ = (e) => {
+}), v = (e) => {
 	let t = i(null);
 	return n(() => {
 		let n = (n) => {
@@ -36,7 +39,7 @@ var s = (e) => ({
 		};
 		return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
 	}, [e]), t;
-}, v = (e, r = !1, i, o, s, c) => {
+}, y = (e, r = !1, i, o, s, c) => {
 	let [l, u] = a(-1);
 	n(() => {
 		if (e) if (r) u(0);
@@ -100,7 +103,7 @@ var s = (e) => ({
 		]),
 		isOpen: e
 	};
-}, y = (e) => {
+}, b = (e) => {
 	let t = {}, n = [];
 	return e.forEach((e) => {
 		e.group ? (t[e.group] || (t[e.group] = []), t[e.group].push(e)) : n.push(e);
@@ -109,17 +112,17 @@ var s = (e) => ({
 		ungrouped: n,
 		hasGroups: Object.keys(t).length > 0
 	};
-}, b = ({ className: t, message: n = "Loading…" }) => /* @__PURE__ */ o("div", {
+}, x = ({ className: t, message: n = "Loading…" }) => /* @__PURE__ */ o("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
-}), x = ({ className: t, message: n = "No options found" }) => /* @__PURE__ */ o("div", {
+}), S = ({ className: t, message: n = "No options found" }) => /* @__PURE__ */ o("div", {
 	className: e("py-6 text-base text-center text-text-secondary", t),
 	role: "status",
 	children: n
-}), S = (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, C = ({ className: t, id: n, dataTestId: r, message: i }) => {
-	let a = S(i);
+}), C = (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, w = ({ className: t, id: n, dataTestId: r, message: i }) => {
+	let a = C(i);
 	return a ? /* @__PURE__ */ o("p", {
 		"aria-atomic": "true",
 		"aria-live": "assertive",
@@ -129,8 +132,8 @@ var s = (e) => ({
 		role: "alert",
 		children: a
 	}) : null;
-}, w = ({ className: t, id: n, dataTestId: r, message: i }) => {
-	let a = S(i);
+}, T = ({ className: t, id: n, dataTestId: r, message: i }) => {
+	let a = C(i);
 	return a ? /* @__PURE__ */ o("p", {
 		"aria-atomic": "true",
 		"aria-live": "polite",
@@ -140,11 +143,11 @@ var s = (e) => ({
 		role: "status",
 		children: a
 	}) : null;
-}, T = (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"), E = (e) => {
+}, E = (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"), D = (e) => {
 	e && e.scrollIntoView({
 		block: "nearest",
 		behavior: "smooth"
 	});
 };
 //#endregion
-export { x as EmptyState, C as ErrorMessage, b as LoadingState, w as WarningMessage, m as getAriaProps, l as getDropdownClasses, p as getErrorMessageId, h as getFormFieldCSSProperties, u as getInputClasses, T as getOptionClasses, s as getStateClasses, d as getTextareaClasses, c as getTriggerClasses, y as groupOptions, E as scrollIntoView, _ as useClickOutside, f as useFormFieldId, g as useFormFieldState, v as useKeyboardNavigation };
+export { S as EmptyState, w as ErrorMessage, x as LoadingState, T as WarningMessage, h as getAriaProps, l as getDropdownClasses, u as getDropdownSurfaceClasses, m as getErrorMessageId, g as getFormFieldCSSProperties, d as getInputClasses, E as getOptionClasses, s as getStateClasses, f as getTextareaClasses, c as getTriggerClasses, b as groupOptions, D as scrollIntoView, v as useClickOutside, p as useFormFieldId, _ as useFormFieldState, y as useKeyboardNavigation };

package/package.json

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