haze-ui 1.27.0 → 1.28.0

package/dist/components/Chart/chart-elements.js

@@ -1,88 +1,164 @@
 "use client";
 import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Area as r, AreaChart as i, Bar as a, BarChart as o, CartesianGrid as s, Legend as c, Line as l, LineChart as u, ResponsiveContainer as d, Tooltip as f, XAxis as p, YAxis as m } from "recharts";
+import { Area as r, AreaChart as i, Bar as a, BarChart as o, CartesianGrid as s, Legend as c, Line as l, LineChart as u, Pie as d, PieChart as f, ResponsiveContainer as p, Tooltip as m, XAxis as h, YAxis as g } from "recharts";
 //#region src/lib/components/Chart/chart-elements.tsx
-var h = [
+var _ = [
 	"var(--haze-color-primary)",
 	"var(--haze-color-info)",
 	"var(--haze-color-success)",
 	"var(--haze-color-warning)",
 	"var(--haze-color-danger)"
-], g = "var(--haze-color-border)", _ = {
+], v = "var(--haze-color-border)", y = {
 	fontSize: "var(--haze-text-sm)",
 	fill: "var(--haze-color-text-secondary)"
-}, v = {
+}, b = {
 	fontSize: "var(--haze-text-sm)",
 	color: "var(--haze-color-text)"
-}, y = { fontSize: "var(--haze-text-sm)" };
-function b(e) {
-	return e.map((e, t) => ({
+}, x = { fontSize: "var(--haze-text-sm)" };
+function S(e) {
+	return _[e % _.length];
+}
+function C(e) {
+	return e.map((e) => ({
 		key: e.key,
 		label: e.label ?? e.key,
-		color: e.color ?? h[t % h.length]
+		color: e.color
 	}));
 }
-function x(e, n) {
-	let { key: i, label: o, color: s } = n;
+function w(e, n, i = 0) {
+	let { key: o, label: s } = n, c = n.color ?? S(i);
 	switch (e) {
 		case "area": return /* @__PURE__ */ t(r, {
-			dataKey: i,
-			name: o,
-			stroke: s,
-			fill: s
-		}, i);
+			dataKey: o,
+			name: s,
+			stroke: c,
+			fill: c
+		}, o);
 		case "bar": return /* @__PURE__ */ t(a, {
-			dataKey: i,
-			name: o,
-			fill: s
-		}, i);
+			dataKey: o,
+			name: s,
+			fill: c
+		}, o);
 		case "line": return /* @__PURE__ */ t(l, {
-			dataKey: i,
-			name: o,
-			stroke: s
-		}, i);
+			dataKey: o,
+			name: s,
+			stroke: c
+		}, o);
 	}
 }
