haze-ui 1.24.1 → 1.26.0

package/dist/components/LocaleProvider/LocaleProvider.js

@@ -0,0 +1,22 @@
+"use client";
+import { LocaleContext as e } from "./LocaleContext.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as n, useMemo as r } from "react";
+//#region src/lib/components/LocaleProvider/LocaleProvider.tsx
+function i({ locale: i, strings: a, children: o }) {
+	let s = n(e), c = r(() => ({
+		locale: i ?? s?.locale,
+		strings: a,
+		parent: s
+	}), [
+		i,
+		a,
+		s
+	]);
+	return /* @__PURE__ */ t(e.Provider, {
+		value: c,
+		children: o
+	});
+}
+//#endregion
+export { i as default };

package/dist/components/LocaleProvider/index.js

@@ -0,0 +1,6 @@
+"use client";
+import e from "./LocaleProvider.js";
+import { defaultStrings as t, enUS as n } from "./locale.js";
+import { zhCN as r } from "./zh-cn.js";
+import { useStrings as i } from "./useStrings.js";
+export { e as default, t as defaultStrings, n as enUS, i as useStrings, r as zhCN };

package/dist/components/LocaleProvider/locale.js

@@ -0,0 +1,132 @@
+"use client";
+//#region src/lib/components/LocaleProvider/locale.ts
+var e = {
+	alert: { close: "Close" },
+	approvalCard: {
+		title: "Approval Required",
+		approve: "Approve",
+		deny: "Deny"
+	},
+	asyncSection: {
+		loading: "Loading…",
+		error: "Something went wrong",
+		retry: "Retry"
+	},
+	avatarGroup: { more: "+{count}" },
+	calendar: {
+		previousMonth: "Previous month",
+		nextMonth: "Next month",
+		today: "Today"
+	},
+	cascader: { expand: "Expand" },
+	sidebar: {
+		toggle: "Toggle sidebar",
+		expand: "Expand sidebar",
+		collapse: "Collapse sidebar"
+	},
+	tour: {
+		next: "Next",
+		back: "Back",
+		done: "Done",
+		skip: "Skip",
+		stepOf: "Step {current} of {total}"
+	},
+	backToTop: { label: "Back to top" },
+	banner: { close: "Close" },
+	breadcrumb: { label: "Breadcrumb" },
+	carousel: {
+		label: "Carousel",
+		previousSlide: "Previous slide",
+		nextSlide: "Next slide",
+		goToSlide: "Go to slide {index}"
+	},
+	chatInput: {
+		placeholder: "Type a message...",
+		send: "Send"
+	},
+	chatMessage: {
+		sending: "Sending...",
+		sent: "Sent",
+		failedToSend: "Failed to send"
+	},
+	chip: { remove: "Remove" },
+	colorPicker: {
+		pickColor: "Pick color",
+		hexColor: "Hex color"
+	},
+	confirmDialog: {
+		confirm: "Confirm",
+		cancel: "Cancel"
+	},
+	dateRangePicker: {
+		startDate: "Start date",
+		endDate: "End date"
+	},
+	empty: { description: "No data" },
+	fileInput: { label: "Choose file" },
+	inlineEdit: { placeholder: "Click to edit" },
+	logViewer: {
+		all: "All",
+		noLogs: "No logs"
+	},
+	mentions: {
+		label: "Suggestions",
+		noMatch: "No matches"
+	},
+	modelPicker: { label: "Model" },
+	numberInput: {
+		decrease: "Decrease",
+		increase: "Increase"
+	},
+	otpInput: { digitLabel: "Digit {index} of {total}" },
+	pagination: {
+		previous: "Previous",
+		next: "Next"
+	},
+	passwordInput: {
+		label: "Password",
+		show: "Show password",
+		hide: "Hide password"
+	},
+	progress: { label: "Progress" },
+	rating: {
+		star: "{count} star",
+		stars: "{count} stars"
+	},
+	spinner: { loading: "Loading" },
+	tag: { remove: "Remove" },
+	tagGroup: { remove: "Remove" },
+	tagInput: {
+		placeholder: "Add tag",
+		removeTag: "Remove {tag}",
+		tagCount: "{count} tags",
+		tagCountSingular: "{count} tag"
+	},
+	thinkingIndicator: { text: "Thinking" },
+	tokenCounter: { label: "Tokens" },
+	toolCallCard: {
+		pending: "Pending",
+		running: "Running...",
+		done: "Done",
+		error: "Error",
+		inputLabel: "Input",
+		outputLabel: "Output"
+	},
+	transfer: {
+		source: "Source ({count})",
+		target: "Target ({count})",
+		moveToTarget: ">",
+		moveToSource: "<"
+	},
+	tree: {
+		expand: "Expand",
+		collapse: "Collapse"
+	},
+	upload: { hint: "Drag & drop files here, or click to upload" }
+};
+function t(e, t) {
+	return e.replace(/\{(\w+)\}/g, (e, n) => Object.prototype.hasOwnProperty.call(t, n) ? String(t[n]) : e);
+}
+var n = e;
+//#endregion
+export { e as defaultStrings, n as enUS, t as formatString };

