@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/ComboboxBase-D8Nf4xC-.js

@@ -0,0 +1,491 @@
+import "./styles/main.css";
+import { CheckmarkIcon as e } from "./Icons/CheckmarkIcon.js";
+import { SearchIcon as t } from "./Icons/SearchIcon.js";
+import { c as n, t as r } from "./dist-7HRQ5IKN.js";
+import { t as i } from "./dist-Dtvmk11N.js";
+import { t as a } from "./twUtils-VNWgstKL.js";
+import { InputGroup as o, InputGroupAddon as s } from "./primitives/input-group.js";
+import { a as c, i as l, n as u, o as d } from "./dist-B9tup-4O.js";
+import * as f from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region node_modules/.pnpm/cmdk@1.1.1_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14_react-dom_c7cada531f0aaf30a175ae441f7fe8bc/node_modules/cmdk/dist/chunk-NZJY6EH4.mjs
+var h = 1, g = .9, _ = .8, v = .17, y = .1, b = .999, x = .9999, S = .99, C = /[\\\/_+.#"@\[\(\{&]/, w = /[\\\/_+.#"@\[\(\{&]/g, T = /[\s-]/, E = /[\s-]/g;
+function D(e, t, n, r, i, a, o) {
+	if (a === t.length) return i === e.length ? h : S;
+	var s = `${i},${a}`;
+	if (o[s] !== void 0) return o[s];
+	for (var c = r.charAt(a), l = n.indexOf(c, i), u = 0, d, f, p, m; l >= 0;) d = D(e, t, n, r, l + 1, a + 1, o), d > u && (l === i ? d *= h : C.test(e.charAt(l - 1)) ? (d *= _, p = e.slice(i, l - 1).match(w), p && i > 0 && (d *= b ** +p.length)) : T.test(e.charAt(l - 1)) ? (d *= g, m = e.slice(i, l - 1).match(E), m && i > 0 && (d *= b ** +m.length)) : (d *= v, i > 0 && (d *= b ** +(l - i))), e.charAt(l) !== t.charAt(a) && (d *= x)), (d < y && n.charAt(l - 1) === r.charAt(a + 1) || r.charAt(a + 1) === r.charAt(a) && n.charAt(l - 1) !== r.charAt(a)) && (f = D(e, t, n, r, l + 1, a + 2, o), f * y > d && (d = f * y)), d > u && (u = d), l = n.indexOf(c, l + 1);
+	return o[s] = u, u;
+}
+function O(e) {
+	return e.toLowerCase().replace(E, " ");
+}
+function k(e, t, n) {
+	return e = n && n.length > 0 ? `${e + " " + n.join(" ")}` : e, D(e, t, O(e), O(t), 0, 0, {});
+}
+//#endregion
+//#region node_modules/.pnpm/cmdk@1.1.1_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14_react-dom_c7cada531f0aaf30a175ae441f7fe8bc/node_modules/cmdk/dist/index.mjs
+var A = "[cmdk-group=\"\"]", j = "[cmdk-group-items=\"\"]", ee = "[cmdk-group-heading=\"\"]", M = "[cmdk-item=\"\"]", te = `${M}:not([aria-disabled="true"])`, N = "cmdk-item-select", P = "data-value", ne = (e, t, n) => k(e, t, n), F = f.createContext(void 0), I = () => f.useContext(F), L = f.createContext(void 0), R = () => f.useContext(L), z = f.createContext(void 0), B = f.forwardRef((e, t) => {
+	let n = Z(() => ({
+		search: "",
+		value: e.value ?? e.defaultValue ?? "",
+		selectedItemId: void 0,
+		filtered: {
+			count: 0,
+			items: /* @__PURE__ */ new Map(),
+			groups: /* @__PURE__ */ new Set()
+		}
+	})), a = Z(() => /* @__PURE__ */ new Set()), o = Z(() => /* @__PURE__ */ new Map()), s = Z(() => /* @__PURE__ */ new Map()), c = Z(() => /* @__PURE__ */ new Set()), l = Y(e), { label: u, children: d, value: p, onValueChange: m, filter: h, shouldFilter: g, loop: _, disablePointerSelection: v = !1, vimBindings: y = !0, ...b } = e, x = i(), S = i(), C = i(), w = f.useRef(null), T = se();
+	X(() => {
+		if (p !== void 0) {
+			let e = p.trim();
+			n.current.value = e, E.emit();
+		}
+	}, [p]), X(() => {
+		T(6, z);
+	}, []);
+	let E = f.useMemo(() => ({
+		subscribe: (e) => (c.current.add(e), () => c.current.delete(e)),
+		snapshot: () => n.current,
+		setState: (e, t, r) => {
+			var i, a, o;
+			if (!Object.is(n.current[e], t)) {
+				if (n.current[e] = t, e === "search") R(), k(), T(1, I);
+				else if (e === "value") {
+					if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
+						let e = document.getElementById(C);
+						e ? e.focus() : (i = document.getElementById(x)) == null || i.focus();
+					}
+					if (T(7, () => {
+						n.current.selectedItemId = B()?.id, E.emit();
+					}), r || T(5, z), l.current?.value !== void 0) {
+						let e = t ?? "";
+						(o = (a = l.current).onValueChange) == null || o.call(a, e);
+						return;
+					}
+				}
+				E.emit();
+			}
+		},
+		emit: () => {
+			c.current.forEach((e) => e());
+		}
+	}), []), D = f.useMemo(() => ({
+		value: (e, t, r) => {
+			t !== s.current.get(e)?.value && (s.current.set(e, {
+				value: t,
+				keywords: r
+			}), n.current.filtered.items.set(e, O(t, r)), T(2, () => {
+				k(), E.emit();
+			}));
+		},
+		item: (e, t) => (a.current.add(e), t && (o.current.has(t) ? o.current.get(t).add(e) : o.current.set(t, new Set([e]))), T(3, () => {
+			R(), k(), n.current.value || I(), E.emit();
+		}), () => {
+			s.current.delete(e), a.current.delete(e), n.current.filtered.items.delete(e);
+			let t = B();
+			T(4, () => {
+				R(), t?.getAttribute("id") === e && I(), E.emit();
+			});
+		}),
+		group: (e) => (o.current.has(e) || o.current.set(e, /* @__PURE__ */ new Set()), () => {
+			s.current.delete(e), o.current.delete(e);
+		}),
+		filter: () => l.current.shouldFilter,
+		label: u || e["aria-label"],
+		getDisablePointerSelection: () => l.current.disablePointerSelection,
+		listId: x,
+		inputId: C,
+		labelId: S,
+		listInnerRef: w
+	}), []);
+	function O(e, t) {
+		let r = l.current?.filter ?? ne;
+		return e ? r(e, n.current.search, t) : 0;
+	}
+	function k() {
+		if (!n.current.search || l.current.shouldFilter === !1) return;
+		let e = n.current.filtered.items, t = [];
+		n.current.filtered.groups.forEach((n) => {
+			let r = o.current.get(n), i = 0;
+			r.forEach((t) => {
+				let n = e.get(t);
+				i = Math.max(n, i);
+			}), t.push([n, i]);
+		});
+		let r = w.current;
+		V().sort((t, n) => {
+			let r = t.getAttribute("id"), i = n.getAttribute("id");
+			return (e.get(i) ?? 0) - (e.get(r) ?? 0);
+		}).forEach((e) => {
+			let t = e.closest(j);
+			t ? t.appendChild(e.parentElement === t ? e : e.closest(`${j} > *`)) : r.appendChild(e.parentElement === r ? e : e.closest(`${j} > *`));
+		}), t.sort((e, t) => t[1] - e[1]).forEach((e) => {
+			let t = w.current?.querySelector(`${A}[${P}="${encodeURIComponent(e[0])}"]`);
+			t?.parentElement.appendChild(t);
+		});
+	}
+	function I() {
+		let e = V().find((e) => e.getAttribute("aria-disabled") !== "true")?.getAttribute(P);
+		E.setState("value", e || void 0);
+	}
+	function R() {
+		if (!n.current.search || l.current.shouldFilter === !1) {
+			n.current.filtered.count = a.current.size;
+			return;
+		}
+		n.current.filtered.groups = /* @__PURE__ */ new Set();
+		let e = 0;
+		for (let t of a.current) {
+			let r = O(s.current.get(t)?.value ?? "", s.current.get(t)?.keywords ?? []);
+			n.current.filtered.items.set(t, r), r > 0 && e++;
+		}
+		for (let [e, t] of o.current) for (let r of t) if (n.current.filtered.items.get(r) > 0) {
+			n.current.filtered.groups.add(e);
+			break;
+		}
+		n.current.filtered.count = e;
+	}
+	function z() {
+		var e;
+		let t = B();
+		t && (t.parentElement?.firstChild === t && ((e = t.closest(A)?.querySelector(ee)) == null || e.scrollIntoView({ block: "nearest" })), t.scrollIntoView({ block: "nearest" }));
+	}
+	function B() {
+		return w.current?.querySelector(`${M}[aria-selected="true"]`);
+	}
+	function V() {
+		return Array.from(w.current?.querySelectorAll(te) || []);
+	}
+	function H(e) {
+		let t = V()[e];
+		t && E.setState("value", t.getAttribute(P));
+	}
+	function U(e) {
+		var t;
+		let n = B(), r = V(), i = r.findIndex((e) => e === n), a = r[i + e];
+		(t = l.current) != null && t.loop && (a = i + e < 0 ? r[r.length - 1] : i + e === r.length ? r[0] : r[i + e]), a && E.setState("value", a.getAttribute(P));
+	}
+	function W(e) {
+		let t = B()?.closest(A), n;
+		for (; t && !n;) t = e > 0 ? ie(t, A) : ae(t, A), n = t?.querySelector(te);
+		n ? E.setState("value", n.getAttribute(P)) : U(e);
+	}
+	let G = () => H(V().length - 1), K = (e) => {
+		e.preventDefault(), e.metaKey ? G() : e.altKey ? W(1) : U(1);
+	}, q = (e) => {
+		e.preventDefault(), e.metaKey ? H(0) : e.altKey ? W(-1) : U(-1);
+	};
+	return f.createElement(r.div, {
+		ref: t,
+		tabIndex: -1,
+		...b,
+		"cmdk-root": "",
+		onKeyDown: (e) => {
+			var t;
+			(t = b.onKeyDown) == null || t.call(b, e);
+			let n = e.nativeEvent.isComposing || e.keyCode === 229;
+			if (!(e.defaultPrevented || n)) switch (e.key) {
+				case "n":
+				case "j":
+					y && e.ctrlKey && K(e);
+					break;
+				case "ArrowDown":
+					K(e);
+					break;
+				case "p":
+				case "k":
+					y && e.ctrlKey && q(e);
+					break;
+				case "ArrowUp":
+					q(e);
+					break;
+				case "Home":
+					e.preventDefault(), H(0);
+					break;
+				case "End":
+					e.preventDefault(), G();
+					break;
+				case "Enter": {
+					e.preventDefault();
+					let t = B();
+					if (t) {
+						let e = new Event(N);
+						t.dispatchEvent(e);
+					}
+				}
+			}
+		}
+	}, f.createElement("label", {
+		"cmdk-label": "",
+		htmlFor: D.inputId,
+		id: D.labelId,
+		style: le
+	}, u), $(e, (e) => f.createElement(L.Provider, { value: E }, f.createElement(F.Provider, { value: D }, e))));
+}), V = f.forwardRef((e, t) => {
+	let a = i(), o = f.useRef(null), s = f.useContext(z), c = I(), l = Y(e), u = l.current?.forceMount ?? s?.forceMount;
+	X(() => {
+		if (!u) return c.item(a, s?.id);
+	}, [u]);
+	let d = oe(a, o, [
+		e.value,
+		e.children,
+		o
+	], e.keywords), p = R(), m = Q((e) => e.value && e.value === d.current), h = Q((e) => u || c.filter() === !1 ? !0 : e.search ? e.filtered.items.get(a) > 0 : !0);
+	f.useEffect(() => {
+		let t = o.current;
+		if (!(!t || e.disabled)) return t.addEventListener(N, g), () => t.removeEventListener(N, g);
+	}, [
+		h,
+		e.onSelect,
+		e.disabled
+	]);
+	function g() {
+		var e, t;
+		_(), (t = (e = l.current).onSelect) == null || t.call(e, d.current);
+	}
+	function _() {
+		p.setState("value", d.current, !0);
+	}
+	if (!h) return null;
+	let { disabled: v, value: y, onSelect: b, forceMount: x, keywords: S, ...C } = e;
+	return f.createElement(r.div, {
+		ref: n(o, t),
+		...C,
+		id: a,
+		"cmdk-item": "",
+		role: "option",
+		"aria-disabled": !!v,
+		"aria-selected": !!m,
+		"data-disabled": !!v,
+		"data-selected": !!m,
+		onPointerMove: v || c.getDisablePointerSelection() ? void 0 : _,
+		onClick: v ? void 0 : g
+	}, e.children);
+}), H = f.forwardRef((e, t) => {
+	let { heading: a, children: o, forceMount: s, ...c } = e, l = i(), u = f.useRef(null), d = f.useRef(null), p = i(), m = I(), h = Q((e) => s || m.filter() === !1 ? !0 : e.search ? e.filtered.groups.has(l) : !0);
+	X(() => m.group(l), []), oe(l, u, [
+		e.value,
+		e.heading,
+		d
+	]);
+	let g = f.useMemo(() => ({
+		id: l,
+		forceMount: s
+	}), [s]);
+	return f.createElement(r.div, {
+		ref: n(u, t),
+		...c,
+		"cmdk-group": "",
+		role: "presentation",
+		hidden: h ? void 0 : !0
+	}, a && f.createElement("div", {
+		ref: d,
+		"cmdk-group-heading": "",
+		"aria-hidden": !0,
+		id: p
+	}, a), $(e, (e) => f.createElement("div", {
+		"cmdk-group-items": "",
+		role: "group",
+		"aria-labelledby": a ? p : void 0
+	}, f.createElement(z.Provider, { value: g }, e))));
+}), U = f.forwardRef((e, t) => {
+	let { alwaysRender: i, ...a } = e, o = f.useRef(null), s = Q((e) => !e.search);
+	return !i && !s ? null : f.createElement(r.div, {
+		ref: n(o, t),
+		...a,
+		"cmdk-separator": "",
+		role: "separator"
+	});
+}), W = f.forwardRef((e, t) => {
+	let { onValueChange: n, ...i } = e, a = e.value != null, o = R(), s = Q((e) => e.search), c = Q((e) => e.selectedItemId), l = I();
+	return f.useEffect(() => {
+		e.value != null && o.setState("search", e.value);
+	}, [e.value]), f.createElement(r.input, {
+		ref: t,
+		...i,
+		"cmdk-input": "",
+		autoComplete: "off",
+		autoCorrect: "off",
+		spellCheck: !1,
+		"aria-autocomplete": "list",
+		role: "combobox",
+		"aria-expanded": !0,
+		"aria-controls": l.listId,
+		"aria-labelledby": l.labelId,
+		"aria-activedescendant": c,
+		id: l.inputId,
+		type: "text",
+		value: a ? e.value : s,
+		onChange: (e) => {
+			a || o.setState("search", e.target.value), n?.(e.target.value);
+		}
+	});
+}), G = f.forwardRef((e, t) => {
+	let { children: i, label: a = "Suggestions", ...o } = e, s = f.useRef(null), c = f.useRef(null), l = Q((e) => e.selectedItemId), u = I();
+	return f.useEffect(() => {
+		if (c.current && s.current) {
+			let e = c.current, t = s.current, n, r = new ResizeObserver(() => {
+				n = requestAnimationFrame(() => {
+					let n = e.offsetHeight;
+					t.style.setProperty("--cmdk-list-height", n.toFixed(1) + "px");
+				});
+			});
+			return r.observe(e), () => {
+				cancelAnimationFrame(n), r.unobserve(e);
+			};
+		}
+	}, []), f.createElement(r.div, {
+		ref: n(s, t),
+		...o,
+		"cmdk-list": "",
+		role: "listbox",
+		tabIndex: -1,
+		"aria-activedescendant": l,
+		"aria-label": a,
+		id: u.listId
+	}, $(e, (e) => f.createElement("div", {
+		ref: n(c, u.listInnerRef),
+		"cmdk-list-sizer": ""
+	}, e)));
+}), K = f.forwardRef((e, t) => {
+	let { open: n, onOpenChange: r, overlayClassName: i, contentClassName: a, container: o, ...s } = e;
+	return f.createElement(d, {
+		open: n,
+		onOpenChange: r
+	}, f.createElement(c, { container: o }, f.createElement(l, {
+		"cmdk-overlay": "",
+		className: i
+	}), f.createElement(u, {
+		"aria-label": e.label,
+		"cmdk-dialog": "",
+		className: a
+	}, f.createElement(B, {
+		ref: t,
+		...s
+	}))));
+}), q = f.forwardRef((e, t) => Q((e) => e.filtered.count === 0) ? f.createElement(r.div, {
+	ref: t,
+	...e,
+	"cmdk-empty": "",
+	role: "presentation"
+}) : null), re = f.forwardRef((e, t) => {
+	let { progress: n, children: i, label: a = "Loading...", ...o } = e;
+	return f.createElement(r.div, {
+		ref: t,
+		...o,
+		"cmdk-loading": "",
+		role: "progressbar",
+		"aria-valuenow": n,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-label": a
+	}, $(e, (e) => f.createElement("div", { "aria-hidden": !0 }, e)));
+}), J = Object.assign(B, {
+	List: G,
+	Item: V,
+	Input: W,
+	Group: H,
+	Separator: U,
+	Dialog: K,
+	Empty: q,
+	Loading: re
+});
+function ie(e, t) {
+	let n = e.nextElementSibling;
+	for (; n;) {
+		if (n.matches(t)) return n;
+		n = n.nextElementSibling;
+	}
+}
+function ae(e, t) {
+	let n = e.previousElementSibling;
+	for (; n;) {
+		if (n.matches(t)) return n;
+		n = n.previousElementSibling;
+	}
+}
+function Y(e) {
+	let t = f.useRef(e);
+	return X(() => {
+		t.current = e;
+	}), t;
+}
+var X = typeof window > "u" ? f.useEffect : f.useLayoutEffect;
+function Z(e) {
+	let t = f.useRef();
+	return t.current === void 0 && (t.current = e()), t;
+}
+function Q(e) {
+	let t = R(), n = () => e(t.snapshot());
+	return f.useSyncExternalStore(t.subscribe, n, n);
+}
+function oe(e, t, n, r = []) {
+	let i = f.useRef(), a = I();
+	return X(() => {
+		var o;
+		let s = (() => {
+			for (let e of n) {
+				if (typeof e == "string") return e.trim();
+				if (typeof e == "object" && "current" in e) return e.current ? e.current.textContent?.trim() : i.current;
+			}
+		})(), c = r.map((e) => e.trim());
+		a.value(e, s, c), (o = t.current) == null || o.setAttribute(P, s), i.current = s;
+	}), i;
+}
+var se = () => {
+	let [e, t] = f.useState(), n = Z(() => /* @__PURE__ */ new Map());
+	return X(() => {
+		n.current.forEach((e) => e()), n.current = /* @__PURE__ */ new Map();
+	}, [e]), (e, r) => {
+		n.current.set(e, r), t({});
+	};
+};
+function ce(e) {
+	let t = e.type;
+	return typeof t == "function" ? t(e.props) : "render" in t ? t.render(e.props) : e;
+}
+function $({ asChild: e, children: t }, n) {
+	return e && f.isValidElement(t) ? f.cloneElement(ce(t), { ref: t.ref }, n(t.props.children)) : n(t);
+}
+var le = {
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: "0",
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	whiteSpace: "nowrap",
+	borderWidth: "0"
+}, ue = ({ className: e, ...t }) => /* @__PURE__ */ p(J, {
+	"data-slot": "command",
+	className: a("rounded-xl! bg-popover p-1 text-popover-foreground flex size-full flex-col overflow-hidden", e),
+	...t
+}), de = ({ className: e, ...n }) => /* @__PURE__ */ p("div", {
+	"data-slot": "command-input-wrapper",
+	className: "p-1 pb-0",
+	children: /* @__PURE__ */ m(o, {
+		className: "h-8! rounded-lg! border-input/30 bg-input/30 *:data-[slot=input-group-addon]:pl-2! shadow-none!",
+		children: [/* @__PURE__ */ p(J.Input, {
+			"data-slot": "command-input",
+			className: a("text-sm w-full outline-hidden disabled:cursor-not-allowed disabled:opacity-50", e),
+			...n
+		}), /* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(t, { className: "size-4 shrink-0 opacity-50" }) })]
+	})
+}), fe = ({ className: e, ...t }) => /* @__PURE__ */ p(J.List, {
+	"data-slot": "command-list",
+	className: a("no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none", e),
+	...t
+}), pe = ({ className: e, ...t }) => /* @__PURE__ */ p(J.Empty, {
+	"data-slot": "command-empty",
+	className: a("py-6 text-sm text-center", e),
+	...t
+}), me = ({ className: t, children: n, ...r }) => /* @__PURE__ */ m(J.Item, {
+	"data-slot": "command-item",
+	className: a("group/command-item gap-2 rounded-sm px-2 py-1.5 text-sm in-data-[slot=dialog-content]:rounded-lg! data-selected:bg-muted data-selected:text-foreground data-selected:*:[svg]:text-foreground relative flex cursor-default items-center outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", t),
+	...r,
+	children: [n, /* @__PURE__ */ p(e, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })]
+});
+//#endregion
+export { fe as a, me as i, pe as n, J as o, de as r, ue as t };

package/dist/ControlGroup/ControlGroupSelect.d.ts

@@ -1,7 +1,7 @@
-import { ControlGroupProps } from './ControlGroup';
 import { Select } from '../primitives/select';
 import { FormFieldState } from '../utils/formFieldUtils';
 import { ComponentProps } from 'react';
+import { ControlGroupProps } from './ControlGroup';
 export interface SelectOptionType {
     label: string;
     value: string;