-function S(e, n, r) {
+function T(e, t, n) {
+	if (t <= 1) return {
+		innerRadius: n,
+		outerRadius: "80%"
+	};
+	let r = typeof n == "string" ? Number.parseFloat(n) : 0, i = Number.isFinite(r) ? Math.max(r, 0) : 0, a = (80 - i) / t;
+	return {
+		innerRadius: `${i + e * a}%`,
+		outerRadius: `${i + (e + 1) * a}%`
+	};
+}
+function E(e) {
+	let { entry: n, data: r, nameKey: i, ringIndex: a, ringCount: o, innerRadius: s } = e, c = T(a, o, s), l = r.map((e, t) => ({
+		...e,
+		fill: n.color ?? S(t)
+	}));
+	return /* @__PURE__ */ t(d, {
+		data: l,
+		dataKey: n.key,
+		nameKey: i,
+		innerRadius: c.innerRadius,
+		outerRadius: c.outerRadius,
+		stroke: "var(--haze-color-bg)"
+	}, n.key);
+}
+function D(e, n, r, a = "horizontal") {
 	switch (e) {
 		case "area": return /* @__PURE__ */ t(i, {
 			data: n,
+			layout: a,
 			children: r
 		});
 		case "bar": return /* @__PURE__ */ t(o, {
 			data: n,
+			layout: a,
 			children: r
 		});
 		case "line": return /* @__PURE__ */ t(u, {
+			data: n,
+			layout: a,
+			children: r
+		});
+		case "pie": return /* @__PURE__ */ t(f, {
 			data: n,
 			children: r
 		});
 	}
 }
-function C(r) {
-	let { type: i, data: a, xKey: o, showGrid: l, showTooltip: u, showLegend: h, series: b } = r;
-	return /* @__PURE__ */ t(d, {
+function O(e) {
+	return (t) => {
+		let { payload: n, label: r } = t;
+		return e({
+			label: r,
+			entries: (n ?? []).map((e) => ({
+				name: String(e.name ?? e.dataKey ?? ""),
+				value: e.value ?? "",
+				color: e.color ?? "",
+				dataEntry: e.payload
+			}))
+		});
+	};
+}
+function k(r) {
+	let { type: i, data: a, xKey: o, showGrid: l, showTooltip: u, showLegend: d, series: f, layout: _ = "horizontal", innerRadius: S = 0, renderTooltip: C } = r, T = C ? O(C) : void 0;
+	return i === "pie" ? /* @__PURE__ */ t(p, {
+		width: "100%",
+		height: "100%",
+		children: D(i, a, /* @__PURE__ */ n(e, { children: [
+			u && /* @__PURE__ */ t(m, {
+				contentStyle: b,
+				content: T
+			}),
+			d && /* @__PURE__ */ t(c, { wrapperStyle: x }),
+			f.map((e, t) => E({
+				entry: e,
+				data: a,
+				nameKey: o,
+				ringIndex: t,
+				ringCount: f.length,
+				innerRadius: S
+			}))
+		] }))
+	}) : /* @__PURE__ */ t(p, {
 		width: "100%",
 		height: "100%",
-		children: S(i, a, /* @__PURE__ */ n(e, { children: [
+		children: D(i, a, /* @__PURE__ */ n(e, { children: [
 			l && /* @__PURE__ */ t(s, { stroke: "var(--haze-color-border)" }),
-			/* @__PURE__ */ t(p, {
+			_ === "vertical" ? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(h, {
+				type: "number",
+				stroke: v,
+				tick: y
+			}), /* @__PURE__ */ t(g, {
+				type: "category",
 				dataKey: o,
-				stroke: g,
-				tick: _
-			}),
-			/* @__PURE__ */ t(m, {
-				stroke: g,
-				tick: _
-			}),
-			u && /* @__PURE__ */ t(f, {
+				stroke: v,
+				tick: y
+			})] }) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(h, {
+				dataKey: o,
+				stroke: v,
+				tick: y
+			}), /* @__PURE__ */ t(g, {
+				stroke: v,
+				tick: y
+			})] }),
+			u && /* @__PURE__ */ t(m, {
 				cursor: { stroke: "var(--haze-color-border)" },
-				contentStyle: v
+				contentStyle: b,
+				content: T
 			}),
-			h && /* @__PURE__ */ t(c, { wrapperStyle: y }),
-			b.map((e) => x(i, e))
-		] }))
+			d && /* @__PURE__ */ t(c, { wrapperStyle: x }),
+			f.map((e, t) => w(i, e, t))
+		] }), _)
 	});
 }
 //#endregion
-export { g as AXIS_STROKE, _ as AXIS_TICK, y as LEGEND_STYLE, v as TOOLTIP_STYLE, S as chartElement, C as chartTree, b as resolveChartSeries, x as seriesElement };
+export { v as AXIS_STROKE, y as AXIS_TICK, x as LEGEND_STYLE, b as TOOLTIP_STYLE, O as buildTooltipContent, D as chartElement, k as chartTree, E as pieElement, T as pieRingRadii, C as resolveChartSeries, w as seriesElement };

package/dist/components/CodeBlock/CodeBlock.js

@@ -2,19 +2,49 @@
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useEffect as r, useMemo as i, useState as a } from "react";
 //#region src/lib/components/CodeBlock/CodeBlock.tsx