package/dist/components/LocaleProvider/useStrings.js

@@ -0,0 +1,27 @@
+"use client";
+import { LocaleContext as e } from "./LocaleContext.js";
+import { enUS as t } from "./locale.js";
+import { zhCN as n } from "./zh-cn.js";
+import { useContext as r } from "react";
+//#region src/lib/components/LocaleProvider/useStrings.ts
+function i(e) {
+	if (!e) return [];
+	let t = i(e.parent);
+	return e.strings ? [...t, e.strings] : t;
+}
+function a(e) {
+	if (e) {
+		let t = e.toLowerCase();
+		if (t === "zh" || t.startsWith("zh-") || t.startsWith("zh_")) return n;
+	}
+	return t;
+}
+function o(t) {
+	let n = r(e);
+	return i(n).map((e) => e[t]).filter((e) => e !== void 0).reduce((e, t) => ({
+		...e,
+		...t
+	}), a(n?.locale)[t]);
+}
+//#endregion
+export { o as useStrings };

package/dist/components/LocaleProvider/zh-cn.js

@@ -0,0 +1,128 @@
+"use client";
+//#region src/lib/components/LocaleProvider/zh-cn.ts
+var e = {
+	alert: { close: "关闭" },
+	approvalCard: {
+		title: "需要审批",
+		approve: "通过",
+		deny: "拒绝"
+	},
+	asyncSection: {
+		loading: "加载中…",
+		error: "出错了",
+		retry: "重试"
+	},
+	avatarGroup: { more: "+{count}" },
+	calendar: {
+		previousMonth: "上个月",
+		nextMonth: "下个月",
+		today: "今天"
+	},
+	cascader: { expand: "展开" },
+	sidebar: {
+		toggle: "切换侧边栏",
+		expand: "展开侧边栏",
+		collapse: "折叠侧边栏"
+	},
+	tour: {
+		next: "下一步",
+		back: "上一步",
+		done: "完成",
+		skip: "跳过",
+		stepOf: "第 {current} / {total} 步"
+	},
+	backToTop: { label: "回到顶部" },
+	banner: { close: "关闭" },
+	breadcrumb: { label: "面包屑" },
+	carousel: {
+		label: "轮播图",
+		previousSlide: "上一张幻灯片",
+		nextSlide: "下一张幻灯片",
+		goToSlide: "跳转到第 {index} 张幻灯片"
+	},
+	chatInput: {
+		placeholder: "输入消息…",
+		send: "发送"
+	},
+	chatMessage: {
+		sending: "发送中…",
+		sent: "已发送",
+		failedToSend: "发送失败"
+	},
+	chip: { remove: "移除" },
+	colorPicker: {
+		pickColor: "选择颜色",
+		hexColor: "十六进制颜色"
+	},
+	confirmDialog: {
+		confirm: "确认",
+		cancel: "取消"
+	},
+	dateRangePicker: {
+		startDate: "开始日期",
+		endDate: "结束日期"
+	},
+	empty: { description: "暂无数据" },
+	fileInput: { label: "选择文件" },
+	inlineEdit: { placeholder: "点击编辑" },
+	logViewer: {
+		all: "全部",
+		noLogs: "暂无日志"
+	},
+	mentions: {
+		label: "提及建议",
+		noMatch: "无匹配项"
+	},
+	modelPicker: { label: "模型" },
+	numberInput: {
+		decrease: "减少",
+		increase: "增加"
+	},
+	otpInput: { digitLabel: "第 {index} 位，共 {total} 位" },
+	pagination: {
+		previous: "上一页",
+		next: "下一页"
+	},
+	passwordInput: {
+		label: "密码",
+		show: "显示密码",
+		hide: "隐藏密码"
+	},
+	progress: { label: "进度" },
+	rating: {
+		star: "{count} 颗星",
+		stars: "{count} 颗星"
+	},
+	spinner: { loading: "加载中" },
+	tag: { remove: "移除" },
+	tagGroup: { remove: "移除" },
+	tagInput: {
+		placeholder: "添加标签",
+		removeTag: "移除 {tag}",
+		tagCount: "{count} 个标签",
+		tagCountSingular: "{count} 个标签"
+	},
+	thinkingIndicator: { text: "思考中" },
+	tokenCounter: { label: "Token 数" },
+	toolCallCard: {
+		pending: "等待中",
+		running: "运行中…",
+		done: "完成",
+		error: "错误",
+		inputLabel: "输入",
+		outputLabel: "输出"
+	},
+	transfer: {
+		source: "源列表（{count}）",
+		target: "目标列表（{count}）",
+		moveToTarget: ">",
+		moveToSource: "<"
+	},
+	tree: {
+		expand: "展开",
+		collapse: "折叠"
+	},
+	upload: { hint: "将文件拖拽到此处，或点击上传" }
+};
+//#endregion
+export { e as zhCN };

