themelia-ui 1.0.0

package/dist/features/schema-form.js

@@ -0,0 +1,702 @@
+"use client";
+import "../core.css";
+import "../css/schema-form.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { o as t } from "../typography-vC_wwEBm.js";
+import { p as n } from "../feedback-DHdvxang.js";
+import { c as r } from "../buttons-CabBjPap.js";
+import { l as i } from "../display-DTWjv_bB.js";
+import { o as a } from "../structure-es_UqqmD.js";
+import { t as o } from "../badge-DwsR_WXN.js";
+import { u as s } from "../forms-BjJns3n7.js";
+import { c, l } from "../text-inputs-BMW3hP0R.js";
+import { a as u, n as d, o as f, s as p, t as m } from "../choice-inputs-B4fseaKf.js";
+import { s as h } from "../value-inputs-okQ1S7CX.js";
+import { u as g } from "../forms-numeric-BZUekO3C.js";
+import { PlusIcon as _ } from "lucide-react";
+import { Fragment as v, useCallback as y, useId as b, useMemo as x, useState as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/components/features/schema-form/schema-form-actions.tsx
+function T({ submitLabel: t, resetLabel: n, showReset: i = !1, disabled: o = !1, submitDisabled: s = !1, resetDisabled: c = !1, submitting: l = !1, onReset: u, className: d }) {
+	return /* @__PURE__ */ w(a, {
+		direction: "horizontal",
+		align: "center",
+		justify: "end",
+		gap: "md",
+		className: e("schema-form-actions--component", d),
+		children: [i && /* @__PURE__ */ C(r, {
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "outline",
+			disabled: o || c || l,
+			onClick: u,
+			children: n
+		}), /* @__PURE__ */ C(r, {
+			type: "submit",
+			loading: l,
+			disabled: o || s,
+			children: t
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/schema-form/schema-form.utils.ts
+function E(e, t, n) {
+	if (typeof e.hidden == "function") try {
+		return e.hidden(t);
+	} catch (e) {
+		return n?.(e), !1;
+	}
+	return e.hidden ?? !1;
+}
+function D(e, t, n) {
+	if (typeof e.disabled == "function") try {
+		return e.disabled(t);
+	} catch (e) {
+		return n?.(e), !0;
+	}
+	return e.disabled ?? !1;
+}
+function O(e, t, n) {
+	return e.filter((e) => !E(e, t, n));
+}
+function k(e, t, n, r, i) {
+	let a = O(e.fields, t, i), o = new Map(a.map((e) => [e.key, e])), s = /* @__PURE__ */ new Set(), c = [];
+	for (let t of e.sections ?? []) {
+		let e = t.fields ? t.fields.map((e) => o.get(e)).filter((e) => e !== void 0) : a.filter((e) => e.sectionId === t.id);
+		for (let t of e) s.add(t.key);
+		c.push({
+			id: t.id,
+			title: t.title,
+			description: t.description,
+			icon: t.icon,
+			fields: e,
+			columns: t.columns ?? r,
+			footerSlot: t.footerSlot,
+			className: t.className
+		});
+	}
+	let l = a.filter((e) => !s.has(e.key));
+	return (l.length > 0 || c.length === 0) && c.unshift({
+		id: "default",
+		title: e.sections?.length ? n : void 0,
+		fields: l,
+		columns: r
+	}), c.filter((e) => e.fields.length > 0);
+}
+function A(e) {
+	return e == null ? "" : typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : JSON.stringify(e);
+}
+function j(e) {
+	return Array.isArray(e) ? e.map((e) => String(e)) : [];
+}
+function ee(e) {
+	return e === !0 || e === "true" || e === 1;
+}
+function M(e, t = !1) {
+	let n = e.trim();
+	if (n.length === 0) return null;
+	let r = t ? Number.parseInt(n, 10) : Number.parseFloat(n);
+	return Number.isNaN(r) ? null : r;
+}
+function N(e, t = 2) {
+	if (e == null) return "";
+	if (typeof e == "string") return e;
+	try {
+		return JSON.stringify(e, null, t);
+	} catch {
+		return String(e);
+	}
+}
+function P(e) {
+	let t = e.trim();
+	if (t.length === 0) return {
+		value: null,
+		valid: !0
+	};
+	try {
+		return {
+			value: JSON.parse(t),
+			valid: !0
+		};
+	} catch {
+		return {
+			value: e,
+			valid: !1
+		};
+	}
+}
+function te(e) {
+	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
+}
+var F = {
+	root: "schema-form-module__root___wzfBI",
+	surface: "schema-form-module__surface___63EJL",
+	header: "schema-form-module__header___EH76q",
+	footer: "schema-form-module__footer___C2twB",
+	body: "schema-form-module__body___4qixN",
+	cards: "schema-form-module__cards___CPFra",
+	headerText: "schema-form-module__headerText___Y5rPg",
+	sectionHeading: "schema-form-module__sectionHeading___qJGj-",
+	sectionFooter: "schema-form-module__sectionFooter___CN4S3",
+	grid: "schema-form-module__grid___mAJZC",
+	columns2: "schema-form-module__columns2___I79Ei",
+	columns3: "schema-form-module__columns3___WRiB8",
+	widthHalf: "schema-form-module__widthHalf___tdNZg",
+	widthFull: "schema-form-module__widthFull___0YyyI",
+	widthThird: "schema-form-module__widthThird___ymcHo",
+	mono: "schema-form-module__mono___b1ElB",
+	recommendations: "schema-form-module__recommendations___ulTPd",
+	recommendation: "schema-form-module__recommendation___QlV6C"
+};
+//#endregion
+//#region src/components/features/schema-form/schema-form-field.tsx
+function I(e) {
+	return e.hint ?? e.description;
+}
+function L(e, t, n, r) {
+	if (e.formatValue) try {
+		return e.formatValue(t, n);
+	} catch (e) {
+		r?.(e);
+	}
+	return A(t);
+}
+function R(e, t, n, r) {
+	if (e.parseValue) try {
+		return e.parseValue(t, n);
+	} catch (e) {
+		r?.(e);
+	}
+	return t;
+}
+function z(e, t, n, r, i) {
+	if (e.parseValue) try {
+		return e.parseValue(t, n);
+	} catch (e) {
+		i?.(e);
+	}
+	return M(t, r);
+}
+function B(e, t, n, r) {
+	if (e.type === "json" && e.parseValue) try {
+		return {
+			value: e.parseValue(t, n),
+			valid: !0
+		};
+	} catch (e) {
+		return r?.(e), {
+			value: t,
+			valid: !1
+		};
+	}
+	return P(t);
+}
+function ne({ field: t, value: n, values: r, error: i, disabled: a, fieldId: o, onValueChange: l, onError: u, strings: d }) {
+	let f = t.type === "json" ? t.jsonIndent ?? 2 : 2, [p, m] = S(), [h, g] = S(null), _ = h ?? N(n, f);
+	return t.type === "json" ? /* @__PURE__ */ C(s, {
+		label: t.label,
+		required: t.required,
+		hint: I(t),
+		helperText: t.helperText,
+		error: i ?? p,
+		htmlFor: o,
+		className: "schema-form-field--component",
+		children: /* @__PURE__ */ C(c, {
+			id: o,
+			name: t.key,
+			value: _,
+			rows: t.rows ?? 6,
+			disabled: a,
+			invalid: !!(i ?? p),
+			placeholder: t.placeholder,
+			spellCheck: !1,
+			className: e(F.mono, t.controlClassName),
+			onChange: (e) => {
+				let n = e.target.value;
+				g(n);
+				let i = B(t, n, r, u);
+				m(i.valid ? void 0 : d.jsonParseError), l(i.value);
+			},
+			onBlur: () => {
+				let e = B(t, _, r, u);
+				m(e.valid ? void 0 : d.jsonParseError), l(e.value), g(null);
+			},
+			...t.textareaProps
+		})
+	}) : null;
+}
+function re({ field: t, value: n, values: r, error: i, disabled: a, required: v, fieldId: y, onValueChange: b, onError: x, strings: S, className: T }) {
+	let E = t.type ?? "text", D = /* @__PURE__ */ new Set(["radio-cards", "checkbox-cards"]), O = {
+		label: t.label,
+		required: v,
+		hint: I(t),
+		helperText: t.helperText,
+		error: i,
+		htmlFor: !D.has(E) && y,
+		className: e("schema-form-field--component", T)
+	}, k = t.controlClassName;
+	if (t.type === "custom") return /* @__PURE__ */ C("div", {
+		className: e("schema-form-field--component", T),
+		children: t.render({
+			field: t,
+			value: n,
+			values: r,
+			error: i,
+			disabled: a,
+			required: v,
+			fieldId: y,
+			onValueChange: b,
+			onError: x
+		})
+	});
+	if (t.type === "switch") {
+		let r = ee(n);
+		return t.switchStyle === "card" ? /* @__PURE__ */ C(s, {
+			error: i,
+			className: e("schema-form-field--component", T),
+			children: /* @__PURE__ */ C(d, {
+				label: t.label,
+				description: t.description,
+				hint: t.hint,
+				name: t.key,
+				value: r,
+				disabled: a,
+				invalid: !!i,
+				className: k,
+				onValueChange: b,
+				...t.switchCardProps
+			})
+		}) : /* @__PURE__ */ C(s, {
+			error: i,
+			className: e("schema-form-field--component", T),
+			children: /* @__PURE__ */ C(m, {
+				label: t.label,
+				description: t.description ?? t.hint,
+				name: t.key,
+				value: r,
+				disabled: a,
+				invalid: !!i,
+				className: k,
+				onValueChange: b,
+				...t.switchProps
+			})
+		});
+	}
+	if (t.type === "json") return /* @__PURE__ */ C(ne, {
+		field: t,
+		value: n,
+		values: r,
+		error: i,
+		disabled: a,
+		required: v,
+		fieldId: y,
+		onValueChange: b,
+		onError: x,
+		strings: S
+	});
+	if (t.type === "textarea") return /* @__PURE__ */ C(s, {
+		...O,
+		children: /* @__PURE__ */ C(c, {
+			id: y,
+			name: t.key,
+			value: L(t, n, r, x),
+			rows: t.rows,
+			disabled: a,
+			required: v,
+			invalid: !!i,
+			placeholder: t.placeholder,
+			className: k,
+			onChange: (e) => b(R(t, e.target.value, r, x)),
+			...t.textareaProps
+		})
+	});
+	if (t.type === "number" || t.type === "integer" || t.type === "decimal") {
+		let e = t.type === "integer", o = e ? 0 : t.decimalPlaces ?? (t.type === "decimal" ? 2 : 4);
+		return /* @__PURE__ */ C(s, {
+			...O,
+			children: /* @__PURE__ */ C(g, {
+				id: y,
+				name: t.key,
+				value: L(t, n, r, x),
+				min: t.min,
+				max: t.max,
+				step: t.step,
+				decimalPlaces: o,
+				disabled: a,
+				required: v,
+				invalid: !!i,
+				placeholder: t.placeholder,
+				className: k,
+				onChange: (n) => b(z(t, n.target.value, r, e, x)),
+				...t.numberProps
+			})
+		});
+	}
+	if (t.type === "select") return /* @__PURE__ */ C(s, {
+		...O,
+		children: /* @__PURE__ */ C(p, {
+			name: t.key,
+			value: A(n),
+			options: t.options.map((e) => ({
+				value: e.value,
+				label: e.label,
+				disabled: e.disabled,
+				icon: e.icon
+			})),
+			allowClear: t.allowClear,
+			disabled: a,
+			required: v,
+			invalid: !!i,
+			placeholder: t.placeholder,
+			className: k,
+			onValueChange: (e) => b(e ?? null),
+			...t.selectProps
+		})
+	});
+	if (t.type === "radio-cards") return /* @__PURE__ */ C(s, {
+		...O,
+		children: /* @__PURE__ */ C(f, {
+			name: t.key,
+			value: A(n),
+			options: t.options,
+			columns: t.columns,
+			disabled: a,
+			invalid: !!i,
+			className: k,
+			onValueChange: b,
+			...t.radioProps
+		})
+	});
+	if (t.type === "checkbox-cards") return /* @__PURE__ */ C(s, {
+		...O,
+		children: /* @__PURE__ */ C(u, {
+			name: t.key,
+			value: j(n),
+			options: t.options,
+			columns: t.columns,
+			disabled: a,
+			invalid: !!i,
+			className: k,
+			onValueChange: b,
+			...t.checkboxProps
+		})
+	});
+	if (t.type === "tags") {
+		let e = j(n), r = (t.recommendations ?? []).filter((t) => !e.includes(t)), c = t.maxTags !== void 0 && e.length >= t.maxTags;
+		return /* @__PURE__ */ w(s, {
+			...O,
+			children: [/* @__PURE__ */ C(h, {
+				name: t.key,
+				value: e,
+				maxTags: t.maxTags,
+				disabled: a,
+				invalid: !!i,
+				placeholder: t.placeholder,
+				className: k,
+				onValueChange: b,
+				...t.tagsProps
+			}), r.length > 0 && !c && /* @__PURE__ */ C("div", {
+				className: F.recommendations,
+				children: r.map((t) => /* @__PURE__ */ C("button", {
+					type: "button",
+					disabled: a,
+					className: F.recommendation,
+					onClick: () => b([...e, t]),
+					children: /* @__PURE__ */ w(o, {
+						tone: "neutral",
+						children: [/* @__PURE__ */ C(_, { "aria-hidden": !0 }), t]
+					})
+				}, t))
+			})]
+		});
+	}
+	let M = t;
+	return /* @__PURE__ */ C(s, {
+		...O,
+		children: /* @__PURE__ */ C(l, {
+			id: y,
+			name: t.key,
+			type: E === "text" ? "text" : E,
+			value: L(t, n, r, x),
+			disabled: a,
+			required: v,
+			invalid: !!i,
+			placeholder: t.placeholder,
+			className: k,
+			onChange: (e) => b(R(t, e.target.value, r, x)),
+			...M.inputProps
+		})
+	});
+}
+//#endregion
+//#region src/components/features/schema-form/schema-form.strings.ts
+var V = {
+	submitLabel: "Save changes",
+	resetLabel: "Reset",
+	defaultSectionTitle: "General",
+	emptyTitle: "No fields configured",
+	emptyDescription: "Add fields to the schema to render a form.",
+	jsonParseError: "Enter valid JSON.",
+	validationError: "Invalid value.",
+	requiredError: (e) => `${e} is required.`
+};
+//#endregion
+//#region src/components/features/schema-form/use-schema-form.ts
+function H(e, t) {
+	let n = { ...t ?? {} };
+	for (let t of e) t.defaultValue !== void 0 && n[t.key] === void 0 && (n[t.key] = t.defaultValue);
+	return n;
+}
+function U(e) {
+	return e == null ? !0 : typeof e == "string" ? e.trim().length === 0 : Array.isArray(e) ? e.length === 0 : !1;
+}
+function W(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e ?? {})) r && (t[n] = r);
+	return t;
+}
+function G({ fields: e, value: t, defaultValue: n, errors: r, onValueChange: i, onFieldChange: a, requiredError: o, validationError: s, onError: c }) {
+	let l = t !== void 0, u = x(() => H(e, n), [n, e]), [d, f] = S(() => u), [p, m] = S({}), h = x(() => l ? {
+		...u,
+		...t ?? {}
+	} : d, [
+		u,
+		d,
+		l,
+		t
+	]), g = x(() => ({
+		...p,
+		...W(r)
+	}), [r, p]), _ = y((e) => {
+		l || f(e), i?.(e);
+	}, [l, i]), v = y((e, t) => {
+		let n = {
+			...h,
+			[e]: t
+		};
+		l || f(n), m((t) => {
+			if (!t[e]) return t;
+			let { [e]: n, ...r } = t;
+			return r;
+		}), a?.(e, t, n), i?.(n);
+	}, [
+		l,
+		a,
+		i,
+		h
+	]), b = y(() => {
+		let t = H(e, n);
+		return l || f(t), m({}), i?.(t), t;
+	}, [
+		n,
+		e,
+		l,
+		i
+	]), C = y(() => {
+		let t = {};
+		for (let n of e) {
+			if (E(n, h, c)) continue;
+			let e = h[n.key];
+			if (n.required && U(e)) {
+				t[n.key] = o(n.label);
+				continue;
+			}
+			let r = Array.isArray(n.validate) ? n.validate : n.validate ? [n.validate] : [];
+			for (let i of r) try {
+				let r = i(e, h, n);
+				if (typeof r == "string" && r.length > 0) {
+					t[n.key] = r;
+					break;
+				}
+			} catch (e) {
+				c?.(e), t[n.key] = s;
+				break;
+			}
+		}
+		return m(t), Object.keys(t).length === 0;
+	}, [
+		e,
+		c,
+		o,
+		s,
+		h
+	]);
+	return {
+		values: h,
+		errors: g,
+		getFieldError: y((e) => g[e], [g]),
+		getFieldValue: y((e) => h[e], [h]),
+		setFieldValue: v,
+		setValues: _,
+		reset: b,
+		validate: C
+	};
+}
+//#endregion
+//#region src/components/features/schema-form/schema-form.tsx
+var ie = {
+	1: void 0,
+	2: F.columns2,
+	3: F.columns3
+}, ae = {
+	auto: void 0,
+	half: F.widthHalf,
+	third: F.widthThird,
+	full: F.widthFull
+};
+function oe({ section: e }) {
+	return !e.title && !e.description ? null : /* @__PURE__ */ w(a, {
+		gap: "xs",
+		className: F.sectionHeading,
+		children: [!!e.title && /* @__PURE__ */ C(t, {
+			weight: "semibold",
+			children: e.title
+		}), !!e.description && /* @__PURE__ */ C(t, {
+			type: "secondary",
+			children: e.description
+		})]
+	});
+}
+function K({ schema: r, value: o, defaultValue: s, errors: c, disabled: l = !1, layout: u = "form", columns: d = 2, id: f, name: p, title: m, description: h, headerSlot: g, footerSlot: _, actionsSlot: y, emptySlot: S, showActions: E, submitLabel: O, resetLabel: A, submitDisabled: j = !1, resetDisabled: ee = !1, submitting: M = !1, onValueChange: N, onFieldChange: P, onSubmit: I, onReset: L, onError: R, renderField: z, renderSection: B, strings: ne, className: H, contentClassName: U, sectionClassName: W, fieldClassName: K }) {
+	let q = {
+		...V,
+		...ne
+	}, se = b(), J = f ?? `schema-form-${se}`, Y = G({
+		fields: r.fields,
+		value: o,
+		defaultValue: s,
+		errors: c,
+		onValueChange: N,
+		onFieldChange: P,
+		requiredError: q.requiredError,
+		validationError: q.validationError,
+		onError: R
+	}), X = x(() => k(r, Y.values, q.defaultSectionTitle, d, R), [
+		d,
+		q.defaultSectionTitle,
+		Y.values,
+		R,
+		r
+	]), ce = X.length > 0, le = {
+		setFieldValue: Y.setFieldValue,
+		setValues: Y.setValues,
+		reset: Y.reset,
+		validate: Y.validate
+	}, Z = m ?? r.title, Q = h ?? r.description, ue = E ?? !!(I || L || y), de = (t) => {
+		let n = `${J}-${te(t.key)}`, r = {
+			field: t,
+			value: Y.getFieldValue(t.key),
+			values: Y.values,
+			error: Y.getFieldError(t.key),
+			disabled: l || D(t, Y.values, R),
+			required: !!t.required,
+			fieldId: n,
+			onValueChange: (e) => Y.setFieldValue(t.key, e),
+			onError: R
+		}, i = /* @__PURE__ */ C(re, {
+			...r,
+			strings: q
+		});
+		return /* @__PURE__ */ C("div", {
+			className: e(ae[t.width ?? "auto"], t.className, K),
+			children: z?.({
+				...r,
+				defaultField: i
+			}) ?? i
+		}, t.key);
+	}, fe = (t) => /* @__PURE__ */ C("div", {
+		className: e(F.grid, ie[t.columns]),
+		children: t.fields.map(de)
+	}), pe = (t) => {
+		let n = fe(t), r = B?.({
+			section: t,
+			fields: n,
+			values: Y.values
+		});
+		return r == null ? u === "cards" ? /* @__PURE__ */ w(i, {
+			surface: "bordered",
+			icon: t.icon,
+			title: t.title,
+			description: t.description,
+			className: e(t.className, W),
+			children: [n, !!t.footerSlot && /* @__PURE__ */ C("div", {
+				className: F.sectionFooter,
+				children: t.footerSlot
+			})]
+		}, t.id) : /* @__PURE__ */ w("section", {
+			className: e(t.className, W),
+			children: [
+				/* @__PURE__ */ C(oe, { section: t }),
+				n,
+				!!t.footerSlot && /* @__PURE__ */ C("div", {
+					className: F.sectionFooter,
+					children: t.footerSlot
+				})
+			]
+		}, t.id) : /* @__PURE__ */ C(v, { children: r }, t.id);
+	}, $ = y ?? (ue ? /* @__PURE__ */ C(T, {
+		submitLabel: O ?? q.submitLabel,
+		resetLabel: A ?? q.resetLabel,
+		showReset: !!L,
+		disabled: l,
+		submitDisabled: j,
+		resetDisabled: ee,
+		submitting: M,
+		onReset: () => L?.(Y.reset(), le)
+	}) : null), me = S ?? /* @__PURE__ */ C(n, {
+		title: q.emptyTitle,
+		description: q.emptyDescription,
+		padding: "md",
+		border: !0
+	}), he = !!(Z || Q || g) && /* @__PURE__ */ w("div", {
+		className: F.header,
+		children: [/* @__PURE__ */ w(a, {
+			gap: "xs",
+			className: F.headerText,
+			children: [!!Z && /* @__PURE__ */ C(t, {
+				weight: "semibold",
+				children: Z
+			}), !!Q && /* @__PURE__ */ C(t, {
+				type: "secondary",
+				children: Q
+			})]
+		}), g]
+	}), ge = !!(_ || $) && /* @__PURE__ */ w("div", {
+		className: F.footer,
+		children: [_, $]
+	}), _e = /* @__PURE__ */ C("div", {
+		className: e(F.body, U),
+		children: ce ? X.map(pe) : me
+	});
+	return /* @__PURE__ */ C("form", {
+		id: J,
+		name: p,
+		noValidate: !0,
+		className: e("schema-form--component", F.root, H),
+		onSubmit: async (e) => {
+			if (e.preventDefault(), !(l || j || M) && Y.validate()) try {
+				await I?.(Y.values, le, e);
+			} catch (e) {
+				R?.(e);
+			}
+		},
+		children: u === "cards" ? /* @__PURE__ */ w("div", {
+			className: F.cards,
+			children: [
+				he,
+				_e,
+				ge
+			]
+		}) : /* @__PURE__ */ w("div", {
+			className: F.surface,
+			children: [
+				he,
+				_e,
+				ge
+			]
+		})
+	});
+}
+//#endregion
+export { K as SchemaForm, T as SchemaFormActions, re as SchemaFormFieldRenderer, V as defaultSchemaFormStrings, O as getVisibleFields, D as isFieldDisabled, E as isFieldHidden, k as resolveSchemaSections, G as useSchemaForm };

package/dist/features/suggestions.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../feedback-lBKIc2cQ.cjs"),t=require("../use-debounced-callback-BiZB-QB2.cjs"),n=require("../combobox-yxVK4MN-.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("clsx");function o(e){return!!(e&&e.name===`AbortError`)}function s(e,t){return new Promise((n,r)=>{if(t.aborted){r(new DOMException(`Aborted`,`AbortError`));return}let i=setTimeout(n,e);t.addEventListener(`abort`,()=>{clearTimeout(i),r(new DOMException(`Aborted`,`AbortError`))})})}var c=[];function l(e){let{fetchData:n,minQueryLength:i=1,debounceMs:a=300,requestDelay:l=0,preload:u=!1,query:d,defaultQuery:f=``,onQueryChange:p,value:m,defaultValue:h=null,onValueChange:g,open:_,defaultOpen:v=!1,onOpenChange:y,onError:b}=e,[x,S]=(0,r.useState)([]),[C,w]=(0,r.useState)(f),[T,E]=(0,r.useState)(h),[D,O]=(0,r.useState)(v),[k,A]=(0,r.useState)(!1),[j,M]=(0,r.useState)(null),[N,P]=(0,r.useState)(0),F=(0,r.useRef)(n),I=(0,r.useRef)(b);(0,r.useEffect)(()=>{F.current=n,I.current=b});let L=d??C,R=m===void 0?T:m,z=_??D,B=(0,r.useCallback)(e=>{d===void 0&&w(e),p?.(e)},[d,p]),V=(0,r.useCallback)(e=>{m===void 0&&E(e),g?.(e)},[m,g]),H=(0,r.useCallback)(e=>{_===void 0&&O(e),y?.(e)},[_,y]),U=(0,r.useCallback)(()=>P(e=>e+1),[]),W=L.length>=i||u&&L.length===0,G=W?x:c,K=W&&k,q=W?j:null,J=t.t((e,t,n)=>{(async()=>{A(!0),M(null);try{if(t>0&&await s(t,n),n.aborted)return;let r=await F.current(e,{signal:n});n.aborted||S(Array.isArray(r)?r:[])}catch(t){if(n.aborted||o(t))return;S(e=>e.length===0?e:[]),M(t),I.current?.(t,e)}finally{n.aborted||A(!1)}})()},a);return(0,r.useEffect)(()=>{if(!W)return;let e=new AbortController;return J(L,l,e.signal),()=>{J.cancel(),e.abort()}},[L,l,N,J,W]),{items:G,isLoading:K,error:q,isError:q!==null,retry:U,query:L,setQuery:B,value:R,setValue:V,open:z,setOpen:H}}var u={placeholder:`Search…`,emptyMessage:`No results found.`,loadingMessage:`Searching…`,startTypingMessage:`Type to search.`,errorMessage:`Could not load suggestions.`,retry:`Retry`},d={error:`suggestions-module__error___ujn33`};function f({id:t,fetchData:r,itemKey:o,itemText:s,renderItem:c,renderError:f,minQueryLength:p=1,debounceMs:m,requestDelay:h,preload:g=!1,query:_,defaultQuery:v,onQueryChange:y,value:b,defaultValue:x,onValueChange:S,open:C,defaultOpen:w,onOpenChange:T,onError:E,allowClear:D=!0,clearInputOnClose:O=!1,disabled:k=!1,className:A,strings:j}){let M={...u,...j},N=l({fetchData:r,minQueryLength:p,debounceMs:m,requestDelay:h,preload:g,query:_,defaultQuery:v,onQueryChange:y,value:b,defaultValue:x,onValueChange:S,open:C,defaultOpen:w,onOpenChange:T,onError:E}),P=N.isError&&N.error!==null?f?.({error:N.error,query:N.query,retry:N.retry})??(0,i.jsx)(e.t,{title:M.errorMessage,onRetry:N.retry,strings:{retry:M.retry},className:d.error}):null;return(0,i.jsxs)(`div`,{"data-slot":`suggestions`,className:(0,a.clsx)(`suggestions-combobox--component`,A),children:[(0,i.jsx)(n.n,{id:t,items:N.items,searchValue:N.query,onSearchValueChange:N.setQuery,selectedValue:N.value,onSelectedValueChange:N.setValue,getItemLabel:s,getItemKey:e=>String(o(e)),renderItem:c,minSearchLength:p,loading:N.isLoading,showListContent:!N.isError,strings:{placeholder:M.placeholder,noResults:M.emptyMessage,searching:M.loadingMessage,formatTypeToSearch:()=>M.startTypingMessage,formatTypeMore:()=>M.startTypingMessage},clearable:D,open:N.open,onOpenChange:e=>{N.setOpen(e),!e&&O&&N.setQuery(``)},clearSearchOnClose:!1,disabled:k}),P]})}exports.SuggestionsCombobox=f,exports.defaultSuggestionsStrings=u,exports.useSuggestions=l;