haze-ui 1.33.0 → 1.34.0

package/dist/components/Trace/Trace.js

@@ -0,0 +1,132 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                */
+import { c as t } from "react/compiler-runtime";
+import { useEffect as n, useId as r, useRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useControl as l } from "react-use-control";
+//#region src/lib/components/Trace/Trace.tsx
+var u = "haze-Trace__list", d = "haze-Trace__item", f = "haze-Trace__itemStacked", p = "haze-Trace__headerButton", m = "haze-Trace__marker", h = "haze-Trace__markerPending", g = "haze-Trace__markerRunning", _ = "haze-Trace__markerDone", v = "haze-Trace__markerError", y = "haze-Trace__titleStyle", b = "haze-Trace__chevron", x = "haze-Trace__chevronOpen", S = "haze-Trace__panelStyle", C = "haze-Trace__detailsBody", w = "haze-Trace__srOnly", T = {
+	done: "✓",
+	error: "!"
+}, E = {
+	pending: h,
+	running: g,
+	done: _,
+	error: v
+}, D = {
+	pending: "Pending",
+	running: "Running...",
+	done: "Done",
+	error: "Error"
+}, O = () => {
+	let e = t(1), n;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ s("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: s("path", { d: "M6 4l4 4-4 4" })
+	}), e[0] = n) : n = e[0], n;
+};
+function k({ title: t, status: u = "pending", icon: h, details: g, open: _, onOpenChange: v, className: C, ...k }) {
+	let [A, j] = l(_, !1), M = r(), N = g != null, P = () => {
+		let e = !A;
+		j(e), v?.(e);
+	}, [F, I] = a(""), L = i(u), R = i(null);
+	n(() => {
+		if (L.current === u) return;
+		L.current = u;
+		let e = R.current?.textContent.trim();
+		I(e ? `${e}: ${D[u]}` : D[u]);
+	}, [u]);
+	let z = /* @__PURE__ */ s("span", {
+		"data-slot": "indicator",
+		"aria-hidden": "true",
+		className: e([m, E[u]]),
+		children: h ? /* @__PURE__ */ s(h, {}) : T[u]
+	}), B = /* @__PURE__ */ s("div", {
+		"data-slot": "title",
+		ref: R,
+		className: e([y]),
+		children: t
+	});
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "item",
+		"data-status": u,
+		...k,
+		className: e([
+			d,
+			N && f,
+			C
+		]),
+		children: [
+			/* @__PURE__ */ s("span", {
+				"data-slot": "live-region",
+				role: "status",
+				className: e([w]),
+				children: F
+			}),
+			N ? /* @__PURE__ */ c("button", {
+				type: "button",
+				"data-slot": "header",
+				"aria-expanded": A,
+				"aria-controls": M,
+				onClick: P,
+				className: e([p]),
+				children: [
+					z,
+					B,
+					/* @__PURE__ */ s("span", {
+						"data-slot": "icon",
+						"aria-hidden": "true",
+						className: e([b, A && x]),
+						children: /* @__PURE__ */ s(O, {})
+					})
+				]
+			}) : /* @__PURE__ */ c(o, { children: [z, B] }),
+			N && /* @__PURE__ */ s("div", {
+				"data-slot": "panel",
+				id: M,
+				hidden: !A,
+				className: e([S]),
+				children: g
+			})
+		]
+	});
+}
+function A(n) {
+	let r = t(10), i, a, o;
+	r[0] === n ? (i = r[1], a = r[2], o = r[3]) : ({children: i, className: a, ...o} = n, r[0] = n, r[1] = i, r[2] = a, r[3] = o);
+	let c;
+	r[4] === a ? c = r[5] : (c = [C, a], r[4] = a, r[5] = c);
+	let l;
+	return r[6] !== i || r[7] !== o || r[8] !== c ? (l = /* @__PURE__ */ s("div", {
+		"data-slot": "details",
+		...o,
+		className: e(c),
+		children: i
+	}), r[6] = i, r[7] = o, r[8] = c, r[9] = l) : l = r[9], l;
+}
+function j(n) {
+	let r = t(10), i, a, o;
+	r[0] === n ? (i = r[1], a = r[2], o = r[3]) : ({children: i, className: a, ...o} = n, r[0] = n, r[1] = i, r[2] = a, r[3] = o);
+	let c;
+	r[4] === a ? c = r[5] : (c = [u, a], r[4] = a, r[5] = c);
+	let l;
+	return r[6] !== i || r[7] !== o || r[8] !== c ? (l = /* @__PURE__ */ s("div", {
+		"data-slot": "trace",
+		...o,
+		className: e(c),
+		children: i
+	}), r[6] = i, r[7] = o, r[8] = c, r[9] = l) : l = r[9], l;
+}
+//#endregion
+export { A as TraceDetails, k as TraceItem, j as default };

