haze-ui 1.30.0 → 1.32.0

package/dist/components/LocaleProvider/ar-sa.js

@@ -31,6 +31,10 @@ var e = {
 		create: "إنشاء \"{query}\"",
 		noResults: "لا توجد نتائج"
 	},
+	spoiler: {
+		showMore: "عرض المزيد",
+		showLess: "عرض أقل"
+	},
 	command: { noResults: "لا توجد نتائج" },
 	sidebar: {
 		toggle: "تبديل الشريط الجانبي",
@@ -186,6 +190,13 @@ var e = {
 		collapse: "إخفاء المقتطف"
 	},
 	streamingText: { generating: "جارٍ الإنشاء" },
+	tabs: {
+		close: "إغلاق",
+		moreTabs: "المزيد من علامات التبويب",
+		statusDirty: "تغييرات غير محفوظة",
+		statusError: "خطأ",
+		statusSyncing: "جارٍ المزامنة"
+	},
 	tag: { remove: "إزالة" },
 	tagGroup: { remove: "إزالة" },
 	tagInput: {

package/dist/components/LocaleProvider/de-de.js

@@ -31,6 +31,10 @@ var e = {
 		create: "„{query}“ erstellen",
 		noResults: "Keine Ergebnisse"
 	},
+	spoiler: {
+		showMore: "Mehr anzeigen",
+		showLess: "Weniger anzeigen"
+	},
 	command: { noResults: "Keine Ergebnisse" },
 	sidebar: {
 		toggle: "Seitenleiste ein-/ausblenden",
@@ -186,6 +190,13 @@ var e = {
 		collapse: "Auszug ausblenden"
 	},
 	streamingText: { generating: "Wird generiert" },
+	tabs: {
+		close: "Schließen",
+		moreTabs: "Weitere Tabs",
+		statusDirty: "Ungespeicherte Änderungen",
+		statusError: "Fehler",
+		statusSyncing: "Synchronisiert"
+	},
 	tag: { remove: "Entfernen" },
 	tagGroup: { remove: "Entfernen" },
 	tagInput: {

package/dist/components/LocaleProvider/es-es.js

@@ -31,6 +31,10 @@ var e = {
 		create: "Crear «{query}»",
 		noResults: "Sin resultados"
 	},
+	spoiler: {
+		showMore: "Mostrar más",
+		showLess: "Mostrar menos"
+	},
 	command: { noResults: "Sin resultados" },
 	sidebar: {
 		toggle: "Mostrar u ocultar la barra lateral",
@@ -186,6 +190,13 @@ var e = {
 		collapse: "Ocultar extracto"
 	},
 	streamingText: { generating: "Generando" },
+	tabs: {
+		close: "Cerrar",
+		moreTabs: "Más pestañas",
+		statusDirty: "Cambios sin guardar",
+		statusError: "Error",
+		statusSyncing: "Sincronizando"
+	},
 	tag: { remove: "Quitar" },
 	tagGroup: { remove: "Quitar" },
 	tagInput: {

package/dist/components/LocaleProvider/fr-fr.js

@@ -31,6 +31,10 @@ var e = {
 		create: "Créer « {query} »",
 		noResults: "Aucun résultat"
 	},
+	spoiler: {
+		showMore: "Afficher plus",
+		showLess: "Afficher moins"
+	},
 	command: { noResults: "Aucun résultat" },
 	sidebar: {
 		toggle: "Afficher/masquer la barre latérale",
@@ -186,6 +190,13 @@ var e = {
 		collapse: "Masquer l’extrait"
 	},
 	streamingText: { generating: "Génération en cours" },
+	tabs: {
+		close: "Fermer",
+		moreTabs: "Plus d'onglets",
+		statusDirty: "Modifications non enregistrées",
+		statusError: "Erreur",
+		statusSyncing: "Synchronisation"
+	},
 	tag: { remove: "Retirer" },
 	tagGroup: { remove: "Retirer" },
 	tagInput: {

package/dist/components/LocaleProvider/it-it.js

@@ -31,6 +31,10 @@ var e = {
 		create: "Crea \"{query}\"",
 		noResults: "Nessun risultato"
 	},
+	spoiler: {
+		showMore: "Mostra di più",
+		showLess: "Mostra meno"
+	},
 	command: { noResults: "Nessun risultato" },
 	sidebar: {
 		toggle: "Mostra/nascondi barra laterale",
@@ -186,6 +190,13 @@ var e = {
 		collapse: "Nascondi stralcio"
 	},
 	streamingText: { generating: "Generazione in corso" },
+	tabs: {
+		close: "Chiudi",
+		moreTabs: "Più schede",
+		statusDirty: "Modifiche non salvate",
+		statusError: "Errore",
+		statusSyncing: "Sincronizzazione"
+	},
 	tag: { remove: "Rimuovi" },
 	tagGroup: { remove: "Rimuovi" },
 	tagInput: {

package/dist/components/LocaleProvider/ja-jp.js

@@ -31,6 +31,10 @@ var e = {
 		create: "「{query}」を作成",
 		noResults: "結果なし"
 	},
+	spoiler: {
+		showMore: "もっと見る",
+		showLess: "閉じる"
+	},
 	command: { noResults: "結果なし" },
 	sidebar: {
 		toggle: "サイドバーを切り替える",
@@ -186,6 +190,13 @@ var e = {
 		collapse: "抜粋を非表示"
 	},
 	streamingText: { generating: "生成中" },
+	tabs: {
+		close: "閉じる",
+		moreTabs: "その他のタブ",
+		statusDirty: "未保存の変更",
+		statusError: "エラー",
+		statusSyncing: "同期中"
+	},
 	tag: { remove: "削除" },
 	tagGroup: { remove: "削除" },
 	tagInput: {

package/dist/components/LocaleProvider/ko-kr.js

@@ -31,6 +31,10 @@ var e = {
 		create: "\"{query}\" 만들기",
 		noResults: "결과 없음"
 	},
+	spoiler: {
+		showMore: "더 보기",
+		showLess: "접기"
+	},
 	command: { noResults: "결과 없음" },
 	sidebar: {
 		toggle: "사이드바 전환",
@@ -186,6 +190,13 @@ var e = {
 		collapse: "발췌 접기"
 	},
 	streamingText: { generating: "생성 중" },
+	tabs: {
+		close: "닫기",
+		moreTabs: "탭 더 보기",
+		statusDirty: "저장되지 않은 변경 사항",
+		statusError: "오류",
+		statusSyncing: "동기화 중"
+	},
 	tag: { remove: "제거" },
 	tagGroup: { remove: "제거" },
 	tagInput: {

package/dist/components/LocaleProvider/locale.js

@@ -31,6 +31,10 @@ var e = {
 		create: "Create \"{query}\"",
 		noResults: "No results"
 	},
+	spoiler: {
+		showMore: "Show more",
+		showLess: "Show less"
+	},
 	command: { noResults: "No results" },
 	sidebar: {
 		toggle: "Toggle sidebar",
@@ -186,6 +190,13 @@ var e = {
 		collapse: "Hide excerpt"
 	},
 	streamingText: { generating: "Generating" },
+	tabs: {
+		close: "Close",
+		moreTabs: "More tabs",
+		statusDirty: "Unsaved changes",
+		statusError: "Error",
+		statusSyncing: "Syncing"
+	},
 	tag: { remove: "Remove" },
 	tagGroup: { remove: "Remove" },
 	tagInput: {

package/dist/components/LocaleProvider/pt-br.js

@@ -31,6 +31,10 @@ var e = {
 		create: "Criar \"{query}\"",
 		noResults: "Nenhum resultado"
 	},
+	spoiler: {
+		showMore: "Mostrar mais",
+		showLess: "Mostrar menos"
+	},
 	command: { noResults: "Nenhum resultado" },
 	sidebar: {
 		toggle: "Mostrar/ocultar barra lateral",
@@ -186,6 +190,13 @@ var e = {
 		collapse: "Ocultar trecho"
 	},
 	streamingText: { generating: "Gerando" },
+	tabs: {
+		close: "Fechar",
+		moreTabs: "Mais abas",
+		statusDirty: "Alterações não salvas",
+		statusError: "Erro",
+		statusSyncing: "Sincronizando"
+	},
 	tag: { remove: "Remover" },
 	tagGroup: { remove: "Remover" },
 	tagInput: {

package/dist/components/LocaleProvider/ru-ru.js

@@ -31,6 +31,10 @@ var e = {
 		create: "Создать «{query}»",
 		noResults: "Ничего не найдено"
 	},
+	spoiler: {
+		showMore: "Показать ещё",
+		showLess: "Скрыть"
+	},
 	command: { noResults: "Ничего не найдено" },
 	sidebar: {
 		toggle: "Показать или скрыть боковую панель",
@@ -186,6 +190,13 @@ var e = {
 		collapse: "Скрыть отрывок"
 	},
 	streamingText: { generating: "Генерация" },
+	tabs: {
+		close: "Закрыть",
+		moreTabs: "Ещё вкладки",
+		statusDirty: "Несохранённые изменения",
+		statusError: "Ошибка",
+		statusSyncing: "Синхронизация"
+	},
 	tag: { remove: "Удалить" },
 	tagGroup: { remove: "Удалить" },
 	tagInput: {

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

@@ -31,6 +31,10 @@ var e = {
 		create: "创建「{query}」",
 		noResults: "无结果"
 	},
+	spoiler: {
+		showMore: "显示更多",
+		showLess: "收起"
+	},
 	command: { noResults: "无结果" },
 	sidebar: {
 		toggle: "切换侧边栏",
@@ -186,6 +190,13 @@ var e = {
 		collapse: "收起摘录"
 	},
 	streamingText: { generating: "生成中" },
+	tabs: {
+		close: "关闭",
+		moreTabs: "更多标签页",
+		statusDirty: "未保存",
+		statusError: "错误",
+		statusSyncing: "同步中"
+	},
 	tag: { remove: "移除" },
 	tagGroup: { remove: "移除" },
 	tagInput: {

package/dist/components/LogViewer/LogViewer.js

@@ -2,78 +2,85 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import { useEndReached as n } from "../../utils/use-end-reached.js";
 /* empty css                    */
-import { useMemo as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useControl as a } from "react-use-control";
+import { useMemo as r, useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useControl as s } from "react-use-control";
 //#region src/lib/components/LogViewer/LogViewer.tsx
-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 = [
+var c = "haze-LogViewer__wrapper", l = "haze-LogViewer__toolbar", u = "haze-LogViewer__filterBtn", d = "haze-LogViewer__filterActive", f = "haze-LogViewer__body", p = "haze-LogViewer__entry", m = "haze-LogViewer__timestamp", h = "haze-LogViewer__levelBadge", g = "haze-LogViewer__levelDebug", _ = "haze-LogViewer__levelInfo", v = "haze-LogViewer__levelWarn", y = "haze-LogViewer__levelError", b = "haze-LogViewer__messageStyle", x = {
+	debug: g,
+	info: _,
+	warn: v,
+	error: y
+}, S = [
 	"debug",
 	"info",
 	"warn",
 	"error"
 ];
-function x({ logs: m, filter: h, className: g }) {
-	let [_, x] = a(h, null), S = t("logViewer"), C = n(() => _ ? m.filter((e) => e.level === _) : m, [m, _]);
-	return /* @__PURE__ */ i("div", {
+function C({ logs: g, filter: _, onLoadMore: v, className: y }) {
+	let [C, w] = s(_, null), T = t("logViewer"), E = i(null), D = r(() => C ? g.filter((e) => e.level === C) : g, [g, C]);
+	return n({
+		ref: E,
+		onEndReached: v,
+		threshold: 200,
+		contentUnits: D.length
+	}), /* @__PURE__ */ o("div", {
 		"data-slot": "log-viewer",
-		className: e([o, g]),
-		children: [/* @__PURE__ */ i("div", {
+		className: e([c, y]),
+		children: [/* @__PURE__ */ o("div", {
 			"data-slot": "toolbar",
-			className: e([s]),
-			children: [/* @__PURE__ */ r("button", {
+			className: e([l]),
+			children: [/* @__PURE__ */ a("button", {
 				"data-slot": "filter-button",
 				type: "button",
-				onClick: () => x(null),
-				className: e([c, !_ && l]),
-				children: S.all
-			}), b.map((t) => /* @__PURE__ */ r("button", {
+				onClick: () => w(null),
+				className: e([u, !C && d]),
+				children: T.all
+			}), S.map((t) => /* @__PURE__ */ a("button", {
 				"data-slot": "filter-button",
 				type: "button",
-				onClick: () => x(t),
-				className: e([c, _ === t && l]),
+				onClick: () => w(t),
+				className: e([u, C === t && d]),
 				children: t
 			}, t))]
-		}), /* @__PURE__ */ i("div", {
+		}), /* @__PURE__ */ o("div", {
+			ref: E,
 			"data-slot": "body",
-			className: e([u]),
-			children: [C.map((t, n) => /* @__PURE__ */ i("div", {
+			className: e([f]),
+			children: [D.map((t, n) => /* @__PURE__ */ o("div", {
 				"data-slot": "entry",
-				className: e([d]),
+				className: e([p]),
 				children: [
-					t.timestamp && /* @__PURE__ */ r("span", {
+					t.timestamp && /* @__PURE__ */ a("span", {
 						"data-slot": "time",
-						className: e([f]),
+						className: e([m]),
 						children: t.timestamp
 					}),
-					/* @__PURE__ */ r("span", {
+					/* @__PURE__ */ a("span", {
 						"data-slot": "level",
-						className: e([p, y[t.level]]),
+						className: e([h, x[t.level]]),
 						children: t.level
 					}),
-					/* @__PURE__ */ r("span", {
+					/* @__PURE__ */ a("span", {
 						"data-slot": "message",
-						className: e([v]),
+						className: e([b]),
 						children: t.message
 					})
 				]
-			}, n)), C.length === 0 && /* @__PURE__ */ r("div", {
+			}, n)), D.length === 0 && /* @__PURE__ */ a("div", {
 				"data-slot": "entry",
-				className: e([d]),
-				children: /* @__PURE__ */ r("span", {
+				className: e([p]),
+				children: /* @__PURE__ */ a("span", {
 					"data-slot": "message",
 					style: { color: "var(--haze-color-text-muted)" },
-					className: e([v]),
-					children: S.noLogs
+					className: e([b]),
+					children: T.noLogs
 				})
 			})]
 		})]
 	});
 }
 //#endregion
-export { x as default };
+export { C as default };

package/dist/components/Mark/Mark.js

@@ -0,0 +1,20 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css               */
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Mark/Mark.tsx
+var n = {
+	warning: "haze-Mark__base",
+	primary: "haze-Mark__primary",
+	success: "haze-Mark__success",
+	danger: "haze-Mark__danger"
+};
+function r({ color: r = "warning", className: i, ...a }) {
+	return /* @__PURE__ */ t("mark", {
+		"data-slot": "mark",
+		...a,
+		className: e([n[r], i])
+	});
+}
+//#endregion
+export { r as default };

package/dist/components/Mark/index.js

@@ -0,0 +1,2 @@
+import e from "./Mark.js";
+export { e as Mark };

package/dist/components/Mentions/MentionsCore.js

@@ -1,8 +1,8 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as n } from "../../utils/refs.js";
 import { FloatingPanel as r, useFloating as i } from "../../utils/floating.js";
 /* empty css                       */
 import { useCallback as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
@@ -24,7 +24,7 @@ function v(e, t, n) {
 	return null;
 }
 function y({ value: y, onChange: b, options: x, trigger: S = "@", placeholder: C, className: w, "aria-label": T, ref: E, ...D }) {
-	let O = n("mentions"), [k, A] = l(!1), [j, M] = l(null), [N, P] = l(-1), F = s(), I = c(null), L = a((e) => t(I, E)(e), [I, E]), R = c(null), z = i({
+	let O = t("mentions"), [k, A] = l(!1), [j, M] = l(null), [N, P] = l(-1), F = s(), I = c(null), L = a((e) => n(I, E)(e), [I, E]), R = c(null), z = i({
 		open: k,
 		setOpen: A,
 		triggerRef: I,

package/dist/components/Menu/MenuItem.js

@@ -6,14 +6,16 @@ import "./menu-item-styles.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/Menu/MenuItem.tsx
 var r = "haze-MenuItem__item";
-function i({ onSelect: i, disabled: a = !1, danger: o = !1, icon: s, kbdLabel: c, className: l, children: u }) {
-	return /* @__PURE__ */ n("button", {
-		type: "button",
+function i({ onSelect: i, disabled: a = !1, danger: o = !1, icon: s, kbdLabel: c, className: l, children: u, as: d, ...f }) {
+	let p = d ?? "button", m = d === void 0 || d === "button";
+	return /* @__PURE__ */ n(p, {
+		...m ? { type: "button" } : {},
 		role: "menuitem",
 		"data-slot": "menu-item",
 		tabIndex: -1,
-		disabled: a,
+		...m ? { disabled: a } : { "aria-disabled": a || void 0 },
 		onClick: i,
+		...f,
 		className: e([
 			r,
 			o && "haze-menu-item-styles__menuItemDanger",

package/dist/components/NumberFormatter/NumberFormatter.js

@@ -0,0 +1,16 @@
+import { jsxs as e } from "react/jsx-runtime";
+//#region src/lib/components/NumberFormatter/NumberFormatter.tsx
+function t({ value: t, formatOptions: n, locale: r, prefix: i, suffix: a, ...o }) {
+	let s = new Intl.NumberFormat(r, n).format(t);
+	return /* @__PURE__ */ e("span", {
+		"data-slot": "number-formatter",
+		...o,
+		children: [
+			i,
+			s,
+			a
+		]
+	});
+}
+//#endregion
+export { t as default };

package/dist/components/NumberFormatter/index.js

@@ -0,0 +1,2 @@
+import e from "./NumberFormatter.js";
+export { e as NumberFormatter };

package/dist/components/OTPInput/OTPInputCore.js

@@ -1,16 +1,16 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { mergeRefs as t } from "../../utils/refs.js";
-import { formatString as n } from "../LocaleProvider/locale.js";
-import { useStrings as r } from "../LocaleProvider/useStrings.js";
+import { formatString as t } from "../LocaleProvider/locale.js";
+import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as r } from "../../utils/refs.js";
 /* empty css                       */
 import { useCallback as i, useRef as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/lib/components/OTPInput/OTPInputCore.tsx
 var s = "haze-OTPInputCore__container", c = "haze-OTPInputCore__cell";
 function l({ length: l = 6, value: u, onChange: d, className: f, ref: p }) {
-	let m = a([]), h = r("otpInput"), g = i((e) => t(p)(e), [p]), _ = i((e, t) => {
+	let m = a([]), h = n("otpInput"), g = i((e) => r(p)(e), [p]), _ = i((e, t) => {
 		let n = u.split("");
 		n[e] = t.slice(-1), d(n.join("").slice(0, l)), t && e < l - 1 && m.current[e + 1]?.focus();
 	}, [
@@ -29,15 +29,16 @@ function l({ length: l = 6, value: u, onChange: d, className: f, ref: p }) {
 	return /* @__PURE__ */ o("div", {
 		"data-slot": "otp-input",
 		className: e([s, f]),
-		children: Array.from({ length: l }, (t, r) => /* @__PURE__ */ o("input", {
+		children: Array.from({ length: l }, (n, r) => /* @__PURE__ */ o("input", {
 			"data-slot": "segment",
 			ref: (e) => {
 				m.current[r] = e, r === 0 && g(e);
 			},
 			type: "text",
 			inputMode: "numeric",
+			autoComplete: "one-time-code",
 			maxLength: 1,
-			"aria-label": n(h.digitLabel, {
+			"aria-label": t(h.digitLabel, {
 				index: r + 1,
 				total: l
 			}),

package/dist/components/PasswordInput/PasswordInputCore.js

@@ -2,36 +2,37 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import n from "../Input/InputCore.js";
 /* empty css                            */
-import { useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/lib/components/PasswordInput/PasswordInputCore.tsx
-var a = "haze-PasswordInputCore__wrapper", o = "haze-PasswordInputCore__input", s = "haze-PasswordInputCore__toggle";
-function c({ value: c, onChange: l, placeholder: u, disabled: d, className: f, ref: p }) {
-	let [m, h] = n(!1), g = t("passwordInput");
+var a = "haze-PasswordInputCore__wrapper", o = "haze-PasswordInputCore__toggle";
+function s({ value: s, onChange: c, placeholder: l, disabled: u, className: d, ref: f }) {
+	let [p, m] = r(!1), h = t("passwordInput");
 	return /* @__PURE__ */ i("div", {
 		"data-slot": "password-input",
-		className: e([a, f]),
-		children: [/* @__PURE__ */ r("input", {
-			ref: p,
-			"data-slot": "input",
-			type: m ? "text" : "password",
-			"aria-label": g.label,
-			value: c,
-			onChange: (e) => l(e.target.value),
-			placeholder: u,
-			disabled: d,
-			className: e([o])
-		}), /* @__PURE__ */ r("button", {
-			"data-slot": "toggle-visibility",
-			type: "button",
-			onClick: () => h(!m),
-			tabIndex: -1,
-			"aria-label": m ? g.hide : g.show,
-			className: e([s]),
-			children: m ? "🙈" : "👁"
-		})]
+		className: e([a, d]),
+		children: i(n, {
+			ref: f,
+			value: s,
+			onChange: c,
+			type: p ? "text" : "password",
+			"aria-label": h.label,
+			placeholder: l,
+			disabled: u,
+			rightSection: /* @__PURE__ */ i("button", {
+				"data-slot": "toggle-visibility",
+				"data-section-pointer": "auto",
+				type: "button",
+				onClick: () => m(!p),
+				tabIndex: -1,
+				"aria-label": p ? h.hide : h.show,
+				className: e([o]),
+				children: p ? "🙈" : "👁"
+			})
+		})
 	});
 }
 //#endregion
-export { c as default };
+export { s as default };