haze-ui 1.32.0 → 1.34.0

package/dist/components/LogViewer/LogViewer.js

@@ -4,7 +4,8 @@ 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 r, useRef as i } from "react";
+import { c as r } from "react/compiler-runtime";
+import { 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
@@ -19,68 +20,97 @@ var c = "haze-LogViewer__wrapper", l = "haze-LogViewer__toolbar", u = "haze-LogV
 	"warn",
 	"error"
 ];
-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({
+function C(m) {
+	let h = r(36), { logs: g, filter: _, onLoadMore: v, className: y } = m, [x, C] = s(_, null), T = t("logViewer"), E = i(null), D;
+	h[0] !== x || h[1] !== g ? (D = x ? g.filter((e) => e.level === x) : g, h[0] = x, h[1] = g, h[2] = D) : D = h[2];
+	let O = D, k;
+	h[3] !== O.length || h[4] !== v ? (k = {
 		ref: E,
 		onEndReached: v,
 		threshold: 200,
-		contentUnits: D.length
-	}), /* @__PURE__ */ o("div", {
+		contentUnits: O.length
+	}, h[3] = O.length, h[4] = v, h[5] = k) : k = h[5], n(k);
+	let A;
+	h[6] === y ? A = h[7] : (A = [c, y], h[6] = y, h[7] = A);
+	let j;
+	h[8] === Symbol.for("react.memo_cache_sentinel") ? (j = [l], h[8] = j) : j = h[8];
+	let M = !x && d, N;
+	h[9] === M ? N = h[10] : (N = [u, M], h[9] = M, h[10] = N);
+	let P;
+	h[11] === C ? P = h[12] : (P = () => C(null), h[11] = C, h[12] = P);
+	let F;
+	h[13] !== T.all || h[14] !== N || h[15] !== P ? (F = /* @__PURE__ */ a("button", {
+		"data-slot": "filter-button",
+		type: "button",
+		onClick: P,
+		className: e(N),
+		children: T.all
+	}), h[13] = T.all, h[14] = N, h[15] = P, h[16] = F) : F = h[16];
+	let I;
+	h[17] !== x || h[18] !== C ? (I = S.map((t) => /* @__PURE__ */ a("button", {
+		"data-slot": "filter-button",
+		type: "button",
+		onClick: () => C(t),
+		className: e([u, x === t && d]),
+		children: t
+	}, t)), h[17] = x, h[18] = C, h[19] = I) : I = h[19];
+	let L;
+	h[20] !== F || h[21] !== I ? (L = /* @__PURE__ */ o("div", {
+		"data-slot": "toolbar",
+		className: e(j),
+		children: [F, I]
+	}), h[20] = F, h[21] = I, h[22] = L) : L = h[22];
+	let R;
+	h[23] === Symbol.for("react.memo_cache_sentinel") ? (R = [f], h[23] = R) : R = h[23];
+	let z;
+	h[24] === O ? z = h[25] : (z = O.map(w), h[24] = O, h[25] = z);
+	let B;
+	h[26] !== O.length || h[27] !== T.noLogs ? (B = O.length === 0 && /* @__PURE__ */ a("div", {
+		"data-slot": "entry",
+		className: e([p]),
+		children: a("span", {
+			"data-slot": "message",
+			style: { color: "var(--haze-color-text-muted)" },
+			className: e([b]),
+			children: T.noLogs
+		})
+	}), h[26] = O.length, h[27] = T.noLogs, h[28] = B) : B = h[28];
+	let V;
+	h[29] !== z || h[30] !== B ? (V = /* @__PURE__ */ o("div", {
+		ref: E,
+		"data-slot": "body",
+		className: e(R),
+		children: [z, B]
+	}), h[29] = z, h[30] = B, h[31] = V) : V = h[31];
+	let H;
+	return h[32] !== L || h[33] !== V || h[34] !== A ? (H = /* @__PURE__ */ o("div", {
 		"data-slot": "log-viewer",
-		className: e([c, y]),
-		children: [/* @__PURE__ */ o("div", {
-			"data-slot": "toolbar",
-			className: e([l]),
-			children: [/* @__PURE__ */ a("button", {
-				"data-slot": "filter-button",
-				type: "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: () => w(t),
-				className: e([u, C === t && d]),
-				children: t
-			}, t))]
-		}), /* @__PURE__ */ o("div", {
-			ref: E,
-			"data-slot": "body",
-			className: e([f]),
-			children: [D.map((t, n) => /* @__PURE__ */ o("div", {
-				"data-slot": "entry",
-				className: e([p]),
-				children: [
-					t.timestamp && /* @__PURE__ */ a("span", {
-						"data-slot": "time",
-						className: e([m]),
-						children: t.timestamp
-					}),
-					/* @__PURE__ */ a("span", {
-						"data-slot": "level",
-						className: e([h, x[t.level]]),
-						children: t.level
-					}),
-					/* @__PURE__ */ a("span", {
-						"data-slot": "message",
-						className: e([b]),
-						children: t.message
-					})
-				]
-			}, n)), D.length === 0 && /* @__PURE__ */ a("div", {
-				"data-slot": "entry",
-				className: e([p]),
-				children: /* @__PURE__ */ a("span", {
-					"data-slot": "message",
-					style: { color: "var(--haze-color-text-muted)" },
-					className: e([b]),
-					children: T.noLogs
-				})
-			})]
-		})]
-	});
+		className: e(A),
+		children: [L, V]
+	}), h[32] = L, h[33] = V, h[34] = A, h[35] = H) : H = h[35], H;
+}
+function w(t, n) {
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "entry",
+		className: e([p]),
+		children: [
+			t.timestamp && /* @__PURE__ */ a("span", {
+				"data-slot": "time",
+				className: e([m]),
+				children: t.timestamp
+			}),
+			/* @__PURE__ */ a("span", {
+				"data-slot": "level",
+				className: e([h, x[t.level]]),
+				children: t.level
+			}),
+			/* @__PURE__ */ a("span", {
+				"data-slot": "message",
+				className: e([b]),
+				children: t.message
+			})
+		]
+	}, n);
 }
 //#endregion
 export { C as default };

