@spear-ai/spectral 1.11.1 → 1.11.3

package/dist/utils/dropdownPositioning.js

@@ -0,0 +1,43 @@
+"use client";
+import { useCallback as e, useEffect as t, useMemo as n, useState as r } from "react";
+//#region src/utils/dropdownPositioning.ts
+var i = 12, a = (e, t, n = i) => {
+	let r = n, a = t - n, o = e.right - a;
+	if (o > 0) return -o;
+	let s = r - e.left;
+	return s > 0 ? s : 0;
+}, o = (i = !0) => {
+	let [o, s] = r(null), [c, l] = r(0), u = e(() => {
+		if (!i || !o) {
+			l(0);
+			return;
+		}
+		let e = a(o.getBoundingClientRect(), window.innerWidth);
+		l((t) => Math.abs(t - e) < .5 ? t : e);
+	}, [o, i]);
+	return t(() => {
+		if (!i || !o) return;
+		let e = requestAnimationFrame(() => {
+			u();
+		}), t = () => {
+			u();
+		};
+		window.addEventListener("resize", t), window.addEventListener("scroll", t, !0);
+		let n = null;
+		return typeof ResizeObserver < "u" && (n = new ResizeObserver(() => {
+			u();
+		}), n.observe(o)), () => {
+			cancelAnimationFrame(e), window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0), n?.disconnect();
+		};
+	}, [
+		o,
+		i,
+		u
+	]), {
+		dropdownShiftStyle: n(() => c === 0 ? null : { marginLeft: `${c}px` }, [c]),
+		recalculateDropdownPosition: u,
+		setDropdownElement: s
+	};
+};
+//#endregion
+export { a as getDropdownHorizontalShift, o as useAutoDropdownHorizontalShift };

package/dist/utils/dropdownPositioning.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dropdownPositioning.test.d.ts.map

package/dist/utils/dropdownPositioning.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownPositioning.test.d.ts","sourceRoot":"","sources":["../../src/utils/dropdownPositioning.test.ts"],"names":[],"mappings":""}

package/dist/utils/dropdownPositioning.test.js

@@ -0,0 +1,21 @@
+import { getDropdownHorizontalShift as e } from "./dropdownPositioning.js";
+//#region src/utils/dropdownPositioning.test.ts
+describe("getDropdownHorizontalShift", () => {
+	it("returns zero when dropdown fits viewport", () => {
+		expect(e({
+			left: 100,
+			right: 500
+		}, 1200)).toBe(0);
+	}), it("returns negative shift when right edge overflows", () => {
+		expect(e({
+			left: 700,
+			right: 1220
+		}, 1200)).toBe(-32);
+	}), it("returns positive shift when left edge overflows", () => {
+		expect(e({
+			left: -10,
+			right: 300
+		}, 1200)).toBe(22);
+	});
+});
+//#endregion

package/dist/utils/formFieldUtils.d.ts

@@ -21,9 +21,11 @@ export interface BaseOption {
     label: string;
     value: string;
 }
+export type DropdownWidth = 'trigger' | 'content' | (string & {});
 export declare const getStateClasses: (state: FormFieldState) => string;
 export declare const getTriggerClasses: (isOpen: boolean | undefined, state: FormFieldState, className?: string) => string;
 export declare const getDropdownClasses: (isOpen: boolean, position?: "top" | "bottom") => string;
+export declare const getDropdownSurfaceClasses: () => string;
 export declare const getInputClasses: (state: FormFieldState, className?: string) => string;
 export declare const getTextareaClasses: (state: FormFieldState, className?: string) => string;
 export declare const useFormFieldId: (id?: string, name?: string) => string;

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

@@ -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.3",
   "type": "module",
   "private": false,
   "repository": {