themelia-react-ui 2.0.0 → 2.0.1

package/dist/mentions-DwnO1hh4.js

@@ -1,564 +0,0 @@
-"use client";
-import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-Cospvlj1.js";
-import { a as n, s as r, t as i } from "./typography-CAr3dQhX.js";
-import { t as a } from "./button-BS3KDg00.js";
-import { t as o } from "./structure-hzCW-XsV.js";
-import { t as s } from "./sanitize-html-BG9FGe-j.js";
-import { t as c } from "./content-typography-CnwgMJ37.js";
-import { t as l } from "./badge-0tATj-tW.js";
-import { a as u, i as d, n as f, o as p, r as m, t as h } from "./command-kPMPjIxJ.js";
-import { i as g, t as _ } from "./popover-Dcv_9jxr.js";
-import { t as v } from "./use-debounced-callback-Cx1h-hdv.js";
-import { Fragment as y, useCallback as b, useEffect as x, useMemo as S, useRef as C, useState as w } from "react";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { Loader2 as O } from "lucide-react";
-//#region src/components/features/mentions/hooks/use-mentions-search.ts
-function k(e) {
-	return !!(e && e.name === "AbortError");
-}
-function A(e = {}) {
-	let { resources: t, onResourceSearch: n, initialMentions: r, debounceMs: i = 300, onError: a } = e, o = JSON.stringify(Object.keys(t ?? {})), s = S(() => JSON.parse(o), [o]), [c, l] = w(() => s[0] ?? null), [u, d] = w(!1), [f, p] = w(""), [m, h] = w({}), [g, _] = w(!1), [y, T] = w(null), [E, D] = w({}), [O, A] = w(0), [j, M] = w(() => r ? [...r] : []), N = C(0), P = C(null), F = C(t), I = C(n), L = C(a);
-	F.current = t, I.current = n, L.current = a, x(() => {
-		if (s.length === 0) {
-			l(null);
-			return;
-		}
-		(!c || !s.includes(c)) && l(s[0]);
-	}, [c, s]);
-	let R = S(() => c && t ? t[c] ?? null : null, [c, t]), z = b(async (e, t, n) => {
-		let r = F.current?.[e];
-		if (r?.search) return (await r.search(t, {
-			kind: e,
-			signal: n
-		})).map((t) => ({
-			...t,
-			kind: e
-		}));
-		if (r?.suggestions) {
-			let n = r.suggestions;
-			return (t.trim().length === 0 ? n : n.filter((e) => e.label.toLowerCase().includes(t.toLowerCase()))).map((t) => ({
-				...t,
-				kind: e
-			}));
-		}
-		return I.current ? (await I.current(t, e, {
-			kind: e,
-			signal: n
-		})).map((t) => ({
-			...t,
-			kind: e
-		})) : [];
-	}, []), B = v((e, t, n, r) => {
-		(async () => {
-			_(!0);
-			try {
-				let i = await Promise.all(e.map(async (e) => {
-					try {
-						return {
-							kind: e,
-							list: await z(e, t, r),
-							error: null
-						};
-					} catch (t) {
-						return {
-							kind: e,
-							list: [],
-							error: t
-						};
-					}
-				}));
-				if (n !== N.current || r.aborted) return;
-				let a = {}, o = {}, s = null;
-				for (let e of i) a[e.kind] = e.list, e.error !== null && !k(e.error) && (o[e.kind] = e.error, s ??= e.error, L.current?.(e.error, {
-					query: t,
-					kind: e.kind
-				}));
-				h(a), D(o), T(s);
-			} finally {
-				n === N.current && !r.aborted && _(!1);
-			}
-		})();
-	}, i);
-	x(() => {
-		let e = new AbortController();
-		P.current = e;
-		let t = () => {
-			e.abort(), P.current === e && (P.current = null);
-		};
-		if (s.length === 0) return h({}), _(!1), T(null), D({}), t;
-		let n = ++N.current;
-		return T(null), D({}), B(s, f, n, e.signal), () => {
-			B.cancel(), t();
-		};
-	}, [
-		s,
-		f,
-		O,
-		B
-	]);
-	let V = b(() => {
-		A((e) => e + 1);
-	}, []);
-	x(() => {
-		if (u || !c || (m[c] ?? []).length > 0) return;
-		let e = s.find((e) => (m[e]?.length ?? 0) > 0);
-		e && e !== c && l(e);
-	}, [
-		c,
-		s,
-		u,
-		m
-	]);
-	let H = b((e) => {
-		l(e);
-	}, []), U = b((e) => {
-		p(e);
-	}, []), W = b((e) => {
-		M((t) => t.some((t) => t.id === e.id) ? t : [...t, e]);
-	}, []), G = b((e) => {
-		M((t) => t.filter((t) => t.id !== e));
-	}, []), K = b((e) => {
-		M([...e]);
-	}, []), q = b(() => {
-		P.current?.abort(), M([]), p(""), d(!1), h({}), _(!1), T(null), D({}), N.current++;
-	}, []), J = b((e) => {
-		let n = e.kind ?? c, r = `${n}:${e.id}`, i = t?.[n], a = e.href ?? i?.buildHref?.(e), o = {
-			id: r,
-			kind: n,
-			label: e.label,
-			href: a,
-			data: e.data
-		};
-		return W(o), o;
-	}, [
-		c,
-		W,
-		t
-	]);
-	return {
-		kinds: s,
-		activeKind: c,
-		setActiveKind: H,
-		activeResource: R,
-		query: f,
-		setQuery: U,
-		suggestions: S(() => c ? m[c] ?? [] : [], [c, m]),
-		suggestionsByKind: m,
-		isLoading: g,
-		error: y,
-		isError: y !== null,
-		errorsByKind: E,
-		retry: V,
-		mentions: j,
-		addMention: W,
-		removeMention: G,
-		setMentions: K,
-		reset: q,
-		selectSuggestion: J,
-		manualKindOverride: u,
-		setManualKindOverride: d
-	};
-}
-//#endregion
-//#region src/components/features/mentions/utils/build-mention-html.ts
-function j(e, t) {
-	let n = String(e.label ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), r = String(e.id).replace(/"/g, "&quot;"), i = String(e.kind).replace(/"/g, "&quot;"), a = t?.tone ? String(t.tone).replace(/"/g, "&quot;") : "", o = t?.triggerChar ?? (e.kind === "user" ? "@" : "");
-	return `<span class="rsc-mention" data-ref-id="${r}" data-ref-kind="${i}"${a ? ` data-ref-tone="${a}"` : ""} contenteditable="false">${o}${n}</span>&nbsp;`;
-}
-//#endregion
-//#region src/components/features/mentions/hooks/use-mentions.ts
-function M(e = {}) {
-	let t = e.resources, n = e.onResourceSearch, r = A({
-		...e,
-		resources: t,
-		onResourceSearch: n
-	}), [i, a] = w(!1), [o, s] = w(!1), c = C(null), l = C(null), u = b((e) => {
-		a(e), e || (c.current = null, l.current = null, s(!1), r.setManualKindOverride(!1));
-	}, [r]), d = e.editorRef, f = b(() => {
-		if (!t) return;
-		let e = {};
-		for (let [n, r] of Object.entries(t)) {
-			let t = r?.trigger;
-			typeof t == "string" && t.length > 0 && (e[t] = n);
-		}
-		if (Object.keys(e).length === 0) return;
-		let n = d?.current?.getCaretContext();
-		if (!n) {
-			c.current && (c.current = null, u(!1));
-			return;
-		}
-		let i = Object.keys(e).map((e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join(""), o = RegExp(`(?:^|\\s)([${i}])([\\p{L}\\p{N}_-]*)$`, "u"), f = n.textBefore.match(o);
-		if (!f) {
-			c.current && (c.current = null, u(!1));
-			return;
-		}
-		let p = f[1], m = f[2] ?? "", h = e[p], g = p.length + m.length;
-		c.current = {
-			kind: h,
-			triggerChar: p,
-			consumedLength: g
-		}, s(!0), l.current !== p && (r.activeKind !== h && r.setActiveKind(h), r.setManualKindOverride(!1), l.current = p), r.query !== m && r.setQuery(m), a(!0);
-	}, [
-		d,
-		t,
-		r,
-		u
-	]), p = b((e) => {
-		let n = r.selectSuggestion(e), i = c.current, a = t?.[n.kind]?.tone, o = j(n, {
-			triggerChar: i?.triggerChar,
-			tone: a
-		});
-		return i && i.consumedLength > 0 && d?.current ? (d.current.replaceBeforeCaret(i.consumedLength, o), c.current = null) : d?.current && d.current.insertHTML(o), u(!1), n;
-	}, [
-		d,
-		t,
-		r,
-		u
-	]);
-	return {
-		...r,
-		pickerOpen: i,
-		setPickerOpen: u,
-		triggerActive: o,
-		handleCaretChange: f,
-		pickSuggestion: p
-	};
-}
-//#endregion
-//#region src/components/features/mentions/partials/mention-chip.tsx
-var N = {
-	primary: "secondary",
-	success: "success",
-	warning: "warning",
-	destructive: "destructive",
-	info: "info",
-	secondary: "secondary"
-}, P = ({ mention: e, resource: n, asLink: a = !0, onClick: o, trailing: s, className: c }) => {
-	if (n?.renderChip) return /* @__PURE__ */ E(T, { children: n.renderChip(e) });
-	let u = N[n?.tone ?? "secondary"] ?? N.secondary, d = n?.icon, f = /* @__PURE__ */ D(l, {
-		tone: u,
-		size: "sm",
-		inline: !0,
-		"data-ref-id": e.id,
-		"data-ref-kind": e.kind,
-		className: t("mention-chip--component", "align-[-0.15em] cursor-default whitespace-nowrap", c),
-		children: [
-			d ? /* @__PURE__ */ E(d, {
-				className: "size-icon-sm shrink-0",
-				"aria-hidden": !0
-			}) : null,
-			/* @__PURE__ */ E(r, {
-				tag: "span",
-				size: "inherit",
-				weight: "medium",
-				lineHeight: "none",
-				className: "max-w-[14rem] truncate text-inherit",
-				children: e.label
-			}),
-			s
-		]
-	});
-	return a && e.href ? /* @__PURE__ */ E(i, {
-		href: e.href,
-		size: "inherit",
-		underline: !1,
-		target: "_blank",
-		rel: "noreferrer noopener",
-		onClick: o,
-		className: "inline align-baseline no-underline hover:opacity-90",
-		children: f
-	}) : o ? /* @__PURE__ */ E("span", {
-		onClick: o,
-		className: "inline align-baseline",
-		children: f
-	}) : f;
-}, F = /<(span|a)\b([^>]*?)data-ref-id\s*=\s*"([^"]+)"([^>]*)>([\s\S]*?)<\/\1>/gi;
-function I(e) {
-	if (!e) return [];
-	let t = [], n = 0, r;
-	for (F.lastIndex = 0; (r = F.exec(e)) !== null;) {
-		let [i, , , a] = r, o = e.slice(n, r.index);
-		o.length > 0 && t.push({
-			kind: "html",
-			value: o
-		}), t.push({
-			kind: "mention",
-			refId: a,
-			fallback: i
-		}), n = r.index + i.length;
-	}
-	let i = e.slice(n);
-	return i.length > 0 && t.push({
-		kind: "html",
-		value: i
-	}), t;
-}
-//#endregion
-//#region src/components/features/mentions/partials/mention-content.tsx
-var L = c;
-function R(e) {
-	let { html: n, mentions: i, resources: a, renderMention: o, sanitizer: c, className: l, prose: u = !0 } = e, d = a, f = c ? c(n ?? "") : s(n ?? ""), p = /* @__PURE__ */ new Map();
-	for (let e of i ?? []) p.set(e.id, e);
-	let m = p.size > 0 ? I(f) : [{
-		kind: "html",
-		value: f
-	}], h = (e) => {
-		if (o) return o(e);
-		let t = d?.[e.kind];
-		return /* @__PURE__ */ E(P, {
-			mention: e,
-			resource: t
-		});
-	}, g = m.map((e, t) => {
-		if (e.kind === "mention") {
-			let n = p.get(e.refId);
-			return n ? /* @__PURE__ */ E(y, { children: h(n) }, `ref-${t}-${e.refId}`) : /* @__PURE__ */ E("span", { dangerouslySetInnerHTML: { __html: e.fallback } }, `fallback-${t}`);
-		}
-		return /* @__PURE__ */ E("span", { dangerouslySetInnerHTML: { __html: e.value } }, `html-${t}`);
-	});
-	return u ? /* @__PURE__ */ E(r, {
-		tag: "div",
-		className: t("mention-content--component", L, l),
-		children: g
-	}) : /* @__PURE__ */ E(T, { children: g });
-}
-//#endregion
-//#region src/components/features/mentions/mentions.strings.ts
-var z = {
-	title: "Insert reference",
-	searchPlaceholder: "Search…",
-	empty: "No matches.",
-	loading: "Searching…"
-}, B = {
-	title: "Insert reference",
-	empty: "No matches.",
-	loading: "Searching…"
-};
-//#endregion
-//#region src/components/features/mentions/partials/mention-picker.tsx
-function V({ open: i, activeKind: s, setActiveKind: c, kinds: l, resources: v, query: y, setQuery: b, suggestions: x, loading: S, onSelect: C, strings: w, className: T }) {
-	let k = e(z, w);
-	return i ? /* @__PURE__ */ D(_, {
-		align: "start",
-		inset: "flush",
-		type: "menu",
-		className: t("mention-picker--component", "w-72 gap-0 overflow-hidden", T),
-		children: [/* @__PURE__ */ D(g, { children: [/* @__PURE__ */ E(n, { children: k.title }), l.length > 1 && /* @__PURE__ */ E("div", {
-			className: "mt-space-md flex flex-wrap gap-space-xs",
-			children: l.map((e) => {
-				let t = v?.[e], n = t?.icon, i = e === s;
-				return /* @__PURE__ */ D(a, {
-					type: "button",
-					"aria-pressed": i,
-					tone: i ? "primary" : "secondary",
-					buttonStyle: i ? "solid" : "ghost",
-					size: "sm",
-					onClick: () => c(e),
-					children: [n ? /* @__PURE__ */ E(n, { className: "size-icon" }) : null, /* @__PURE__ */ E(r, {
-						tag: "span",
-						weight: "medium",
-						className: "text-inherit",
-						children: t?.label ?? String(e)
-					})]
-				}, e);
-			})
-		})] }), /* @__PURE__ */ D(h, {
-			shouldFilter: !1,
-			inset: "flush",
-			className: "rounded-none",
-			children: [/* @__PURE__ */ E(d, {
-				placeholder: k.searchPlaceholder,
-				value: y,
-				onValueChange: b
-			}), /* @__PURE__ */ D(p, { children: [
-				S ? /* @__PURE__ */ D(o, {
-					direction: "horizontal",
-					align: "center",
-					justify: "center",
-					gap: "md",
-					className: "text-muted-foreground py-space-lg",
-					children: [/* @__PURE__ */ E(O, {
-						className: "size-icon-md animate-spin",
-						"aria-hidden": !0
-					}), /* @__PURE__ */ E(r, {
-						tag: "span",
-						size: "xs",
-						type: "secondary",
-						children: k.loading
-					})]
-				}) : null,
-				/* @__PURE__ */ E(f, { children: k.empty }),
-				/* @__PURE__ */ E(m, { children: x.map((e) => {
-					let t = e.kind ?? s ?? "";
-					return /* @__PURE__ */ E(u, {
-						value: `${t}:${e.id}`,
-						onSelect: () => C(e),
-						children: /* @__PURE__ */ D(o, {
-							gap: "dense",
-							className: "flex min-w-0 flex-1 flex-col leading-tight",
-							children: [/* @__PURE__ */ E(r, {
-								tag: "span",
-								weight: "medium",
-								className: "truncate",
-								children: e.label
-							}), e.description ? /* @__PURE__ */ E(r, {
-								tag: "span",
-								size: "xs",
-								type: "secondary",
-								className: "truncate",
-								children: e.description
-							}) : null]
-						})
-					}, `${t}:${e.id}`);
-				}) })
-			] })]
-		})]
-	}) : null;
-}
-//#endregion
-//#region src/components/features/mentions/partials/mention-inline-suggestions.tsx
-function H({ open: i, activeKind: s, setActiveKind: c, kinds: l, resources: u, suggestionsByKind: d, suggestions: f, loading: p, query: m, onManualKindChange: h, onSelect: g, strings: _, className: v }) {
-	let y = e(B, _);
-	return i ? /* @__PURE__ */ D("div", {
-		onMouseDown: (e) => e.preventDefault(),
-		className: t("mention-inline-suggestions--component", "bg-popover text-popover-foreground absolute left-0 top-full z-40 mt-1 w-80 max-w-[min(theme(spacing.96),100%)]", "border-border/60 rounded-radius border shadow-md ring-1 ring-foreground/[0.04]", "overflow-hidden", v),
-		children: [/* @__PURE__ */ D("div", {
-			className: "border-b border-border/60 p-surface",
-			children: [/* @__PURE__ */ D(o, {
-				direction: "horizontal",
-				align: "baseline",
-				justify: "between",
-				gap: "md",
-				className: "",
-				children: [/* @__PURE__ */ E(n, { children: y.title }), m ? /* @__PURE__ */ D(r, {
-					tag: "span",
-					size: "xs",
-					type: "secondary",
-					className: "truncate font-mono",
-					children: [
-						"“",
-						m,
-						"”"
-					]
-				}) : null]
-			}), l.length > 1 && /* @__PURE__ */ E("div", {
-				className: "mt-space-md flex flex-wrap gap-space-xs",
-				children: l.map((e) => {
-					let n = u?.[e], i = n?.icon, o = e === s, l = d?.[e]?.length ?? 0;
-					return /* @__PURE__ */ D(a, {
-						type: "button",
-						"aria-pressed": o,
-						tone: o ? "primary" : "secondary",
-						buttonStyle: o ? "solid" : "ghost",
-						size: "sm",
-						onClick: () => {
-							c(e), h?.();
-						},
-						className: t("gap-space-xs ring-1 ring-inset transition-colors", o ? "bg-primary text-primary-foreground ring-primary" : l > 0 ? "bg-muted text-foreground ring-border/60 hover:bg-muted/80" : "bg-muted/40 text-muted-foreground ring-border/40 hover:bg-muted/60"),
-						children: [
-							i ? /* @__PURE__ */ E(i, { className: "size-icon-sm" }) : null,
-							/* @__PURE__ */ E(r, {
-								tag: "span",
-								weight: "medium",
-								className: "text-inherit",
-								children: n?.label ?? String(e)
-							}),
-							l > 0 && /* @__PURE__ */ E(r, {
-								tag: "span",
-								size: "xs",
-								weight: "medium",
-								className: t("text-inherit tabular-nums", o ? "opacity-90" : "opacity-70"),
-								children: l
-							})
-						]
-					}, e);
-				})
-			})]
-		}), /* @__PURE__ */ D("div", {
-			className: "mention-inline-suggestions--list max-h-72 overflow-y-auto p-surface-xs",
-			...f.length > 0 ? {
-				role: "listbox",
-				"aria-label": y.title
-			} : {},
-			children: [
-				p ? /* @__PURE__ */ D(o, {
-					direction: "horizontal",
-					align: "center",
-					justify: "center",
-					gap: "md",
-					className: "text-muted-foreground py-space-lg",
-					children: [/* @__PURE__ */ E(O, {
-						className: "size-icon-md animate-spin",
-						"aria-hidden": !0
-					}), /* @__PURE__ */ E(r, {
-						tag: "span",
-						size: "xs",
-						type: "secondary",
-						children: y.loading
-					})]
-				}) : null,
-				!p && f.length === 0 ? /* @__PURE__ */ E("div", {
-					className: "py-space-lg",
-					children: /* @__PURE__ */ E(r, {
-						type: "secondary",
-						children: y.empty
-					})
-				}) : null,
-				f.map((e) => {
-					let n = e.kind ?? s ?? "";
-					return /* @__PURE__ */ E(a, {
-						type: "button",
-						tone: "secondary",
-						buttonStyle: "ghost",
-						size: "md",
-						role: "option",
-						"data-ref-id": `${n}:${e.id}`,
-						onClick: () => g(e),
-						className: t("h-auto min-h-0 w-full min-w-0 justify-start gap-space-md px-control-sm py-row-y text-left", "hover:bg-muted/60 focus-visible:bg-muted/60 transition-colors"),
-						children: /* @__PURE__ */ D(o, {
-							gap: "dense",
-							className: "flex min-w-0 flex-1 flex-col leading-tight",
-							children: [/* @__PURE__ */ E(r, {
-								tag: "span",
-								weight: "medium",
-								className: "truncate",
-								children: e.label
-							}), e.description ? /* @__PURE__ */ E(r, {
-								tag: "span",
-								size: "xs",
-								type: "secondary",
-								className: "truncate",
-								children: e.description
-							}) : null]
-						})
-					}, `${n}:${e.id}`);
-				})
-			]
-		})]
-	}) : null;
-}
-//#endregion
-//#region src/components/features/mentions/utils/parse-mentions-from-html.ts
-var U = /<(?:span|a)\b[^>]*?data-ref-id\s*=\s*"([^"]+)"[^>]*?>([\s\S]*?)<\/(?:span|a)>/gi, W = /data-ref-kind\s*=\s*"([^"]+)"/i;
-function G(e) {
-	let t = [];
-	if (!e) return t;
-	let n = /* @__PURE__ */ new Set(), r;
-	for (U.lastIndex = 0; (r = U.exec(e)) !== null;) {
-		let [e, i, a] = r;
-		if (n.has(i)) continue;
-		n.add(i);
-		let o = e.match(W)?.[1] ?? i.split(":")[0] ?? "", s = (a ?? "").replace(/<[^>]*>/g, "").replace(/&nbsp;/g, " ").replace(/^[@#$&%!~]\s*/, "").trim();
-		t.push({
-			id: i,
-			kind: o,
-			label: s
-		});
-	}
-	return t;
-}
-//#endregion
-export { z as a, P as c, A as d, B as i, M as l, H as n, R as o, V as r, I as s, G as t, j as u };
-
-//# sourceMappingURL=mentions-DwnO1hh4.js.map