-var r = "haze-CodeBlock__block", i = "haze-CodeBlock__pre", a = "haze-CodeBlock__lang";
-function o({ children: o, language: s, className: c }) {
+var o = "haze-CodeBlock__block", s = "haze-CodeBlock__pre", c = "haze-CodeBlock__lang";
+function l({ children: l, language: u, highlight: d, className: f }) {
+	let p = typeof l == "string" ? l : void 0, m = i(() => {
+		if (d !== void 0 && p !== void 0) try {
+			return d(p, u ?? "");
+		} catch {
+			return;
+		}
+	}, [
+		d,
+		p,
+		u
+	]), h = m instanceof Promise ? m : void 0, [g, _] = a(null);
+	r(() => {
+		if (h === void 0) return;
+		let e = !0;
+		return h.then((t) => {
+			e && _({
+				pending: h,
+				html: t
+			});
+		}, () => {
+			e && _({
+				pending: h,
+				html: null
+			});
+		}), () => {
+			e = !1;
+		};
+	}, [h]);
+	let v = typeof m == "string" ? m : g !== null && g.pending === h ? g.html : null;
 	return /* @__PURE__ */ n("div", {
-		className: e([r, c]),
-		children: [s && /* @__PURE__ */ t("span", {
-			className: e([a]),
-			children: s
+		className: e([o, f]),
+		children: [u && /* @__PURE__ */ t("span", {
+			className: e([c]),
+			children: u
 		}), /* @__PURE__ */ t("pre", {
-			className: e([i]),
-			children: /* @__PURE__ */ t("code", { children: o })
+			className: e([s]),
+			children: v === null ? /* @__PURE__ */ t("code", { children: l }) : /* @__PURE__ */ t("code", { dangerouslySetInnerHTML: { __html: v } })
 		})]
 	});
 }
 //#endregion
-export { o as default };
+export { l as default };

package/dist/components/Combobox/Combobox.js

@@ -9,47 +9,47 @@ import ne from "../Chip/Chip.js";
 import re from "../Spinner/Spinner.js";
 import ie from "../VirtualList/VirtualList.js";
 import ae from "./ComboboxGroup.js";
-import i from "./ComboboxOption.js";
+import oe from "./ComboboxOption.js";
 /* empty css                   */
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useCallback as oe, useEffect as se, useId as ce, useMemo as le, useRef as c, useState as l } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useCallback as se, useEffect as s, useId as ce, useMemo as le, useRef as c, useState as l } from "react";
 import { useControl as u } from "react-use-control";
 //#region src/lib/components/Combobox/Combobox.tsx
 var ue = "haze-Combobox__wrapper", de = "haze-Combobox__input", fe = "haze-Combobox__multiBox", pe = "haze-Combobox__multiInput", d = "haze-Combobox__matchMark", f = "haze-Combobox__stateRow", me = "haze-Combobox__groupHeadingText", he = "haze-Combobox__listbox", ge = "haze-Combobox__listboxVirtual", _e = 200, ve = 37, ye = "haze-Combobox__virtualRow";
 function be(t, n) {
 	if (n === "") return t;
 	let r = t.toLowerCase().indexOf(n.toLowerCase());
-	return r < 0 ? t : /* @__PURE__ */ s(a, { children: [
+	return r < 0 ? t : /* @__PURE__ */ o(i, { children: [
 		t.slice(0, r),
-		/* @__PURE__ */ o("mark", {
+		/* @__PURE__ */ a("mark", {
 			className: e([d]),
 			children: t.slice(r, r + n.length)
 		}),
 		t.slice(r + n.length)
 	] });
 }
-function p({ value: a, open: d, options: p, multiple: m = !1, onValuesChange: h, creatable: xe = !1, onCreate: Se, loading: g = !1, empty: Ce, highlightMatches: we = !1, maxHeight: _, placeholder: Te, virtualThreshold: v = 100, virtualized: y, className: Ee, ref: b }) {
-	let x = r("combobox"), [S, C] = u(a, m ? [] : ""), [w, De] = l([]), [T, E] = l(""), [D, O] = u(d, !1), [k, A] = l(-1), [Oe, ke] = l(T), j = ce(), M = c(null), Ae = oe((e) => t(M, b)(e), [M, b]), N = c(null), P = c(null), F = c(null), I = c(null), L = te({
-		open: D,
-		setOpen: O,
-		triggerRef: m ? N : M,
-		panelRef: P,
+function p({ value: i, open: d, options: p, multiple: m = !1, onValuesChange: h, creatable: xe = !1, onCreate: Se, onSearch: g, loading: _ = !1, empty: Ce, highlightMatches: we = !1, maxHeight: v, placeholder: Te, virtualThreshold: y = 100, virtualized: b, className: Ee, ref: x }) {
+	let S = r("combobox"), [C, w] = u(i, m ? [] : ""), [T, De] = l([]), [E, D] = l(""), [O, k] = u(d, !1), [A, j] = l(-1), [Oe, ke] = l(E), M = ce(), N = c(null), Ae = se((e) => t(N, x)(e), [N, x]), P = c(null), F = c(null), I = c(null), L = c(null), R = te({
+		open: O,
+		setOpen: k,
+		triggerRef: m ? P : N,
+		panelRef: F,
 		animated: !0
-	}), R = Array.isArray(S) ? S : [], z = le(() => {
-		if (w.length === 0) return p;
-		let e = new Set(p.map((e) => e.value)), t = w.filter((t) => !e.has(t)).map((e) => ({
+	}), z = Array.isArray(C) ? C : [], B = le(() => {
+		if (T.length === 0) return p;
+		let e = new Set(p.map((e) => e.value)), t = T.filter((t) => !e.has(t)).map((e) => ({
 			value: e,
 			label: e
 		}));
 		return t.length > 0 ? [...p, ...t] : p;
-	}, [p, w]), B = z.filter((e) => e.label.toLowerCase().includes(T.toLowerCase())), V = xe && !g && T.trim() !== "" && B.length === 0, H = T.trim(), je = n(x.create, { query: H }), U = V ? [{
-		value: H,
-		label: H
-	}, ...B] : B, W = typeof y == "object" ? y : void 0, G = (y === void 0 ? void 0 : !!y) ?? (v > 0 && U.length > v), K = W?.itemHeight ?? ve, Me = W?.overscan, q = (e) => `${j}-option-${e}`, Ne = D && U[k] ? q(k) : void 0, J = [];
-	for (let e = 0; e < U.length; e++) {
-		let t = U[e];
+	}, [p, T]), V = g ? B : B.filter((e) => e.label.toLowerCase().includes(E.toLowerCase())), H = xe && !_ && E.trim() !== "" && V.length === 0, U = E.trim(), je = n(S.create, { query: U }), W = H ? [{
+		value: U,
+		label: U
+	}, ...V] : V, G = typeof b == "object" ? b : void 0, K = (b === void 0 ? void 0 : !!b) ?? (y > 0 && W.length > y), q = G?.itemHeight ?? ve, Me = G?.overscan, J = (e) => `${M}-option-${e}`, Ne = O && W[A] ? J(A) : void 0, Y = [];
+	for (let e = 0; e < W.length; e++) {
+		let t = W[e];
 		if (t === void 0) continue;
-		let n = J[J.length - 1];
+		let n = Y[Y.length - 1];
 		if (t.group !== void 0 && n?.label === t.group) {
 			n.rows.push({
 				option: t,
@@ -57,7 +57,7 @@ function p({ value: a, open: d, options: p, multiple: m = !1, onValuesChange: h,
 			});
 			continue;
 		}
-		J.push(t.group === void 0 ? {
+		Y.push(t.group === void 0 ? {
 			key: `row-${t.value}`,
 			label: void 0,
 			rows: [{
@@ -73,134 +73,142 @@ function p({ value: a, open: d, options: p, multiple: m = !1, onValuesChange: h,
 			}]
 		});
 	}
-	let Pe = J.some((e) => e.label !== void 0);
-	se(() => {
-		if (!L.shown || k < 0) return;
-		if (G) {
-			F.current?.scrollToIndex(k, "auto");
+	let Pe = Y.some((e) => e.label !== void 0);
+	s(() => {
+		if (!R.shown || A < 0) return;
+		if (K) {
+			I.current?.scrollToIndex(A, "auto");
 			return;
 		}
-		let e = I.current;
+		let e = L.current;
 		e && typeof e.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
 	}, [
-		G,
-		L.shown,
-		k
-	]), T !== Oe && (ke(T), A(-1));
-	let Y = (e) => m ? R.includes(e) : S === e, Fe = (e) => z.find((t) => t.value === e)?.label ?? e, X = (e, t) => {
-		let n = t ?? z.find((t) => t.value === e)?.label ?? e;
+		K,
+		R.shown,
+		A
+	]);
+	let X = c(g);
+	s(() => {
+		X.current = g;
+	}, [g]);
+	let Z = c(E);
+	s(() => {
+		Z.current !== E && (Z.current = E, X.current?.(E));
+	}, [E]), E !== Oe && (ke(E), j(-1));
+	let Fe = (e) => m ? z.includes(e) : C === e, Ie = (e) => B.find((t) => t.value === e)?.label ?? e, Le = (e, t) => {
+		let n = t ?? B.find((t) => t.value === e)?.label ?? e;
 		if (m) {
-			let t = R.includes(e) ? R.filter((t) => t !== e) : [...R, e];
-			C(t), h?.(t), E("");
-		} else C(e), h?.(e), E(n), O(!1);
-		M.current?.focus();
-	}, Ie = () => {
-		Se?.(H), De((e) => e.includes(H) ? e : [...e, H]), X(H, H);
-	}, Z = (e) => {
-		if (V && e === H) {
-			Ie();
+			let t = z.includes(e) ? z.filter((t) => t !== e) : [...z, e];
+			w(t), h?.(t), D("");
+		} else w(e), h?.(e), D(n), k(!1);
+		N.current?.focus();
+	}, Re = () => {
+		Se?.(U), De((e) => e.includes(U) ? e : [...e, U]), Le(U, U);
+	}, ze = (e) => {
+		if (H && e === U) {
+			Re();
 			return;
 		}
-		X(e);
-	}, Le = (e) => {
-		if (e.key === "ArrowDown") e.preventDefault(), O(!0), A((e) => Math.min(e + 1, U.length - 1));
-		else if (e.key === "ArrowUp") e.preventDefault(), O(!0), A((e) => Math.max(e - 1, 0));
-		else if (e.key === "Enter" && k >= 0 && U[k]) e.preventDefault(), Z(U[k].value);
-		else if (e.key === "Escape") O(!1);
-		else if (e.key === "Backspace" && m && T === "" && R.length > 0) {
+		Le(e);
+	}, Be = (e) => {
+		if (e.key === "ArrowDown") e.preventDefault(), k(!0), j((e) => Math.min(e + 1, W.length - 1));
+		else if (e.key === "ArrowUp") e.preventDefault(), k(!0), j((e) => Math.max(e - 1, 0));
+		else if (e.key === "Enter" && A >= 0 && W[A]) e.preventDefault(), ze(W[A].value);
+		else if (e.key === "Escape") k(!1);
+		else if (e.key === "Backspace" && m && E === "" && z.length > 0) {
 			e.preventDefault();
-			let t = R.slice(0, -1);
-			C(t), h?.(t);
+			let t = z.slice(0, -1);
+			w(t), h?.(t);
 		}
-	}, Q = (e, t, n) => /* @__PURE__ */ o(i, {
-		ref: !n && t === k ? I : void 0,
+	}, Q = (e, t, n) => /* @__PURE__ */ a(oe, {
+		ref: !n && t === A ? L : void 0,
 		value: e.value,
-		id: q(t),
-		setSize: U.length,
+		id: J(t),
+		setSize: W.length,
 		posInSet: t + 1,
-		highlighted: t === k,
-		selected: Y(e.value),
-		onSelect: Z,
+		highlighted: t === A,
+		selected: Fe(e.value),
+		onSelect: ze,
 		className: n ? ye : void 0,
-		children: V && t === 0 ? je : we ? be(e.label, T) : e.label
-	}, e.value), $ = /* @__PURE__ */ o("input", {
+		children: H && t === 0 ? je : we ? be(e.label, E) : e.label
+	}, e.value), $ = /* @__PURE__ */ a("input", {
 		ref: Ae,
 		role: "combobox",
-		style: m ? void 0 : L.triggerStyle,
-		"aria-expanded": D,
-		"aria-controls": j,
+		style: m ? void 0 : R.triggerStyle,
+		"aria-expanded": O,
+		"aria-controls": M,
 		"aria-autocomplete": "list",
 		"aria-activedescendant": Ne,
-		"aria-busy": g || void 0,
+		"aria-busy": _ || void 0,
 		className: m ? pe : de,
-		value: T,
+		value: E,
 		placeholder: Te,
 		onChange: (e) => {
-			E(e.target.value), O(!0);
+			D(e.target.value), k(!0);
 		},
-		onPointerDown: m ? void 0 : L.onTriggerPointerDown,
-		onClick: m ? void 0 : L.onTriggerClick,
-		onKeyDown: Le
+		onPointerDown: m ? void 0 : R.onTriggerPointerDown,
+		onClick: m ? void 0 : R.onTriggerClick,
+		onKeyDown: Be
 	});
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ o("div", {
 		className: e([ue, Ee]),
-		children: [m ? /* @__PURE__ */ s("div", {
-			ref: N,
-			style: L.triggerStyle,
-			onPointerDown: L.onTriggerPointerDown,
+		children: [m ? /* @__PURE__ */ o("div", {
+			ref: P,
+			style: R.triggerStyle,
+			onPointerDown: R.onTriggerPointerDown,
 			onClick: () => {
-				L.onTriggerClick(), M.current?.focus();
+				R.onTriggerClick(), N.current?.focus();
 			},
 			className: e(fe),
-			children: [R.map((e) => /* @__PURE__ */ o("span", {
+			children: [z.map((e) => /* @__PURE__ */ a("span", {
 				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ o(ne, {
+				children: /* @__PURE__ */ a(ne, {
 					color: "primary",
 					onClose: () => {
-						let t = R.filter((t) => t !== e);
-						C(t), h?.(t);
+						let t = z.filter((t) => t !== e);
+						w(t), h?.(t);
 					},
-					children: Fe(e)
+					children: Ie(e)
 				})
 			}, e)), $]
-		}) : $, /* @__PURE__ */ o(ee, {
-			ref: P,
-			behavior: L,
+		}) : $, /* @__PURE__ */ a(ee, {
+			ref: F,
+			behavior: R,
 			placement: "bottom-span",
-			id: j,
+			id: M,
 			role: "listbox",
 			"aria-multiselectable": m ? "true" : void 0,
-			visualClass: G ? ge : he,
-			style: _ !== void 0 && !G ? { maxHeight: `${_}px` } : void 0,
-			children: g ? /* @__PURE__ */ o("div", {
+			visualClass: K ? ge : he,
+			style: v !== void 0 && !K ? { maxHeight: `${v}px` } : void 0,
+			children: _ ? /* @__PURE__ */ a("div", {
 				role: "option",
 				"aria-selected": !1,
 				"aria-disabled": "true",
 				className: e([f]),
-				children: /* @__PURE__ */ o(re, { size: "sm" })
-			}) : U.length === 0 ? /* @__PURE__ */ o("div", {
+				children: /* @__PURE__ */ a(re, { size: "sm" })
+			}) : W.length === 0 ? /* @__PURE__ */ a("div", {
 				role: "option",
 				"aria-selected": !1,
 				"aria-disabled": "true",
 				className: e([f]),
-				children: Ce ?? x.noResults
-			}) : G ? /* @__PURE__ */ o(ie, {
-				ref: F,
+				children: Ce ?? S.noResults
+			}) : K ? /* @__PURE__ */ a(ie, {
+				ref: I,
 				"data-virtualized": !0,
-				items: U,
-				height: Math.min(_ ?? _e, U.length * K),
-				itemHeight: K,
+				items: W,
+				height: Math.min(v ?? _e, W.length * q),
+				itemHeight: q,
 				overscan: Me,
-				groups: Pe ? J.filter((e) => e.label !== void 0).map((t) => ({
+				groups: Pe ? Y.filter((e) => e.label !== void 0).map((t) => ({
 					startIndex: t.rows[0]?.index ?? 0,
 					key: t.key,
-					render: () => /* @__PURE__ */ o("div", {
+					render: () => /* @__PURE__ */ a("div", {
 						className: e([me]),
 						children: t.label
 					})
 				})) : void 0,
 				renderItem: (e, t) => Q(e, t, !0)
-			}) : J.flatMap((e) => e.label === void 0 ? e.rows.map(({ option: e, index: t }) => Q(e, t, !1)) : [/* @__PURE__ */ o(ae, {
+			}) : Y.flatMap((e) => e.label === void 0 ? e.rows.map(({ option: e, index: t }) => Q(e, t, !1)) : [/* @__PURE__ */ a(ae, {
 				label: e.label,
 				children: e.rows.map(({ option: e, index: t }) => Q(e, t, !1))
 			}, e.key)])