package/dist/components/Mark/Mark.js

@@ -4,10 +4,12 @@ import { classnames as e } from "../../utils/classnames.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Mark/Mark.tsx
 var n = {
+	default: "haze-Mark__neutral",
 	warning: "haze-Mark__base",
 	primary: "haze-Mark__primary",
 	success: "haze-Mark__success",
-	danger: "haze-Mark__danger"
+	danger: "haze-Mark__danger",
+	info: "haze-Mark__info"
 };
 function r({ color: r = "warning", className: i, ...a }) {
 	return /* @__PURE__ */ t("mark", {

package/dist/components/MaskedInput/MaskedInput.js

@@ -0,0 +1,25 @@
+"use client";
+import e from "./MaskedInputCore.js";
+import { c as t } from "react/compiler-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
+//#region src/lib/components/MaskedInput/MaskedInput.tsx
+function i(i) {
+	let a = t(21), o, s, c, l, u, d, f, p, m;
+	a[0] === i ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6], f = a[7], p = a[8], m = a[9]) : ({value: m, mask: c, size: p, className: o, leftSection: s, rightSection: f, onChange: l, ref: u, ...d} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d, a[7] = f, a[8] = p, a[9] = m);
+	let [h, g] = r(m, ""), _;
+	return a[10] !== o || a[11] !== s || a[12] !== c || a[13] !== l || a[14] !== u || a[15] !== d || a[16] !== f || a[17] !== g || a[18] !== p || a[19] !== h ? (_ = /* @__PURE__ */ n(e, {
+		ref: u,
+		value: h,
+		onChange: g,
+		onNativeChange: l,
+		mask: c,
+		size: p,
+		className: o,
+		leftSection: s,
+		rightSection: f,
+		...d
+	}), a[10] = o, a[11] = s, a[12] = c, a[13] = l, a[14] = u, a[15] = d, a[16] = f, a[17] = g, a[18] = p, a[19] = h, a[20] = _) : _ = a[20], _;
+}
+//#endregion
+export { i as default };

package/dist/components/MaskedInput/MaskedInputCore.js

@@ -0,0 +1,47 @@
+"use client";
+import e from "../Input/InputCore.js";
+import { mergeRefs as t } from "../../utils/refs.js";
+import { applyEdit as n, formatMask as r, unmask as i } from "./mask.js";
+import { useLayoutEffect as a, useRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/lib/components/MaskedInput/MaskedInputCore.tsx
+function c({ value: c, onChange: l, onNativeChange: u, mask: d, size: f = "md", className: p, leftSection: m, rightSection: h, onKeyDown: g, onKeyUp: _, ref: v, ...y }) {
+	let b = o(null), x = o(null), S = o(d), C = (e, t) => {
+		let n = b.current;
+		n && (n.value = e, n.setSelectionRange(t, t));
+	};
+	return a(() => {
+		let e = S.current;
+		S.current = d;
+		let t = r(i(c, e), d);
+		t !== c && l(t);
+	}), /* @__PURE__ */ s(e, {
+		ref: (e) => t(b, v)(e),
+		"data-slot": "input",
+		value: c,
+		onChange: (e) => {
+			let t = b.current?.selectionStart ?? e.length, r = x.current;
+			x.current = null;
+			let i = n(c, e, t, d, r);
+			if (i.type === "edit") {
+				l(i.value), C(i.value, i.caret);
+				return;
+			}
+			C(c, i.caret);
+		},
+		onNativeChange: u,
+		size: f,
+		className: p,
+		leftSection: m,
+		rightSection: h,
+		onKeyDown: (e) => {
+			x.current = e.key === "Backspace" ? "backward" : e.key === "Delete" ? "forward" : null, g?.(e);
+		},
+		onKeyUp: (e) => {
+			(e.key === "Backspace" || e.key === "Delete") && (x.current = null), _?.(e);
+		},
+		...y
+	});
+}
+//#endregion
+export { c as default };

package/dist/components/MaskedInput/index.js

@@ -0,0 +1,5 @@
+"use client";
+import { applyEdit as e, formatMask as t, parseMask as n, unmask as r } from "./mask.js";
+import i from "./MaskedInputCore.js";
+import a from "./MaskedInput.js";
+export { a as MaskedInput, i as MaskedInputCore, e as applyEdit, t as formatMask, n as parseMask, r as unmask };

package/dist/components/MaskedInput/mask.js

@@ -0,0 +1,154 @@
+"use client";
+//#region src/lib/components/MaskedInput/mask.ts
+var e = /\p{L}/u;
+function t(t, n) {
+	switch (n) {
+		case "9": return t >= "0" && t <= "9";
+		case "a":
+		case "A": return e.test(t);
+		default: return e.test(t) || t >= "0" && t <= "9";
+	}
+}
+function n(e, t) {
+	return t === "A" ? e.toUpperCase() : e;
+}
+function r(e) {
+	let t = [], n = !1;
+	for (let r of e) n ? (t.push({
+		type: "literal",
+		char: r
+	}), n = !1) : r === "\\" ? n = !0 : r === "9" || r === "a" || r === "A" || r === "*" ? t.push({
+		type: "slot",
+		kind: r
+	}) : t.push({
+		type: "literal",
+		char: r
+	});
+	return n && t.push({
+		type: "literal",
+		char: "\\"
+	}), t;
+}
+function i(e) {
+	let t = [], n = [], r;
+	for (let i of e) i.type === "literal" ? (r ??= []).push(i.char) : (t.push(i.kind), n.push(r), r = void 0);
+	return {
+		kinds: t,
+		literalsBefore: n
+	};
+}
+function a(e, r) {
+	let { kinds: a } = i(r), o = [], s = 0;
+	for (let r of a) {
+		for (; s < e.length && !t(e.charAt(s), r);) s++;
+		if (s >= e.length) break;
+		o.push(n(e.charAt(s), r)), s++;
+	}
+	let c = "", l = [], u = 0;
+	for (let e of r) {
+		if (e.type === "literal") {
+			u < o.length && (c += e.char);
+			continue;
+		}
+		if (u >= o.length) break;
+		l.push(c.length), c += o[u], u++;
+	}
+	return {
+		value: c,
+		slotPositions: l
+	};
+}
+function o(e, t) {
+	return a(e, r(t)).value;
+}
+function s(e, t) {
+	let n = r(t), i = "", a = 0;
+	for (let t of n) {
+		if (t.type === "literal") {
+			e.charAt(a) === t.char && a++;
+			continue;
+		}
+		if (a >= e.length) break;
+		i += e.charAt(a), a++;
+	}
+	return i;
+}
+function c(e, t, n) {
+	let r = 0, i = 0;
+	for (let a of e) {
+		if (a.type === "literal") {
+			r < n && t.charAt(r) === a.char && r++;
+			continue;
+		}
+		if (r >= n || r >= t.length) break;
+		i++, r++;
+	}
+	return i;
+}
+function l(e, o, l, u, d = null) {
+	if (o === e) return {
+		type: "reject",
+		caret: l
+	};
+	let f = r(u), { kinds: p, literalsBefore: m } = i(f), h = 0, g = Math.min(e.length, o.length);
+	for (; h < g && e.charAt(h) === o.charAt(h);) h++;
+	let _ = e.length, v = o.length;
+	for (; _ > h && v > h && e.charAt(_ - 1) === o.charAt(v - 1);) _--, v--;
+	let y = e.slice(h, _), b = o.slice(h, v), x = s(e, u), S = c(f, e, h), C = c(f, e, _) - S;
+	if (b.length > 0) {
+		let e = [], r = !1;
+		for (let i of b) {
+			if (S + e.length >= p.length) break;
+			let a = p[S + e.length];
+			if (t(i, a)) {
+				e.push(n(i, a));
+				continue;
+			}
+			if (m[S + e.length]?.includes(i)) {
+				r = !0;
+				continue;
+			}
+		}
+		if (e.length === 0 && C === 0) {
+			if (r) {
+				let e = a(x, f);
+				return {
+					type: "skip",
+					caret: S < e.slotPositions.length ? e.slotPositions[S] : e.value.length
+				};
+			}
+			return {
+				type: "reject",
+				caret: h
+			};
+		}
+		let i = a(x.slice(0, S) + e.join("") + x.slice(S + C), f), o = S + e.length - 1, s = e.length > 0 ? i.slotPositions[o] + 1 : S < i.slotPositions.length ? i.slotPositions[S] : i.value.length;
+		return {
+			type: "edit",
+			value: i.value,
+			caret: s
+		};
+	}
+	if (C > 0) {
+		let e = a(x.slice(0, S) + x.slice(S + C), f), t = S < e.slotPositions.length ? e.slotPositions[S] : e.value.length;
+		return {
+			type: "edit",
+			value: e.value,
+			caret: t
+		};
+	}
+	if (d === "backward" && S > 0) {
+		let e = a(x.slice(0, S - 1) + x.slice(S), f), t = S - 1 < e.slotPositions.length ? e.slotPositions[S - 1] : e.value.length;
+		return {
+			type: "edit",
+			value: e.value,
+			caret: t
+		};
+	}
+	return {
+		type: "reject",
+		caret: d === "backward" ? h + y.length : h
+	};
+}
+//#endregion
+export { l as applyEdit, o as formatMask, r as parseMask, s as unmask };

package/dist/components/Mentions/Mentions.js

@@ -1,18 +1,23 @@
 "use client";
 import e from "./MentionsCore.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useControl as n } from "react-use-control";
+import { c as t } from "react/compiler-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
 //#region src/lib/components/Mentions/Mentions.tsx
-function r({ value: r, onChange: i, ref: a, ...o }) {
-	let [s, c] = n(r, "");
-	return /* @__PURE__ */ t(e, {
-		ref: a,
-		value: s,
-		onChange: (e) => {
-			c(e), i?.(e);
-		},
-		...o
-	});
+function i(i) {
+	let a = t(13), o, s, c, l;
+	a[0] === i ? (o = a[1], s = a[2], c = a[3], l = a[4]) : ({value: l, onChange: o, ref: s, ...c} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = c, a[4] = l);
+	let [u, d] = r(l, ""), f;
+	a[5] !== o || a[6] !== d ? (f = (e) => {
+		d(e), o?.(e);
+	}, a[5] = o, a[6] = d, a[7] = f) : f = a[7];
+	let p;
+	return a[8] !== s || a[9] !== c || a[10] !== f || a[11] !== u ? (p = /* @__PURE__ */ n(e, {
+		ref: s,
+		value: u,
+		onChange: f,
+		...c
+	}), a[8] = s, a[9] = c, a[10] = f, a[11] = u, a[12] = p) : p = a[12], p;
 }
 //#endregion
-export { r as default };
+export { i as default };