package/dist/components/LogViewer/LogViewer.js

@@ -1,66 +1,68 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                    */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useMemo as r } from "react";
-import { useControl as i } from "react-use-control";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useMemo as i } from "react";
+import { useControl as a } from "react-use-control";
 //#region src/lib/components/LogViewer/LogViewer.tsx
-var a = "haze-LogViewer__wrapper", o = "haze-LogViewer__toolbar", s = "haze-LogViewer__filterBtn", c = "haze-LogViewer__filterActive", l = "haze-LogViewer__body", u = "haze-LogViewer__entry", d = "haze-LogViewer__timestamp", f = "haze-LogViewer__levelBadge", p = "haze-LogViewer__levelDebug", m = "haze-LogViewer__levelInfo", h = "haze-LogViewer__levelWarn", g = "haze-LogViewer__levelError", _ = "haze-LogViewer__messageStyle", v = {
-	debug: p,
-	info: m,
-	warn: h,
-	error: g
-}, y = [
+var o = "haze-LogViewer__wrapper", s = "haze-LogViewer__toolbar", c = "haze-LogViewer__filterBtn", l = "haze-LogViewer__filterActive", u = "haze-LogViewer__body", d = "haze-LogViewer__entry", f = "haze-LogViewer__timestamp", p = "haze-LogViewer__levelBadge", m = "haze-LogViewer__levelDebug", h = "haze-LogViewer__levelInfo", g = "haze-LogViewer__levelWarn", _ = "haze-LogViewer__levelError", v = "haze-LogViewer__messageStyle", y = {
+	debug: m,
+	info: h,
+	warn: g,
+	error: _
+}, b = [
 	"debug",
 	"info",
 	"warn",
 	"error"
 ];
-function b({ logs: p, filter: m, className: h }) {
-	let [g, b] = i(m, null), x = r(() => g ? p.filter((e) => e.level === g) : p, [p, g]);
-	return /* @__PURE__ */ n("div", {
-		className: e([a, h]),
-		children: [/* @__PURE__ */ n("div", {
-			className: e([o]),
-			children: [/* @__PURE__ */ t("button", {
+function x({ logs: m, filter: h, className: g }) {
+	let [_, x] = a(h, null), S = t("logViewer"), C = i(() => _ ? m.filter((e) => e.level === _) : m, [m, _]);
+	return /* @__PURE__ */ r("div", {
+		className: e([o, g]),
+		children: [/* @__PURE__ */ r("div", {
+			className: e([s]),
+			children: [/* @__PURE__ */ n("button", {
 				type: "button",
-				onClick: () => b(null),
-				className: e([s, !g && c]),
-				children: "All"
-			}), y.map((n) => /* @__PURE__ */ t("button", {
+				onClick: () => x(null),
+				className: e([c, !_ && l]),
+				children: S.all
+			}), b.map((t) => /* @__PURE__ */ n("button", {
 				type: "button",
-				onClick: () => b(n),
-				className: e([s, g === n && c]),
-				children: n
-			}, n))]
-		}), /* @__PURE__ */ n("div", {
-			className: e([l]),
-			children: [x.map((r, i) => /* @__PURE__ */ n("div", {
-				className: e([u]),
+				onClick: () => x(t),
+				className: e([c, _ === t && l]),
+				children: t
+			}, t))]
+		}), /* @__PURE__ */ r("div", {
+			className: e([u]),
+			children: [C.map((t, i) => /* @__PURE__ */ r("div", {
+				className: e([d]),
 				children: [
-					r.timestamp && /* @__PURE__ */ t("span", {
-						className: e([d]),
-						children: r.timestamp
+					t.timestamp && /* @__PURE__ */ n("span", {
+						className: e([f]),
+						children: t.timestamp
 					}),
-					/* @__PURE__ */ t("span", {
-						className: e([f, v[r.level]]),
-						children: r.level
+					/* @__PURE__ */ n("span", {
+						className: e([p, y[t.level]]),
+						children: t.level
 					}),
-					/* @__PURE__ */ t("span", {
-						className: e([_]),
-						children: r.message
+					/* @__PURE__ */ n("span", {
+						className: e([v]),
+						children: t.message
 					})
 				]
-			}, i)), x.length === 0 && /* @__PURE__ */ t("div", {
-				className: e([u]),
-				children: /* @__PURE__ */ t("span", {
+			}, i)), C.length === 0 && /* @__PURE__ */ n("div", {
+				className: e([d]),
+				children: /* @__PURE__ */ n("span", {
 					style: { color: "var(--haze-color-text-muted)" },
-					className: e([_]),
-					children: "No logs"
+					className: e([v]),
+					children: S.noLogs
 				})
 			})]
 		})]
 	});
 }
 //#endregion
-export { b as default };
+export { x as default };

package/dist/components/LogViewer/index.js

@@ -1,2 +1,3 @@
+"use client";
 import e from "./LogViewer.js";
 export { e as LogViewer };

package/dist/components/MarkdownRenderer/MarkdownRenderer.js

@@ -1,26 +1,27 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
+import { parseMarkdown as t, splitBlocks as n } from "./markdown-blocks.js";
 /* empty css                           */
-import { jsx as t } from "react/jsx-runtime";
-import { useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { useMemo as i, useRef as a } from "react";
 //#region src/lib/components/MarkdownRenderer/MarkdownRenderer.tsx
-var r = "haze-MarkdownRenderer__wrapper";
-function i(e) {
-	let t = e;
-	return t = t.replace(/```(\w*)\n([\s\S]*?)```/g, (e, t, n) => `<pre><code class="lang-${t}">${a(n.trim())}</code></pre>`), t = t.replace(/`([^`]+)`/g, "<code>$1</code>"), t = t.replace(/^######\s+(.+)$/gm, "<h6>$1</h6>"), t = t.replace(/^#####\s+(.+)$/gm, "<h5>$1</h5>"), t = t.replace(/^####\s+(.+)$/gm, "<h4>$1</h4>"), t = t.replace(/^###\s+(.+)$/gm, "<h3>$1</h3>"), t = t.replace(/^##\s+(.+)$/gm, "<h2>$1</h2>"), t = t.replace(/^#\s+(.+)$/gm, "<h1>$1</h1>"), t = t.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>"), t = t.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), t = t.replace(/\*(.+?)\*/g, "<em>$1</em>"), t = t.replace(/^>\s+(.+)$/gm, "<blockquote>$1</blockquote>"), t = t.replace(/^[-*]\s+(.+)$/gm, "<li>$1</li>"), t = t.replace(/((?:<li>.*<\/li>\n?)+)/g, "<ul>$1</ul>"), t = t.replace(/^\d+\.\s+(.+)$/gm, "<oli>$1</oli>"), t = t.replace(/((?:<oli>.*<\/oli>\n?)+)/g, (e) => "<ol>" + e.replace(/<\/?oli>/g, (e) => e.replace("oli", "li")) + "</ol>"), t = t.replace(/^---$/gm, "<hr />"), t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\" target=\"_blank\" rel=\"noopener\">$1</a>"), t = t.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, "<img alt=\"$1\" src=\"$2\" />"), t = t.replace(/^(?!<[a-z])((?!<\/).+)$/gm, (e) => {
-		let t = e.trim();
-		return t ? `<p>${t}</p>` : "";
-	}), t = t.replace(/\n{2,}/g, "\n"), t;
-}
-function a(e) {
-	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function o({ content: a, className: o }) {
-	let s = n(() => i(a), [a]);
-	return /* @__PURE__ */ t("div", {
-		dangerouslySetInnerHTML: { __html: s },
-		className: e([r, o])
+var o = "haze-MarkdownRenderer__wrapper";
+function s({ content: s, className: c }) {
+	let l = i(() => n(s), [s]), u = a({
+		source: [],
+		parsed: []
+	}), d = i(() => {
+		let e = u.current, n = l.map((n, r) => e.source[r] === n ? e.parsed[r] : t(n));
+		return u.current = {
+			source: l,
+			parsed: n
+		}, n.join("\n");
+	}, [l]);
+	return /* @__PURE__ */ r("div", {
+		dangerouslySetInnerHTML: { __html: d },
+		className: e([o, c])
 	});
 }
 //#endregion
-export { o as default };
+export { s as default };

package/dist/components/MarkdownRenderer/index.js

@@ -1,2 +1,3 @@
+"use client";
 import e from "./MarkdownRenderer.js";
 export { e as MarkdownRenderer };

package/dist/components/MarkdownRenderer/markdown-blocks.js

@@ -0,0 +1,42 @@
+"use client";
+//#region src/lib/components/MarkdownRenderer/markdown-blocks.ts
+var e = {
+	calls: 0,
+	chars: 0
+};
+function t(t) {
+	e.calls += 1, e.chars += t.length;
+	let r = t;
+	return r = r.replace(/```(\w*)\n([\s\S]*?)```/g, (e, t, r) => `<pre><code class="lang-${t}">${n(r.trim())}</code></pre>`), r = r.replace(/`([^`]+)`/g, "<code>$1</code>"), r = r.replace(/^######\s+(.+)$/gm, "<h6>$1</h6>"), r = r.replace(/^#####\s+(.+)$/gm, "<h5>$1</h5>"), r = r.replace(/^####\s+(.+)$/gm, "<h4>$1</h4>"), r = r.replace(/^###\s+(.+)$/gm, "<h3>$1</h3>"), r = r.replace(/^##\s+(.+)$/gm, "<h2>$1</h2>"), r = r.replace(/^#\s+(.+)$/gm, "<h1>$1</h1>"), r = r.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>"), r = r.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), r = r.replace(/\*(.+?)\*/g, "<em>$1</em>"), r = r.replace(/^>\s+(.+)$/gm, "<blockquote>$1</blockquote>"), r = r.replace(/^[-*]\s+(.+)$/gm, "<li>$1</li>"), r = r.replace(/((?:<li>.*<\/li>\n?)+)/g, "<ul>$1</ul>"), r = r.replace(/^\d+\.\s+(.+)$/gm, "<oli>$1</oli>"), r = r.replace(/((?:<oli>.*<\/oli>\n?)+)/g, (e) => "<ol>" + e.replace(/<\/?oli>/g, (e) => e.replace("oli", "li")) + "</ol>"), r = r.replace(/^---$/gm, "<hr />"), r = r.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\" target=\"_blank\" rel=\"noopener\">$1</a>"), r = r.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, "<img alt=\"$1\" src=\"$2\" />"), r = r.replace(/^(?!<[a-z])((?!<\/).+)$/gm, (e) => {
+		let t = e.trim();
+		return t ? `<p>${t}</p>` : "";
+	}), r = r.replace(/\n{2,}/g, "\n"), r;
+}
+function n(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+var r = /```(\w*)\n([\s\S]*?)```/g;
+function i(e) {
+	let t = Array.from(e.matchAll(r), (e) => {
+		let t = e.index;
+		return {
+			start: t,
+			codeStart: t + (e[1] ?? "").length + 4,
+			end: t + e[0].length
+		};
+	}), n = [], i = 0, a = 0, o = -1, s = 0, c = 0;
+	for (; c < e.length;) {
+		let r = t[s];
+		if (r && r.start <= c) {
+			o >= 0 && (c - o >= 2 && i % 2 == 0 && (n.push(e.slice(a, o)), a = c), o = -1);
+			for (let t = r.codeStart; t < r.end - 3; t++) e[t] === "`" && (i += 1);
+			c = r.end, s += 1;
+			continue;
+		}
+		let l = e[c];
+		l === "\n" ? o < 0 && (o = c) : (o >= 0 && c - o >= 2 && i % 2 == 0 && (n.push(e.slice(a, o)), a = c), o = -1, l === "`" && (i += 1)), c += 1;
+	}
+	return o >= 0 && e.length - o >= 2 && i % 2 == 0 && (n.push(e.slice(a, o)), a = e.length), [...n, e.slice(a)];
+}
+//#endregion
+export { t as parseMarkdown, e as parseStats, i as splitBlocks };

package/dist/components/Mentions/Mentions.js

@@ -0,0 +1,17 @@
+"use client";
+import e from "./MentionsCore.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
+//#region src/lib/components/Mentions/Mentions.tsx
+function r({ value: r, onChange: i, ...a }) {
+	let [o, s] = n(r, "");
+	return /* @__PURE__ */ t(e, {
+		value: o,
+		onChange: (e) => {
+			s(e), i?.(e);
+		},
+		...a
+	});
+}
+//#endregion
+export { r as default };

package/dist/components/Mentions/MentionsCore.js

@@ -0,0 +1,116 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { FloatingPanel as t, useFloating as n } from "../../utils/floating.js";
+import { useStrings as r } from "../LocaleProvider/useStrings.js";
+/* empty css                       */
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useEffect as o, useId as s, useRef as c, useState as l } from "react";
+//#region src/lib/components/Mentions/MentionsCore.tsx
+var u = "haze-MentionsCore__wrapper", d = "haze-MentionsCore__textareaClass", f = "haze-MentionsCore__listbox", p = "haze-MentionsCore__option", m = "haze-MentionsCore__highlightedStyle", h = "haze-MentionsCore__noMatch";
+function g(e, t, n) {
+	let r = Math.min(t, e.length);
+	for (let t = r - 1; t >= 0; --t) {
+		let i = e[t];
+		if (i === void 0 || /\s/.test(i)) return null;
+		let a = t > 0 ? e[t - 1] : void 0;
+		if (i === n && (a === void 0 || /\s/.test(a))) return {
+			start: t,
+			end: r,
+			query: e.slice(t + 1, r)
+		};
+	}
+	return null;
+}
+function _({ value: _, onChange: v, options: y, trigger: b = "@", placeholder: x, className: S, "aria-label": C, ...w }) {
+	let T = r("mentions"), [E, D] = l(!1), [O, k] = l(null), [A, j] = l(-1), M = s(), N = c(null), P = c(null), F = n({
+		open: E,
+		setOpen: D,
+		triggerRef: N,
+		panelRef: P,
+		animated: !0
+	}), I = O ? y.filter((e) => {
+		let t = O.query.toLowerCase();
+		return e.value.toLowerCase().startsWith(t) || (e.label?.toLowerCase().startsWith(t) ?? !1);
+	}) : [], L = (e) => `${M}-option-${e}`, R = E && I[A] ? L(A) : void 0, z = O ? `${O.start}:${O.query}` : "", [B, V] = l(z);
+	z !== B && (V(z), j(-1));
+	let H = c(null);
+	o(() => {
+		let e = H.current;
+		if (e === null) return;
+		H.current = null;
+		let t = N.current;
+		t && (t.focus(), t.setSelectionRange(e, e));
+	}, [_]);
+	let U = (e, t) => {
+		let n = g(e, t, b);
+		k(n), D(n !== null);
+	}, W = (e) => {
+		if (!O) return;
+		let t = N.current?.value ?? _, n = Math.min(O.end, t.length), r = `${b}${e.value} `;
+		v(t.slice(0, O.start) + r + t.slice(n)), H.current = O.start + r.length, k(null), D(!1);
+	};
+	return /* @__PURE__ */ a("div", {
+		role: "combobox",
+		"aria-expanded": E,
+		"aria-haspopup": "listbox",
+		"aria-controls": M,
+		"aria-label": C ?? x ?? T.label,
+		className: e([u, S]),
+		children: [/* @__PURE__ */ i("textarea", {
+			ref: N,
+			style: F.triggerStyle,
+			"aria-label": C ?? x ?? T.label,
+			"aria-autocomplete": "list",
+			"aria-controls": M,
+			"aria-activedescendant": R,
+			className: d,
+			value: _,
+			placeholder: x,
+			onChange: (e) => {
+				v(e.target.value), U(e.target.value, e.target.selectionStart);
+			},
+			onSelect: (e) => {
+				let t = e.currentTarget;
+				U(t.value, t.selectionStart);
+			},
+			onPointerDown: F.onTriggerPointerDown,
+			onKeyDown: (e) => {
+				if (E) {
+					if (e.key === "ArrowDown") e.preventDefault(), j((e) => Math.min(e + 1, I.length - 1));
+					else if (e.key === "ArrowUp") e.preventDefault(), j((e) => Math.max(e - 1, 0));
+					else if (e.key === "Enter" || e.key === "Tab") {
+						let t = I[A] ?? I[0];
+						t && (e.preventDefault(), W(t));
+					} else e.key === "Escape" && D(!1);
+				}
+			},
+			...w
+		}), /* @__PURE__ */ i(t, {
+			ref: P,
+			behavior: F,
+			placement: "bottom-span",
+			id: M,
+			role: "listbox",
+			visualClass: f,
+			children: I.length === 0 ? /* @__PURE__ */ i("div", {
+				role: "option",
+				"aria-selected": "false",
+				"aria-disabled": "true",
+				className: h,
+				children: T.noMatch
+			}) : I.map((t, n) => /* @__PURE__ */ i("div", {
+				role: "option",
+				id: L(n),
+				"aria-selected": n === A,
+				"aria-setsize": I.length,
+				"aria-posinset": n + 1,
+				onClick: () => W(t),
+				className: e([p, n === A && m]),
+				children: t.label ?? t.value
+			}, t.value))
+		})]
+	});
+}
+//#endregion
+export { _ as default };