package/dist/components/Trace/index.js

@@ -0,0 +1,3 @@
+"use client";
+import e, { TraceDetails as t, TraceItem as n } from "./Trace.js";
+export { e as Trace, t as TraceDetails, n as TraceItem };

package/dist/components/Transfer/Transfer.js

@@ -1,18 +1,23 @@
 "use client";
 import e from "./TransferCore.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/Transfer/Transfer.tsx
-function r({ dataSource: r, targetKeys: i, onChange: a, className: o }) {
-	let [s, c] = n(i, []);
-	return /* @__PURE__ */ t(e, {
-		dataSource: r,
-		value: s,
-		onChange: (e, t, n) => {
-			c(e), a?.(e, t, n);
-		},
-		className: o
-	});
+function i(i) {
+	let a = t(9), { dataSource: o, targetKeys: s, onChange: c, className: l } = i, u;
+	a[0] === Symbol.for("react.memo_cache_sentinel") ? (u = [], a[0] = u) : u = a[0];
+	let [d, f] = r(s, u), p;
+	a[1] !== c || a[2] !== f ? (p = (e, t, n) => {
+		f(e), c?.(e, t, n);
+	}, a[1] = c, a[2] = f, a[3] = p) : p = a[3];
+	let m;
+	return a[4] !== l || a[5] !== o || a[6] !== p || a[7] !== d ? (m = /* @__PURE__ */ n(e, {
+		dataSource: o,
+		value: d,
+		onChange: p,
+		className: l
+	}), a[4] = l, a[5] = o, a[6] = p, a[7] = d, a[8] = m) : m = a[8], m;
 }
 //#endregion
-export { r as default };
+export { i as default };

package/dist/components/Transfer/TransferCore.js

@@ -4,96 +4,152 @@ import { classnames as e } from "../../utils/classnames.js";
 import { formatString as t } from "../LocaleProvider/locale.js";
 import { useStrings as n } from "../LocaleProvider/useStrings.js";
 /* empty css                       */
-import { useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { c as r } from "react/compiler-runtime";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/lib/components/Transfer/TransferCore.tsx
-var o = "haze-TransferCore__container", s = "haze-TransferCore__panel", c = "haze-TransferCore__panelHeader", l = "haze-TransferCore__panelBody", u = "haze-TransferCore__itemStyle", d = "haze-TransferCore__actions", f = "haze-TransferCore__actionBtn";
-function p({ dataSource: p, value: m, onChange: h, className: g, ..._ }) {
-	let [v, y] = r([]), [b, x] = r([]), S = n("transfer"), C = p.filter((e) => !m.includes(e.key)), w = p.filter((e) => m.includes(e.key)), T = (e) => {
-		y((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, E = (e) => {
-		x((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, D = () => {
-		v.length !== 0 && (h([...m, ...v], "right", v), y([]));
-	}, O = () => {
-		b.length !== 0 && (h(m.filter((e) => !b.includes(e)), "left", b), x([]));
-	};
-	return /* @__PURE__ */ a("div", {
-		"data-slot": "transfer",
-		..._,
-		className: e([o, g]),
+var ee = "haze-TransferCore__container", te = "haze-TransferCore__panel", ne = "haze-TransferCore__panelHeader", re = "haze-TransferCore__panelBody", s = "haze-TransferCore__itemStyle", ie = "haze-TransferCore__actions", ae = "haze-TransferCore__actionBtn";
+function c(c) {
+	let l = r(91), u, d, f, p, m;
+	l[0] === c ? (u = l[1], d = l[2], f = l[3], p = l[4], m = l[5]) : ({dataSource: d, value: m, onChange: f, className: u, ...p} = c, l[0] = c, l[1] = u, l[2] = d, l[3] = f, l[4] = p, l[5] = m);
+	let h;
+	l[6] === Symbol.for("react.memo_cache_sentinel") ? (h = [], l[6] = h) : h = l[6];
+	let [g, _] = i(h), v;
+	l[7] === Symbol.for("react.memo_cache_sentinel") ? (v = [], l[7] = v) : v = l[7];
+	let [y, oe] = i(v), b = n("transfer"), x, S, C, w, T, E, D, O, k, A, j;
+	if (l[8] !== u || l[9] !== d || l[10] !== f || l[11] !== p || l[12] !== g || l[13] !== y || l[14] !== b.moveToSource || l[15] !== b.moveToTarget || l[16] !== b.source || l[17] !== b.target || l[18] !== m) {
+		let n;
+		l[30] === m ? n = l[31] : (n = (e) => !m.includes(e.key), l[30] = m, l[31] = n);
+		let r = d.filter(n), i;
+		l[32] === m ? i = l[33] : (i = (e) => m.includes(e.key), l[32] = m, l[33] = i);
+		let c = d.filter(i), h;
+		l[34] === Symbol.for("react.memo_cache_sentinel") ? (h = (e) => {
+			_((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+		}, l[34] = h) : h = l[34];
+		let v = h, M;
+		l[35] === Symbol.for("react.memo_cache_sentinel") ? (M = (e) => {
+			oe((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+		}, l[35] = M) : M = l[35];
+		let N = M, P;
+		l[36] !== f || l[37] !== g || l[38] !== m ? (P = () => {
+			if (g.length === 0) return;
+			let e = [...m, ...g];
+			f(e, "right", g), _([]);
+		}, l[36] = f, l[37] = g, l[38] = m, l[39] = P) : P = l[39];
+		let F = P, I;
+		l[40] !== f || l[41] !== y || l[42] !== m ? (I = () => {
+			if (y.length === 0) return;
+			let e = m.filter((e) => !y.includes(e));
+			f(e, "left", y), oe([]);
+		}, l[40] = f, l[41] = y, l[42] = m, l[43] = I) : I = l[43];
+		let L = I;
+		j = "transfer", l[44] === u ? x = l[45] : (x = [ee, u], l[44] = u, l[45] = x), S = p;
+		let R;
+		l[46] === Symbol.for("react.memo_cache_sentinel") ? (R = [te], l[46] = R) : R = l[46];
+		let z;
+		l[47] === Symbol.for("react.memo_cache_sentinel") ? (z = [ne], l[47] = z) : z = l[47];
+		let B = /* @__PURE__ */ a("div", {
+			"data-slot": "header",
+			className: e(z),
+			children: t(b.source, { count: r.length })
+		}), V;
+		l[48] === Symbol.for("react.memo_cache_sentinel") ? (V = [re], l[48] = V) : V = l[48];
+		let H;
+		l[49] === g ? H = l[50] : (H = (t) => /* @__PURE__ */ o("label", {
+			"data-slot": "item",
+			className: e([s]),
+			children: [/* @__PURE__ */ a("input", {
+				"data-slot": "checkbox",
+				type: "checkbox",
+				checked: g.includes(t.key),
+				disabled: t.disabled,
+				onChange: () => v(t.key),
+				"aria-label": t.title
+			}), t.title]
+		}, t.key), l[49] = g, l[50] = H);
+		let U = r.map(H), W;
+		l[51] === U ? W = l[52] : (W = /* @__PURE__ */ a("div", {
+			"data-slot": "list",
+			className: e(V),
+			children: U
+		}), l[51] = U, l[52] = W), l[53] !== B || l[54] !== W ? (C = /* @__PURE__ */ o("div", {
+			"data-slot": "panel",
+			className: e(R),
+			children: [B, W]
+		}), l[53] = B, l[54] = W, l[55] = C) : C = l[55];
+		let G;
+		l[56] === Symbol.for("react.memo_cache_sentinel") ? (G = [ie], l[56] = G) : G = l[56];
+		let K;
+		l[57] === Symbol.for("react.memo_cache_sentinel") ? (K = [ae], l[57] = K) : K = l[57];
+		let q = g.length === 0, J;
+		l[58] !== F || l[59] !== b.moveToTarget || l[60] !== q ? (J = /* @__PURE__ */ a("button", {
+			type: "button",
+			"data-slot": "move-button",
+			disabled: q,
+			onClick: F,
+			"aria-label": b.moveToTarget,
+			className: e(K),
+			children: "›"
+		}), l[58] = F, l[59] = b.moveToTarget, l[60] = q, l[61] = J) : J = l[61];
+		let Y;
+		l[62] === Symbol.for("react.memo_cache_sentinel") ? (Y = [ae], l[62] = Y) : Y = l[62];
+		let X = y.length === 0, Z;
+		l[63] !== L || l[64] !== b.moveToSource || l[65] !== X ? (Z = /* @__PURE__ */ a("button", {
+			type: "button",
+			"data-slot": "move-button",
+			disabled: X,
+			onClick: L,
+			"aria-label": b.moveToSource,
+			className: e(Y),
+			children: "‹"
+		}), l[63] = L, l[64] = b.moveToSource, l[65] = X, l[66] = Z) : Z = l[66], l[67] !== J || l[68] !== Z ? (w = /* @__PURE__ */ o("div", {
+			"data-slot": "actions",
+			className: e(G),
+			children: [J, Z]
+		}), l[67] = J, l[68] = Z, l[69] = w) : w = l[69], O = "panel", l[70] === Symbol.for("react.memo_cache_sentinel") ? (k = [te], l[70] = k) : k = l[70];
+		let Q;
+		l[71] === Symbol.for("react.memo_cache_sentinel") ? (Q = [ne], l[71] = Q) : Q = l[71], A = /* @__PURE__ */ a("div", {
+			"data-slot": "header",
+			className: e(Q),
+			children: t(b.target, { count: c.length })
+		}), T = "list", l[72] === Symbol.for("react.memo_cache_sentinel") ? (E = [re], l[72] = E) : E = l[72];
+		let $;
+		l[73] === y ? $ = l[74] : ($ = (t) => /* @__PURE__ */ o("label", {
+			"data-slot": "item",
+			className: e([s]),
+			children: [/* @__PURE__ */ a("input", {
+				"data-slot": "checkbox",
+				type: "checkbox",
+				checked: y.includes(t.key),
+				disabled: t.disabled,
+				onChange: () => N(t.key),
+				"aria-label": t.title
+			}), t.title]
+		}, t.key), l[73] = y, l[74] = $), D = c.map($), l[8] = u, l[9] = d, l[10] = f, l[11] = p, l[12] = g, l[13] = y, l[14] = b.moveToSource, l[15] = b.moveToTarget, l[16] = b.source, l[17] = b.target, l[18] = m, l[19] = x, l[20] = S, l[21] = C, l[22] = w, l[23] = T, l[24] = E, l[25] = D, l[26] = O, l[27] = k, l[28] = A, l[29] = j;
+	} else x = l[19], S = l[20], C = l[21], w = l[22], T = l[23], E = l[24], D = l[25], O = l[26], k = l[27], A = l[28], j = l[29];
+	let M;
+	l[75] !== T || l[76] !== E || l[77] !== D ? (M = /* @__PURE__ */ a("div", {
+		"data-slot": T,
+		className: e(E),
+		children: D
+	}), l[75] = T, l[76] = E, l[77] = D, l[78] = M) : M = l[78];
+	let N;
+	l[79] !== M || l[80] !== O || l[81] !== k || l[82] !== A ? (N = /* @__PURE__ */ o("div", {
+		"data-slot": O,
+		className: e(k),
+		children: [A, M]
+	}), l[79] = M, l[80] = O, l[81] = k, l[82] = A, l[83] = N) : N = l[83];
+	let P;
+	return l[84] !== x || l[85] !== S || l[86] !== C || l[87] !== w || l[88] !== N || l[89] !== j ? (P = /* @__PURE__ */ o("div", {
+		"data-slot": j,
+		...S,
+		className: e(x),
 		children: [
-			/* @__PURE__ */ a("div", {
-				"data-slot": "panel",
-				className: e([s]),
-				children: [/* @__PURE__ */ i("div", {
-					"data-slot": "header",
-					className: e([c]),
-					children: t(S.source, { count: C.length })
-				}), /* @__PURE__ */ i("div", {
-					"data-slot": "list",
-					className: e([l]),
-					children: C.map((t) => /* @__PURE__ */ a("label", {
-						"data-slot": "item",
-						className: e([u]),
-						children: [/* @__PURE__ */ i("input", {
-							"data-slot": "checkbox",
-							type: "checkbox",
-							checked: v.includes(t.key),
-							disabled: t.disabled,
-							onChange: () => T(t.key),
-							"aria-label": t.title
-						}), t.title]
-					}, t.key))
-				})]
-			}),
-			/* @__PURE__ */ a("div", {
-				"data-slot": "actions",
-				className: e([d]),
-				children: [/* @__PURE__ */ i("button", {
-					type: "button",
-					"data-slot": "move-button",
-					disabled: v.length === 0,
-					onClick: D,
-					"aria-label": S.moveToTarget,
-					className: e([f]),
-					children: "›"
-				}), /* @__PURE__ */ i("button", {
-					type: "button",
-					"data-slot": "move-button",
-					disabled: b.length === 0,
-					onClick: O,
-					"aria-label": S.moveToSource,
-					className: e([f]),
-					children: "‹"
-				})]
-			}),
-			/* @__PURE__ */ a("div", {
-				"data-slot": "panel",
-				className: e([s]),
-				children: [/* @__PURE__ */ i("div", {
-					"data-slot": "header",
-					className: e([c]),
-					children: t(S.target, { count: w.length })
-				}), /* @__PURE__ */ i("div", {
-					"data-slot": "list",
-					className: e([l]),
-					children: w.map((t) => /* @__PURE__ */ a("label", {
-						"data-slot": "item",
-						className: e([u]),
-						children: [/* @__PURE__ */ i("input", {
-							"data-slot": "checkbox",
-							type: "checkbox",
-							checked: b.includes(t.key),
-							disabled: t.disabled,
-							onChange: () => E(t.key),
-							"aria-label": t.title
-						}), t.title]
-					}, t.key))
-				})]
-			})
+			C,
+			w,
+			N
 		]
-	});
+	}), l[84] = x, l[85] = S, l[86] = C, l[87] = w, l[88] = N, l[89] = j, l[90] = P) : P = l[90], P;
 }
 //#endregion
-export { p as default };
+export { c as default };