haze-ui 1.25.0 → 1.26.0

package/dist/components/List/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./List.js";
 import t from "./ListItem.js";
 export { e as List, t as ListItem };

package/dist/components/LocaleProvider/LocaleContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext as e } from "react";
 //#region src/lib/components/LocaleProvider/LocaleContext.ts
 var t = e(void 0);

package/dist/components/LocaleProvider/LocaleProvider.js

@@ -1,3 +1,4 @@
+"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";

package/dist/components/LocaleProvider/index.js

@@ -1,4 +1,6 @@
+"use client";
 import e from "./LocaleProvider.js";
-import { defaultStrings as t } from "./locale.js";
-import { useStrings as n } from "./useStrings.js";
-export { e as default, t as defaultStrings, n as useStrings };
+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

@@ -1,3 +1,4 @@
+"use client";
 //#region src/lib/components/LocaleProvider/locale.ts
 var e = {
 	alert: { close: "Close" },
@@ -68,6 +69,10 @@ var e = {
 		all: "All",
 		noLogs: "No logs"
 	},
+	mentions: {
+		label: "Suggestions",
+		noMatch: "No matches"
+	},
 	modelPicker: { label: "Model" },
 	numberInput: {
 		decrease: "Decrease",
@@ -122,5 +127,6 @@ var e = {
 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, t as formatString };
+export { e as defaultStrings, n as enUS, t as formatString };

package/dist/components/LocaleProvider/useStrings.js

@@ -1,17 +1,27 @@
+"use client";
 import { LocaleContext as e } from "./LocaleContext.js";
-import { defaultStrings as t } from "./locale.js";
-import { useContext as n } from "react";
+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 r(e) {
+function i(e) {
 	if (!e) return [];
-	let t = r(e.parent);
+	let t = i(e.parent);
 	return e.strings ? [...t, e.strings] : t;
 }
-function i(i) {
-	return r(n(e)).map((e) => e[i]).filter((e) => e !== void 0).reduce((e, 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
-	}), t[i]);
+	}), a(n?.locale)[t]);
 }
 //#endregion
-export { i as useStrings };
+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,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                    */

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,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { parseMarkdown as t, splitBlocks as n } from "./markdown-blocks.js";
 /* empty css                           */

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

@@ -1,3 +1,4 @@
+"use client";
 //#region src/lib/components/MarkdownRenderer/markdown-blocks.ts
 var e = {
 	calls: 0,

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 };

package/dist/components/Mentions/index.js

@@ -0,0 +1,4 @@
+"use client";
+import e from "./MentionsCore.js";
+import t from "./Mentions.js";
+export { t as Mentions, e as MentionsCore };

package/dist/components/Menu/Menu.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useFocusScope as t } from "../../utils/focus-scope.js";
 import { FloatingPanel as n, useFloating as r } from "../../utils/floating.js";

package/dist/components/Menu/MenuDivider.js

@@ -1,4 +1,5 @@
 
+"use client";
 /* empty css                      */
 import { jsx as e } from "react/jsx-runtime";
 //#region src/lib/components/Menu/MenuDivider.tsx

package/dist/components/Menu/MenuItem.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                   */
 import { jsx as t } from "react/jsx-runtime";

package/dist/components/Menu/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./Menu.js";
 import t from "./MenuItem.js";
 import n from "./MenuDivider.js";

package/dist/components/ModelPicker/ModelPicker.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                      */

package/dist/components/ModelPicker/index.js

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

package/dist/components/NavigationBar/NavLink.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                  */
 import { jsx as t } from "react/jsx-runtime";

package/dist/components/NavigationBar/NavigationBar.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                        */
 import { jsx as t, jsxs as n } from "react/jsx-runtime";

package/dist/components/NavigationBar/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./NavigationBar.js";
 import t from "./NavLink.js";
 export { t as NavLink, e as NavigationBar };

package/dist/components/NumberInput/NumberInput.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./NumberInputCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";

package/dist/components/NumberInput/NumberInputCore.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                          */

package/dist/components/NumberInput/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./NumberInputCore.js";
 import t from "./NumberInput.js";
 export { t as NumberInput, e as NumberInputCore };

package/dist/components/OTPInput/OTPInput.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./OTPInputCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";

package/dist/components/OTPInput/OTPInputCore.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { formatString as t } from "../LocaleProvider/locale.js";
 import { useStrings as n } from "../LocaleProvider/useStrings.js";

package/dist/components/OTPInput/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./OTPInputCore.js";
 import t from "./OTPInput.js";
 export { t as OTPInput, e as OTPInputCore };

package/dist/components/Pagination/Pagination.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                     */

package/dist/components/Pagination/index.js

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

package/dist/components/PasswordInput/PasswordInput.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./PasswordInputCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";

package/dist/components/PasswordInput/PasswordInputCore.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                            */

package/dist/components/PasswordInput/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./PasswordInputCore.js";
 import t from "./PasswordInput.js";
 export { t as PasswordInput, e as PasswordInputCore };

package/dist/components/Popover/Popover.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { FloatingPanel as e, useFloating as t } from "../../utils/floating.js";
 /* empty css                  */
 import { jsx as n, jsxs as r } from "react/jsx-runtime";

package/dist/components/Popover/index.js

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

package/dist/components/Progress/Progress.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                   */

package/dist/components/Progress/index.js

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

package/dist/components/Radio/Radio.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useRadioContext as t } from "./RadioContext.js";
 /* empty css                */

package/dist/components/Radio/RadioContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { createContext as e, useContext as t } from "react";
 //#region src/lib/components/Radio/RadioContext.ts
 var n = e(void 0), r = n.Provider;

package/dist/components/Radio/RadioGroup.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./RadioGroupCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";

package/dist/components/Radio/RadioGroupCore.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { RadioProvider as t } from "./RadioContext.js";
 /* empty css                         */

package/dist/components/Radio/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./Radio.js";
 import t from "./RadioGroupCore.js";
 import n from "./RadioGroup.js";

package/dist/components/Rating/Rating.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./RatingCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";

package/dist/components/Rating/RatingCore.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { formatString as t } from "../LocaleProvider/locale.js";
 import { useStrings as n } from "../LocaleProvider/useStrings.js";

package/dist/components/Rating/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./RatingCore.js";
 import t from "./Rating.js";
 export { t as Rating, e as RatingCore };

package/dist/components/Resizable/Resizable.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
 import { jsx as t } from "react/jsx-runtime";

package/dist/components/Resizable/index.js

@@ -1,2 +1,3 @@
+"use client";
 import { ResizableGroup as e, ResizableHandle as t, ResizablePanel as n } from "./Resizable.js";
 export { e as ResizableGroup, t as ResizableHandle, n as ResizablePanel };

package/dist/components/ScrollArea/ScrollArea.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                     */
 import { jsx as t } from "react/jsx-runtime";

package/dist/components/ScrollArea/index.js

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

package/dist/components/Segmented/Segmented.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./SegmentedCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";

package/dist/components/Segmented/SegmentedCore.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                        */
 import { jsx as t } from "react/jsx-runtime";

package/dist/components/Segmented/index.js

@@ -1,3 +1,4 @@
+"use client";
 import e from "./SegmentedCore.js";
 import t from "./Segmented.js";
 export { t as Segmented, e as SegmentedCore };

package/dist/components/Select/Option.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as e } from "react/jsx-runtime";
 //#region src/lib/components/Select/Option.tsx
 function t({ value: t, children: n, ...r }) {