haze-ui 1.30.0 → 1.31.0

package/dist/components/Resizable/Resizable.js

@@ -1,61 +1,291 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
+import { getDirection as t } from "../../utils/direction.js";
 /* empty css                    */
-import { createContext as t, useContext as n, useState as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
+import { createContext as n, useCallback as r, useContext as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { isControl as u, useControl as d, useThru as f, watch as p } from "react-use-control";
 //#region src/lib/components/Resizable/Resizable.tsx
-var a = t(void 0);
-function o() {
-	let e = n(a);
+var m = n(void 0);
+function h() {
+	let e = i(m);
 	if (!e) throw Error("Resizable sub-components must be used within <ResizableGroup>");
 	return e;
 }
-var s = "haze-Resizable__groupBase", c = "haze-Resizable__groupHorizontal", l = "haze-Resizable__groupVertical";
-function u({ direction: t = "horizontal", children: n, className: o }) {
-	let [u, d] = r([]), [f, p] = r(null);
-	return /* @__PURE__ */ i(a.Provider, {
-		value: {
-			direction: t,
-			sizes: u,
-			setSizes: d,
-			dragging: f,
-			setDragging: p
-		},
-		children: i("div", {
+var g = 16, _ = 2 ** 53 - 1, v = () => void 0, y = /* @__PURE__ */ new Set();
+function b(e, t, n) {
+	let r = Math.max(e, t);
+	return n === void 0 ? r : Math.min(r, n);
+}
+function x(e, t) {
+	let n = e[t];
+	for (; n !== null;) {
+		if (n instanceof HTMLElement && n.dataset.slot === "resizable-panel") return n;
+		if (n instanceof HTMLElement && n.dataset.slot === "resizable-group") return;
+		n = n[t];
+	}
+}
+function S(e) {
+	if (e?.dataset.slot !== "resizable-panel") return;
+	if (e.dataset.collapsed !== void 0) return 0;
+	if (e.style.flexGrow === "1") return;
+	let t = Number.parseFloat(e.style.flexBasis);
+	return Number.isFinite(t) ? t : void 0;
+}
+var C = "haze-Resizable__groupBase", w = "haze-Resizable__groupHorizontal", T = "haze-Resizable__groupVertical";
+function E({ direction: t = "horizontal", children: n, className: i, style: a, onResizeCommit: u }) {
+	let [d, f] = c({}), p = s({}), h = s(/* @__PURE__ */ new Map()), g = s(y), [_, v] = c(0), b = r((e) => {
+		let t = p.current, n = {};
+		for (let [r, i] of Object.entries(t)) r in e || (n[r] = i);
+		let r = !1;
+		for (let [i, a] of Object.entries(e)) {
+			let e = h.current.get(i);
+			(t[i] ?? e?.defaultSize) !== a && (r = !0, a !== e?.defaultSize && (n[i] = a));
+		}
+		return r && (p.current = n, f(n)), r;
+	}, []), x = r(() => {
+		if (!u) return;
+		let e = {};
+		for (let [t, n] of h.current) n.fixed && (e[t] = n.collapsed ? 0 : p.current[t] ?? n.defaultSize);
+		u(e);
+	}, [u]), S = r((e) => {
+		if (!(e in p.current)) return;
+		let t = {};
+		for (let [n, r] of Object.entries(p.current)) n !== e && (t[n] = r);
+		p.current = t, f(t);
+	}, []), E = r((e) => {
+		g.current = new Set(e), v((e) => e + 1);
+	}, []), D = r(() => {
+		g.current = y, v((e) => e + 1);
+	}, []), O = r((e) => g.current.has(e), []), k = r((e) => e === void 0 ? void 0 : h.current.get(e), []), A = r((e, t) => (h.current.set(e, t), () => {
+		h.current.delete(e);
+	}), []), j = o(() => ({
+		direction: t,
+		sizes: d,
+		applySizes: b,
+		commitSizes: x,
+		clearOverride: S,
+		getPanelApi: k,
+		registerPanel: A,
+		markGesture: E,
+		endGesture: D,
+		isGesturePanel: O
+	}), [
+		t,
+		d,
+		b,
+		x,
+		S,
+		k,
+		A,
+		E,
+		D,
+		O,
+		_
+	]);
+	return /* @__PURE__ */ l(m.Provider, {
+		value: j,
+		children: l("div", {
 			"data-slot": "resizable-group",
+			style: a,
 			className: e([
-				s,
-				t === "horizontal" ? c : l,
-				o
+				C,
+				t === "horizontal" ? w : T,
+				i
 			]),
 			children: n
 		})
 	});
 }
-var d = "haze-Resizable__panelStyle";
-function f({ defaultSize: t = 50, children: n, className: r }) {
-	let { direction: a } = o(), s = { flex: `0 0 ${t}%` };
-	return /* @__PURE__ */ i("div", {
+var D = "haze-Resizable__panelBase", O = "haze-Resizable__panelCollapsed";
+function k({ id: t, defaultSize: n, minSize: r, maxSize: i, collapsible: o = !1, collapsed: c, onCollapsedChange: m, children: g, className: _, style: y, ...b }) {
+	let { sizes: x, registerPanel: S, clearOverride: C, isGesturePanel: w } = h(), T = s({
+		defaultSize: n,
+		minSize: r,
+		maxSize: i
+	});
+	a(() => {
+		let e = T.current;
+		(e.defaultSize !== n || e.minSize !== r || e.maxSize !== i) && (w(t) || (T.current = {
+			defaultSize: n,
+			minSize: r,
+			maxSize: i
+		}, C(t)));
+	});
+	let E = u(c), [k, A] = d(f(E ? c : void 0, p((e) => m?.(e))), E ? !1 : c ?? !1), j = o && k;
+	a(() => S(t, {
+		fixed: n !== void 0,
+		defaultSize: n ?? 0,
+		minSize: r ?? 0,
+		maxSize: i,
+		collapsed: j,
+		setCollapsed: o ? A : v
+	}), [
+		S,
+		t,
+		n,
+		r,
+		i,
+		j,
+		o,
+		A
+	]);
+	let M = x[t], N = j ? {
+		flexGrow: 0,
+		flexShrink: 0,
+		flexBasis: "0px"
+	} : n === void 0 ? {
+		flexGrow: 1,
+		flexShrink: 1,
+		flexBasis: "0px"
+	} : {
+		flexGrow: 0,
+		flexShrink: 0,
+		flexBasis: `${M ?? n}px`
+	};
+	return /* @__PURE__ */ l("div", {
 		"data-slot": "resizable-panel",
-		style: s,
-		className: e([d, r]),
-		children: n
+		"data-panel-id": t,
+		"data-collapsed": j || void 0,
+		style: {
+			...y,
+			...N
+		},
+		...b,
+		className: e([
+			D,
+			j && O,
+			_
+		]),
+		children: g
 	});
 }
-var p = "haze-Resizable__handleBase", m = "haze-Resizable__handleHorizontal", h = "haze-Resizable__handleVertical";
-function g({ className: t }) {
-	let { direction: n } = o();
-	return /* @__PURE__ */ i("div", {
+var A = "haze-Resizable__handleBase", j = "haze-Resizable__handleHorizontal", M = "haze-Resizable__handleVertical";
+function N(e, t, n, r) {
+	let i = {};
+	if (e !== null && t !== null && n !== null) {
+		let a = Math.max(e.min, n - (t.max ?? Infinity)), o = Math.min(e.max ?? Infinity, n - t.min), s = b(e.start + r, a, o);
+		return i[e.id] = s, i[t.id] = n - s, i;
+	}
+	return e === null ? (t === null || (i[t.id] = b(t.start - r, t.min, t.max)), i) : (i[e.id] = b(e.start + r, e.min, e.max), i);
+}
+function P({ className: n, ...r }) {
+	let { direction: i, applySizes: o, commitSizes: u, getPanelApi: d, markGesture: f, endGesture: p } = h(), m = s(null), v = s(null), y = s(!1);
+	a(() => () => {
+		v.current !== null && (v.current = null, p());
+	}, [p]);
+	let b = () => i === "horizontal" && t(m.current) === "rtl", [C, w] = c(void 0);
+	a(() => {
+		let e = m.current;
+		if (e === null) return;
+		let t = (e) => {
+			let t = S(e);
+			if (t === void 0) return;
+			let n = e?.dataset.panelId, r = n === void 0 ? void 0 : d(n);
+			return {
+				now: t,
+				min: r?.minSize,
+				max: r?.maxSize
+			};
+		}, n = t(x(e, "previousElementSibling")) ?? t(x(e, "nextElementSibling"));
+		w((e) => e?.now === n?.now && e?.min === n?.min && e?.max === n?.max ? e : n);
+	});
+	let T = (e) => i === "horizontal" ? e.clientX : e.clientY, E = (e) => {
+		let t = e?.dataset.panelId;
+		if (e === void 0 || t === void 0) return null;
+		let n = d(t);
+		if (n === void 0 || n.collapsed || !n.fixed) return null;
+		let r = S(e);
+		return r === void 0 ? null : {
+			id: t,
+			start: r,
+			min: n.minSize,
+			max: n.maxSize,
+			defaultSize: n.defaultSize
+		};
+	}, D = (e) => {
+		let t = d(e?.dataset.panelId);
+		return t?.collapsed ? t : void 0;
+	}, O = (e) => ({
+		lead: E(x(e, "previousElementSibling")),
+		trail: E(x(e, "nextElementSibling")),
+		expand: D(x(e, "previousElementSibling")) ?? D(x(e, "nextElementSibling"))
+	}), k = (e) => {
+		let { lead: t, trail: n } = O(e), r = {};
+		t !== null && (r[t.id] = t.defaultSize), n !== null && (r[n.id] = n.defaultSize), o(r) && u();
+	}, P = (e) => {
+		if (e.button !== 0) return;
+		let t = e.currentTarget, { lead: n, trail: r, expand: i } = O(t);
+		if (i !== void 0) {
+			e.preventDefault(), i.setCollapsed(!1);
+			return;
+		}
+		if (n === null && r === null) return;
+		e.preventDefault();
+		let a = [];
+		if (n !== null && a.push(n.id), r !== null && a.push(r.id), f(a), v.current = {
+			pointerId: e.pointerId,
+			origin: T(e),
+			lead: n,
+			trail: r,
+			pairSum: n !== null && r !== null ? n.start + r.start : null
+		}, y.current = !1, typeof t.setPointerCapture == "function") try {
+			t.setPointerCapture(e.pointerId);
+		} catch {}
+	}, F = (e) => {
+		let t = v.current;
+		if (t?.pointerId !== e.pointerId) return;
+		let n = T(e) - t.origin, r = N(t.lead, t.trail, t.pairSum, b() ? -n : n);
+		o(r) && (y.current = !0);
+	}, I = (e) => {
+		if (v.current?.pointerId !== e.pointerId) return;
+		v.current = null;
+		let t = e.currentTarget;
+		if (typeof t.releasePointerCapture == "function") try {
+			t.releasePointerCapture(e.pointerId);
+		} catch {}
+		e.type === "pointerup" && y.current && u(), y.current = !1, p();
+	}, L = (e) => {
+		let t = i === "horizontal" ? "ArrowRight" : "ArrowDown", n = i === "horizontal" ? "ArrowLeft" : "ArrowUp", { key: r } = e, a = e.currentTarget, { lead: s, trail: c, expand: l } = O(a);
+		if (l !== void 0) {
+			r === "Enter" && (e.preventDefault(), l.setCollapsed(!1));
+			return;
+		}
+		if (r === "Enter") {
+			e.preventDefault(), k(a);
+			return;
+		}
+		if (r !== t && r !== n && r !== "Home" && r !== "End" || s === null && c === null) return;
+		e.preventDefault();
+		let d = s !== null && c !== null ? s.start + c.start : null, f = b(), p = r === t ? f ? -16 : g : r === n ? f ? g : -16 : r === "Home" ? -_ : _;
+		o(N(s, c, d, p)) && u();
+	};
+	return /* @__PURE__ */ l("div", {
+		ref: m,
 		"data-slot": "resizable-handle",
+		...r,
 		role: "separator",
-		"aria-orientation": n,
+		"aria-orientation": i === "horizontal" ? "vertical" : "horizontal",
+		tabIndex: 0,
+		"aria-valuenow": C?.now,
+		"aria-valuemin": C?.min,
+		"aria-valuemax": C?.max,
+		onKeyDown: L,
+		onPointerDown: P,
+		onPointerMove: F,
+		onPointerUp: I,
+		onPointerCancel: I,
+		onDoubleClick: () => {
+			let e = m.current;
+			e !== null && k(e);
+		},
 		className: e([
-			p,
-			n === "horizontal" ? m : h,
-			t
+			A,
+			i === "horizontal" ? j : M,
+			n
 		])
 	});
 }
 //#endregion
-export { u as ResizableGroup, g as ResizableHandle, f as ResizablePanel };
+export { E as ResizableGroup, P as ResizableHandle, k as ResizablePanel };

package/dist/components/Sparkline/Sparkline.js

@@ -0,0 +1,45 @@
+import { classnames as e } from "../../utils/classnames.js";
+import { base as t, toneFills as n, toneStrokes as r } from "./sparkline-styles.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/lib/components/Sparkline/Sparkline.tsx
+var o = 100, s = 2;
+function c(e) {
+	let t = Math.min(...e), n = Math.max(...e) - t, r = e.length - 1;
+	return e.map((e, i) => {
+		let a = i / r * o, s = n === 0 ? o / 2 : 92 - (e - t) / n * 84;
+		return `${i === 0 ? "M" : "L"}${a.toFixed(2)} ${s.toFixed(2)}`;
+	}).join(" ");
+}
+function l(e) {
+	let t = o.toFixed(2);
+	return `${e} L${t} ${t} L0.00 ${t} Z`;
+}
+function u({ data: u, width: d = 96, height: f = 28, variant: p = "line", tone: m = "primary", className: h, ...g }) {
+	let _ = g["aria-label"], v = g["aria-labelledby"], y = typeof _ == "string" && _.length > 0 || typeof v == "string" && v.length > 0, b = u.length >= s, x = b ? c(u) : "";
+	return /* @__PURE__ */ a("svg", {
+		...g,
+		"data-slot": "sparkline",
+		width: d,
+		height: f,
+		viewBox: `0 0 ${o} ${o}`,
+		preserveAspectRatio: "none",
+		role: y ? "img" : g.role,
+		"aria-hidden": !y || void 0,
+		className: e([t, h]),
+		children: [b && p === "area" && /* @__PURE__ */ i("path", {
+			d: l(x),
+			stroke: "none",
+			className: e([n[m]])
+		}), b && /* @__PURE__ */ i("path", {
+			d: x,
+			fill: "none",
+			"stroke-width": "2",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"vector-effect": "non-scaling-stroke",
+			className: e([r[m]])
+		})]
+	});
+}
+//#endregion
+export { u as default };

package/dist/components/Sparkline/index.js

@@ -0,0 +1,3 @@
+import { toneFills as e, toneStrokes as t } from "./sparkline-styles.js";
+import n from "./Sparkline.js";
+export { n as Sparkline, e as sparklineToneFills, t as sparklineToneStrokes };

package/dist/components/Sparkline/sparkline-styles.js

@@ -0,0 +1,18 @@
+
+/* empty css                           */
+//#region src/lib/components/Sparkline/sparkline-styles.ts
+var e = "haze-sparkline-styles__base", t = {
+	primary: "haze-sparkline-styles__primary",
+	success: "haze-sparkline-styles__success",
+	danger: "haze-sparkline-styles__danger",
+	warning: "haze-sparkline-styles__warning",
+	info: "haze-sparkline-styles__info"
+}, n = {
+	primary: "haze-sparkline-styles__primary",
+	success: "haze-sparkline-styles__success",
+	danger: "haze-sparkline-styles__danger",
+	warning: "haze-sparkline-styles__warning",
+	info: "haze-sparkline-styles__info"
+};
+//#endregion
+export { e as base, n as toneFills, t as toneStrokes };

package/dist/components/StatusBar/StatusBar.js

@@ -0,0 +1,47 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                    */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/lib/components/StatusBar/StatusBar.tsx
+var r = "haze-StatusBar__bar", i = "haze-StatusBar__group", a = "haze-StatusBar__groupEnd", o = "haze-StatusBar__item", s = "haze-StatusBar__itemAction";
+function c({ left: o, right: s, className: c, ...l }) {
+	return /* @__PURE__ */ n("footer", {
+		"data-slot": "status-bar",
+		...l,
+		className: e([r, c]),
+		children: [o != null && /* @__PURE__ */ t("div", {
+			"data-slot": "status-bar-left",
+			className: e(i),
+			children: o
+		}), s != null && /* @__PURE__ */ t("div", {
+			"data-slot": "status-bar-right",
+			className: e([i, a]),
+			children: s
+		})]
+	});
+}
+function l({ priority: n, onSelect: r, className: i, children: a, ...c }) {
+	let l = [
+		o,
+		r != null && s,
+		i
+	], u = n ? "true" : void 0;
+	return r == null ? /* @__PURE__ */ t("span", {
+		"data-slot": "status-item",
+		"data-priority": u,
+		...c,
+		className: e(l),
+		children: a
+	}) : /* @__PURE__ */ t("button", {
+		type: "button",
+		"data-slot": "status-item",
+		"data-priority": u,
+		onClick: r,
+		...c,
+		className: e(l),
+		children: a
+	});
+}
+//#endregion
+export { l as StatusItem, c as default };

package/dist/components/StatusBar/index.js

@@ -0,0 +1,3 @@
+"use client";
+import e, { StatusItem as t } from "./StatusBar.js";
+export { e as StatusBar, t as StatusItem };

package/dist/components/TabBar/TabBar.js

@@ -0,0 +1,60 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import t from "../Badge/Badge.js";
+/* empty css                 */
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/lib/components/TabBar/TabBar.tsx
+var i = "haze-TabBar__bar";
+function a({ children: t, className: r, ...a }) {
+	return /* @__PURE__ */ n("nav", {
+		"data-slot": "tab-bar",
+		...a,
+		className: e([i, r]),
+		children: t
+	});
+}
+var o = "haze-TabBar__item", s = "haze-TabBar__itemActive", c = "haze-TabBar__indicator", l = "haze-TabBar__itemIcon", u = "haze-TabBar__itemLabel", d = "haze-TabBar__itemBadge";
+function f({ icon: i, label: a, badge: f, active: p = !1, onSelect: m, onReselect: h, className: g, onClick: _, ...v }) {
+	return /* @__PURE__ */ r("button", {
+		type: "button",
+		"data-slot": "tab-bar-item",
+		"aria-current": p ? "true" : void 0,
+		onClick: (e) => {
+			_?.(e), p ? h?.() : m?.();
+		},
+		...v,
+		className: e([
+			o,
+			p && s,
+			g
+		]),
+		children: [
+			/* @__PURE__ */ r("span", {
+				"data-slot": "tab-bar-item-icon",
+				"aria-hidden": "true",
+				className: e(l),
+				children: [i, f != null && /* @__PURE__ */ n("span", {
+					"data-slot": "tab-bar-item-badge",
+					className: e(d),
+					children: /* @__PURE__ */ n(t, {
+						size: "sm",
+						children: f
+					})
+				})]
+			}),
+			/* @__PURE__ */ n("span", {
+				"data-slot": "tab-bar-item-label",
+				className: e(u),
+				children: a
+			}),
+			p && /* @__PURE__ */ n("span", {
+				"data-slot": "tab-bar-item-indicator",
+				"aria-hidden": "true",
+				className: e(c)
+			})
+		]
+	});
+}
+//#endregion
+export { f as TabBarItem, a as default };

package/dist/components/TabBar/index.js

@@ -0,0 +1,3 @@
+"use client";
+import e, { TabBarItem as t } from "./TabBar.js";
+export { e as TabBar, t as TabBarItem };

package/dist/components/Tabs/SortableTabList.js

@@ -0,0 +1,116 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { useTabsContext as t } from "./TabsContext.js";
+import { collectTabMetas as n } from "./tab-metas.js";
+import r from "./TabList.js";
+import { sortableItemStyle as i } from "../../utils/sortable-shared.js";
+import { SortableRegion as a } from "../../utils/sortable.js";
+import { edgeScrollDelta as o } from "./edge-scroll.js";
+/* empty css                          */
+import { Children as s, createContext as c, isValidElement as l, useCallback as u, useContext as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { jsx as g } from "react/jsx-runtime";
+import { arrayMove as _, horizontalListSortingStrategy as v, useSortable as y } from "@dnd-kit/sortable";
+//#region src/lib/components/Tabs/SortableTabList.tsx
+var b = "haze-SortableTabList__sortableTab", x = "haze-SortableTabList__sortableTabActive", S = "haze-SortableTabList__sortableTabDragging", C = c(null);
+function w(e, t, n) {
+	if (n.offsetParent !== t) return null;
+	let r = 0;
+	for (let e of Array.from(t.children)) {
+		let t = e;
+		r = Math.max(r, t.offsetLeft + t.offsetWidth);
+	}
+	if (r <= 0) return null;
+	let i = n.offsetLeft, a = -i, o = r - n.offsetWidth - i;
+	return {
+		x: Math.max(a, Math.min(e.x ?? 0, o)),
+		y: 0,
+		scaleX: 1,
+		scaleY: 1
+	};
+}
+function T({ id: n, children: r }) {
+	let { value: a, setValue: o } = t(), { listeners: s, setNodeRef: c, transform: h, transition: _, isDragging: v } = y({ id: n }), T = m(null), E = d(C), D = m(null), O = u((e) => {
+		D.current = e, c(e);
+	}, [c]), k = l(r) ? r.props.value : void 0, A = k !== void 0 && a === k, j = p(() => {
+		let e = E?.current, t = D.current;
+		return !h || !e || !t ? h : w(h, e, t) ?? h;
+	}, [h, E]);
+	f(() => {
+		if (v) {
+			T.current === null && (T.current = a);
+			return;
+		}
+		let e = T.current;
+		e !== null && (T.current = null, e !== a && o(e));
+	}, [
+		v,
+		a,
+		o
+	]);
+	function M(e) {
+		let t = s?.onKeyDown;
+		t?.(e), e.defaultPrevented && e.stopPropagation();
+	}
+	let N = s?.onPointerDown;
+	return /* @__PURE__ */ g("span", {
+		ref: O,
+		"data-slot": "sortable-tab",
+		style: i(j, _),
+		onPointerDown: N,
+		onKeyDownCapture: M,
+		className: e([
+			b,
+			A && x,
+			v && S
+		]),
+		children: r
+	});
+}
+function E({ className: e, onReorder: t, children: i }) {
+	let c = s.toArray(i), u = c.map((e, t) => {
+		if (l(e)) {
+			let t = e.props.value;
+			if (t !== void 0) return t;
+		}
+		return t;
+	}), d = p(() => n(c), [c]), y = m(null), b = m(0), [x, S] = h(!1);
+	return f(() => {
+		if (!x) return;
+		let e = 0, t = () => {
+			let n = y.current;
+			if (n) {
+				let e = n.getBoundingClientRect();
+				n.scrollLeft += o(e, b.current);
+			}
+			e = requestAnimationFrame(t);
+		};
+		e = requestAnimationFrame(t);
+		let n = (e) => {
+			b.current = e.clientX;
+		};
+		return window.addEventListener("pointermove", n), () => {
+			cancelAnimationFrame(e), window.removeEventListener("pointermove", n);
+		};
+	}, [x]), /* @__PURE__ */ g("div", { children: g(C.Provider, {
+		value: y,
+		children: /* @__PURE__ */ g(a, {
+			ids: u,
+			strategy: v,
+			onMove: (e, n) => t?.(_(u, e, n).map((e) => u.indexOf(e))),
+			onDragStart: (e) => S(e.activatorEvent.type === "pointerdown"),
+			onDragEnd: () => S(!1),
+			children: /* @__PURE__ */ g(r, {
+				className: e,
+				listRef: y,
+				tabMetas: d,
+				children: c.map((e, t) => /* @__PURE__ */ g(T, {
+					id: u[t] ?? t,
+					children: e
+				}, u[t] ?? t))
+			})
+		})
+	}) });
+}
+//#endregion
+export { E as default };