haze-ui 1.32.0 → 1.34.0

package/dist/components/Toast/ToastContainer.js

@@ -5,89 +5,119 @@ import { useStrings as t } from "../LocaleProvider/useStrings.js";
 import { useConfigDefaults as n } from "../ConfigProvider/useConfigDefaults.js";
 import { Presence as r } from "../../utils/presence.js";
 import i from "./Toast.js";
-import { ToastProvider as a, applyToastPatch as o, deferredCopyKey as s } from "./ToastContext.js";
-import { nextToastId as c, subscribeToastChannel as l } from "./toast-channel.js";
+import { ToastProvider as a, applyToastPatch as ee, deferredCopyKey as o } from "./ToastContext.js";
+import { nextToastId as s, subscribeToastChannel as te } from "./toast-channel.js";
 /* empty css                         */
-import { useCallback as u, useEffect as d, useRef as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { c as ne } from "react/compiler-runtime";
+import { useEffect as c, useRef as re, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/lib/components/Toast/ToastContainer.tsx
-var g = "haze-ToastContainer__containerBase", _ = {
+var f = "haze-ToastContainer__containerBase", p = {
 	"top-left": "haze-ToastContainer__top-left",
 	"top-right": "haze-ToastContainer__top-right",
 	"bottom-left": "haze-ToastContainer__bottom-left",
 	"bottom-right": "haze-ToastContainer__bottom-right"
 };
-function v({ children: v, maxCount: y, placement: b, classNames: x }) {
-	let S = n("Toast"), C = b ?? S.placement ?? "bottom-right", w = y ?? S.maxCount, [T, E] = p([]), [D, O] = p([]), k = f([]);
-	d(() => {
-		k.current = T;
-	}, [T]);
-	let A = u((e) => {
-		E((t) => {
+function m(m) {
+	let h = ne(39), { children: g, maxCount: ie, placement: _, classNames: v } = m, y = n("Toast"), b = _ ?? y.placement ?? "bottom-right", x = ie ?? y.maxCount, S;
+	h[0] === Symbol.for("react.memo_cache_sentinel") ? (S = [], h[0] = S) : S = h[0];
+	let [C, w] = l(S), T;
+	h[1] === Symbol.for("react.memo_cache_sentinel") ? (T = [], h[1] = T) : T = h[1];
+	let [E, D] = l(T), O;
+	h[2] === Symbol.for("react.memo_cache_sentinel") ? (O = [], h[2] = O) : O = h[2];
+	let k = re(O), A, j;
+	h[3] === C ? (A = h[4], j = h[5]) : (A = () => {
+		k.current = C;
+	}, j = [C], h[3] = C, h[4] = A, h[5] = j), c(A, j);
+	let M;
+	h[6] === x ? M = h[7] : (M = (e) => {
+		w((t) => {
 			let n = [...t, e];
-			return w === void 0 || n.length <= w ? n : n.slice(n.length - w);
+			return x === void 0 || n.length <= x ? n : n.slice(n.length - x);
 		});
-	}, [w]), j = u((e) => {
-		let t = c();
-		return A({
+	}, h[6] = x, h[7] = M);
+	let N = M, P;
+	h[8] === N ? P = h[9] : (P = (e) => {
+		let t = s();
+		return N({
 			...e,
 			id: t
 		}), t;
-	}, [A]), M = u((e, t) => {
-		E((n) => n.map((n) => n.id === e ? o(n, t) : n));
-	}, []), N = u((e) => {
-		O((t) => t.includes(e) ? t : [...t, e]);
-	}, []), P = u((e) => {
-		E((t) => t.filter((t) => t.id !== e)), O((t) => t.filter((t) => t !== e));
-	}, []), F = u((e) => {
+	}, h[8] = N, h[9] = P);
+	let F = P, I;
+	h[10] === Symbol.for("react.memo_cache_sentinel") ? (I = (e, t) => {
+		w((n) => n.map((n) => n.id === e ? ee(n, t) : n));
+	}, h[10] = I) : I = h[10];
+	let L = I, R;
+	h[11] === Symbol.for("react.memo_cache_sentinel") ? (R = (e) => {
+		D((t) => t.includes(e) ? t : [...t, e]);
+	}, h[11] = R) : R = h[11];
+	let z = R, B;
+	h[12] === Symbol.for("react.memo_cache_sentinel") ? (B = (e) => {
+		w((t) => t.filter((t) => t.id !== e)), D((t) => t.filter((t) => t !== e));
+	}, h[12] = B) : B = h[12];
+	let V = B, H;
+	h[13] === Symbol.for("react.memo_cache_sentinel") ? (H = (e) => {
 		if (e === void 0) {
-			k.current.forEach((e) => N(e.id));
+			k.current.forEach((e) => z(e.id));
 			return;
 		}
-		N(e);
-	}, [N]);
-	d(() => l({
-		onToast: A,
-		onDismiss: F,
-		onUpdate: M
-	}), [
-		A,
-		F,
-		M
-	]);
-	let I = t("toast");
-	return /* @__PURE__ */ h(a, {
-		value: {
-			toasts: T,
-			addToast: j,
-			removeToast: N,
-			updateToast: M
-		},
-		children: [v, /* @__PURE__ */ m("div", {
-			"data-slot": "toast-container",
-			className: e([
-				g,
-				_[C],
-				x?.viewport
-			]),
-			children: T.map((e) => {
-				let t = s(e.content);
-				return /* @__PURE__ */ m(r, {
-					present: !D.includes(e.id),
-					onExited: () => P(e.id),
-					children: /* @__PURE__ */ m(i, {
-						variant: e.variant,
-						duration: e.duration,
-						action: e.action,
-						title: e.title,
-						onClose: () => N(e.id),
-						classNames: x,
-						children: t ? I[t] : e.content
-					})
-				}, e.id);
-			})
-		})]
-	});
+		z(e);
+	}, h[13] = H) : H = h[13];
+	let U = H, W, G;
+	h[14] === N ? (W = h[15], G = h[16]) : (W = () => te({
+		onToast: N,
+		onDismiss: U,
+		onUpdate: L
+	}), G = [
+		N,
+		U,
+		L
+	], h[14] = N, h[15] = W, h[16] = G), c(W, G);
+	let K = t("toast"), q;
+	h[17] !== F || h[18] !== C ? (q = {
+		toasts: C,
+		addToast: F,
+		removeToast: z,
+		updateToast: L
+	}, h[17] = F, h[18] = C, h[19] = q) : q = h[19];
+	let J = p[b], Y = v?.viewport, X;
+	h[20] !== J || h[21] !== Y ? (X = [
+		f,
+		J,
+		Y
+	], h[20] = J, h[21] = Y, h[22] = X) : X = h[22];
+	let Z;
+	if (h[23] !== v || h[24] !== E || h[25] !== K || h[26] !== C) {
+		let e;
+		h[28] !== v || h[29] !== E || h[30] !== K ? (e = (e) => {
+			let t = o(e.content);
+			return /* @__PURE__ */ u(r, {
+				present: !E.includes(e.id),
+				onExited: () => V(e.id),
+				children: u(i, {
+					variant: e.variant,
+					duration: e.duration,
+					action: e.action,
+					title: e.title,
+					onClose: () => z(e.id),
+					classNames: v,
+					children: t ? K[t] : e.content
+				})
+			}, e.id);
+		}, h[28] = v, h[29] = E, h[30] = K, h[31] = e) : e = h[31], Z = C.map(e), h[23] = v, h[24] = E, h[25] = K, h[26] = C, h[27] = Z;
+	} else Z = h[27];
+	let Q;
+	h[32] !== X || h[33] !== Z ? (Q = /* @__PURE__ */ u("div", {
+		"data-slot": "toast-container",
+		className: e(X),
+		children: Z
+	}), h[32] = X, h[33] = Z, h[34] = Q) : Q = h[34];
+	let $;
+	return h[35] !== g || h[36] !== q || h[37] !== Q ? ($ = /* @__PURE__ */ d(a, {
+		value: q,
+		children: [g, Q]
+	}), h[35] = g, h[36] = q, h[37] = Q, h[38] = $) : $ = h[38], $;
 }
 //#endregion
-export { v as default, _ as toastPlacements };
+export { m as default, p as toastPlacements };

package/dist/components/Toggle/Toggle.js

@@ -1,20 +1,23 @@
 "use client";
 import e from "./ToggleCore.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/Toggle/Toggle.tsx
-function r({ pressed: r, size: i, square: a, className: o, onClick: s, ref: c, ...l }) {
-	let [u, d] = n(r, !1);
-	return /* @__PURE__ */ t(e, {
-		ref: c,
-		pressed: u,
-		onPressedChange: d,
+function i(i) {
+	let a = t(17), o, s, c, l, u, d, f;
+	a[0] === i ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6], f = a[7]) : ({pressed: c, size: d, square: f, className: o, onClick: s, ref: l, ...u} = 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);
+	let [p, m] = r(c, !1), h;
+	return a[8] !== o || a[9] !== s || a[10] !== p || a[11] !== l || a[12] !== u || a[13] !== m || a[14] !== d || a[15] !== f ? (h = /* @__PURE__ */ n(e, {
+		ref: l,
+		pressed: p,
+		onPressedChange: m,
 		onNativeClick: s,
-		size: i,
-		square: a,
+		size: d,
+		square: f,
 		className: o,
-		...l
-	});
+		...u
+	}), a[8] = o, a[9] = s, a[10] = p, a[11] = l, a[12] = u, a[13] = m, a[14] = d, a[15] = f, a[16] = h) : h = a[16], h;
 }
 //#endregion
-export { r as default };
+export { i as default };

package/dist/components/TokenCounter/TokenCounter.js

@@ -3,38 +3,63 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                       */
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/lib/components/TokenCounter/TokenCounter.tsx
-var i = "haze-TokenCounter__wrapper", a = "haze-TokenCounter__bar", o = "haze-TokenCounter__fill", s = "haze-TokenCounter__fillNormal", c = "haze-TokenCounter__fillWarning", l = "haze-TokenCounter__fillDanger", u = "haze-TokenCounter__info", d = "haze-TokenCounter__count";
-function f({ used: f, max: p, label: m, className: h }) {
-	let g = p > 0 ? Math.min(100, f / p * 100) : 0, _ = g > 90 ? l : g > 70 ? c : s, v = t("tokenCounter");
-	return /* @__PURE__ */ r("div", {
+var a = "haze-TokenCounter__wrapper", o = "haze-TokenCounter__bar", s = "haze-TokenCounter__fill", c = "haze-TokenCounter__fillNormal", l = "haze-TokenCounter__fillWarning", u = "haze-TokenCounter__fillDanger", d = "haze-TokenCounter__info", f = "haze-TokenCounter__count";
+function p(p) {
+	let m = n(28), { used: h, max: g, label: _, className: v } = p, y = g > 0 ? Math.min(100, h / g * 100) : 0, b = y > 90 ? u : y > 70 ? l : c, x = t("tokenCounter"), S;
+	m[0] === v ? S = m[1] : (S = [a, v], m[0] = v, m[1] = S);
+	let C;
+	m[2] === Symbol.for("react.memo_cache_sentinel") ? (C = [d], m[2] = C) : C = m[2];
+	let w = _ || x.label, T;
+	m[3] === w ? T = m[4] : (T = /* @__PURE__ */ r("span", {
+		"data-slot": "label",
+		children: w
+	}), m[3] = w, m[4] = T);
+	let E;
+	m[5] === Symbol.for("react.memo_cache_sentinel") ? (E = [f], m[5] = E) : E = m[5];
+	let D;
+	m[6] === h ? D = m[7] : (D = h.toLocaleString(), m[6] = h, m[7] = D);
+	let O;
+	m[8] === g ? O = m[9] : (O = g.toLocaleString(), m[8] = g, m[9] = O);
+	let k;
+	m[10] !== D || m[11] !== O ? (k = /* @__PURE__ */ i("span", {
+		"data-slot": "value",
+		className: e(E),
+		children: [
+			D,
+			" / ",
+			O
+		]
+	}), m[10] = D, m[11] = O, m[12] = k) : k = m[12];
+	let A;
+	m[13] !== T || m[14] !== k ? (A = /* @__PURE__ */ i("div", {
+		className: e(C),
+		children: [T, k]
+	}), m[13] = T, m[14] = k, m[15] = A) : A = m[15];
+	let j;
+	m[16] === Symbol.for("react.memo_cache_sentinel") ? (j = [o], m[16] = j) : j = m[16];
+	let M;
+	m[17] === b ? M = m[18] : (M = [s, b], m[17] = b, m[18] = M);
+	let N = `${y}%`, P;
+	m[19] === N ? P = m[20] : (P = { width: N }, m[19] = N, m[20] = P);
+	let F;
+	m[21] !== M || m[22] !== P ? (F = /* @__PURE__ */ r("div", {
+		"data-slot": "track",
+		className: e(j),
+		children: r("div", {
+			"data-slot": "fill",
+			style: P,
+			className: e(M)
+		})
+	}), m[21] = M, m[22] = P, m[23] = F) : F = m[23];
+	let I;
+	return m[24] !== S || m[25] !== F || m[26] !== A ? (I = /* @__PURE__ */ i("div", {
 		"data-slot": "token-counter",
-		className: e([i, h]),
-		children: [/* @__PURE__ */ r("div", {
-			className: e([u]),
-			children: [/* @__PURE__ */ n("span", {
-				"data-slot": "label",
-				children: m || v.label
-			}), /* @__PURE__ */ r("span", {
-				"data-slot": "value",
-				className: e([d]),
-				children: [
-					f.toLocaleString(),
-					" / ",
-					p.toLocaleString()
-				]
-			})]
-		}), /* @__PURE__ */ n("div", {
-			"data-slot": "track",
-			className: e([a]),
-			children: /* @__PURE__ */ n("div", {
-				"data-slot": "fill",
-				style: { width: `${g}%` },
-				className: e([o, _])
-			})
-		})]
-	});
+		className: e(S),
+		children: [A, F]
+	}), m[24] = S, m[25] = F, m[26] = A, m[27] = I) : I = m[27], I;
 }
 //#endregion
-export { f as default };
+export { p as default };

package/dist/components/Toolbar/Toolbar.js

@@ -5,12 +5,14 @@ import { getDirection as t } from "../../utils/direction.js";
 import { getEnabledMenuItems as n, useRovingTabindex as r } from "../../utils/menuKeyboard.js";
 import { ToolbarProvider as i } from "./ToolbarContext.js";
 /* empty css                  */
-import { useCallback as a, useRef as o } from "react";
+import { c as a } from "react/compiler-runtime";
+import { useRef as o } from "react";
 import { jsx as s } from "react/jsx-runtime";
 //#region src/lib/components/Toolbar/Toolbar.tsx
 var c = "[data-haze-toolbar-item]:not([disabled])", l = "haze-Toolbar__toolbar", u = "haze-Toolbar__vertical";
 function d(e, r) {
-	return a((i) => {
+	let i = a(3), o;
+	return i[0] !== e || i[1] !== r ? (o = (i) => {
 		let a = e === "horizontal" && t(r.current) === "rtl", o = e === "horizontal" ? a ? "ArrowLeft" : "ArrowRight" : "ArrowDown", s = e === "horizontal" ? a ? "ArrowRight" : "ArrowLeft" : "ArrowUp";
 		if (i.key !== o && i.key !== s && i.key !== "Home" && i.key !== "End") return;
 		let l = n(r.current, c);
@@ -30,7 +32,7 @@ function d(e, r) {
 				d(l.length - 1);
 				return;
 		}
-	}, [e, r]);
+	}, i[0] = e, i[1] = r, i[2] = o) : o = i[2], o;
 }
 function f({ orientation: t = "horizontal", className: n, children: a, ...f }) {
 	let p = o(null);

package/dist/components/Toolbar/ToolbarSeparator.js

@@ -3,22 +3,27 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useToolbarOrientation as t } from "./ToolbarContext.js";
 /* empty css                           */
-import { jsx as n } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/lib/components/Toolbar/ToolbarSeparator.tsx
-var r = "haze-ToolbarSeparator__separator", i = "haze-ToolbarSeparator__horizontalRule";
-function a({ className: a, ...o }) {
-	let s = t() === "vertical";
-	return /* @__PURE__ */ n("div", {
+var i = "haze-ToolbarSeparator__separator", a = "haze-ToolbarSeparator__horizontalRule";
+function o(o) {
+	let s = n(10), c, l;
+	s[0] === o ? (c = s[1], l = s[2]) : ({className: c, ...l} = o, s[0] = o, s[1] = c, s[2] = l);
+	let u = t() === "vertical", d = u ? "horizontal" : "vertical", f = u && a, p;
+	s[3] !== c || s[4] !== f ? (p = [
+		i,
+		f,
+		c
+	], s[3] = c, s[4] = f, s[5] = p) : p = s[5];
+	let m;
+	return s[6] !== l || s[7] !== d || s[8] !== p ? (m = /* @__PURE__ */ r("div", {
 		"data-slot": "separator",
 		role: "separator",
-		"aria-orientation": s ? "horizontal" : "vertical",
-		...o,
-		className: e([
-			r,
-			s && i,
-			a
-		])
-	});
+		"aria-orientation": d,
+		...l,
+		className: e(p)
+	}), s[6] = l, s[7] = d, s[8] = p, s[9] = m) : m = s[9], m;
 }
 //#endregion
-export { a as default };
+export { o as default };

package/dist/components/Tooltip/Tooltip.js

@@ -14,50 +14,57 @@ var f = "haze-Tooltip__wrapper", p = "haze-Tooltip__bubble", m = {
 	left: "left",
 	right: "right"
 };
-function h({ content: h, position: g = "top", delay: _, open: v, collisionPadding: y, className: b, children: x }) {
-	let S = t("Tooltip"), C = _ ?? S.delay ?? 150, [w, T] = d(v, !1), E = o(), D = c(null), O = c(null), k = m[g], A = s(() => y === void 0 ? void 0 : { collisionPadding: y }, [y]), j = r({
-		open: w,
-		setOpen: T,
-		triggerRef: D,
-		panelRef: O,
+function h({ content: h, position: g = "top", delay: _, open: v, collisionPadding: y, classNames: b, className: x, ref: S, children: C }) {
+	let w = t("Tooltip"), T = _ ?? w.delay ?? 150, [E, D] = d(v, !1), O = o(), k = c(null), A = c(null), j = m[g], M = s(() => y === void 0 ? void 0 : { collisionPadding: y }, [y]), N = r({
+		open: E,
+		setOpen: D,
+		triggerRef: k,
+		panelRef: A,
 		animated: !0
 	});
 	i({
-		behavior: j,
-		placement: k,
-		collision: A
+		behavior: N,
+		placement: j,
+		collision: M
 	});
-	let M = c(0);
-	a(() => () => window.clearTimeout(M.current), []);
-	let N = () => {
-		window.clearTimeout(M.current), M.current = window.setTimeout(() => T(!0), C);
-	}, P = () => {
-		window.clearTimeout(M.current), T(!1);
+	let P = c(0);
+	a(() => () => window.clearTimeout(P.current), []);
+	let F = () => {
+		window.clearTimeout(P.current), P.current = window.setTimeout(() => D(!0), T);
+	}, I = () => {
+		window.clearTimeout(P.current), D(!1);
 	};
 	return /* @__PURE__ */ u("span", {
+		ref: S,
 		"data-slot": "tooltip",
-		className: e([f, b]),
+		className: e([
+			f,
+			x,
+			b?.root
+		]),
 		children: [/* @__PURE__ */ l("span", {
-			ref: D,
+			ref: k,
 			"data-slot": "trigger",
-			style: j.triggerStyle,
-			"aria-describedby": E,
-			onMouseEnter: N,
-			onMouseLeave: P,
-			onFocus: N,
-			onBlur: P,
-			children: x
+			style: N.triggerStyle,
+			"aria-describedby": O,
+			onMouseEnter: F,
+			onMouseLeave: I,
+			onFocus: F,
+			onBlur: I,
+			className: e([b?.trigger]),
+			children: C
 		}), /* @__PURE__ */ l("span", {
-			id: E,
-			ref: O,
+			id: O,
+			ref: A,
 			"data-slot": "content",
 			role: "tooltip",
-			"data-state": j.dataState,
-			...j.panelAttrs,
+			"data-state": N.dataState,
+			...N.panelAttrs,
 			className: e([
 				p,
-				...j.panelClasses,
-				...n(j, k, j.direction)
+				...N.panelClasses,
+				...n(N, j, N.direction),
+				b?.content
 			]),
 			children: h
 		})]

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