haze-ui 1.30.0 → 1.32.0

package/dist/components/VirtualList/VirtualList.js

@@ -2,12 +2,13 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { getDirection as t } from "../../utils/direction.js";
+import { useEndReached as n } from "../../utils/use-end-reached.js";
 /* empty css                      */
-import { useCallback as n, useEffect as r, useImperativeHandle as i, useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useCallback as r, useEffect as i, useImperativeHandle as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/lib/components/VirtualList/VirtualList.tsx
-var l = "haze-VirtualList__container", u = "haze-VirtualList__containerHorizontal", d = "haze-VirtualList__viewport", f = "haze-VirtualList__viewportHorizontal", p = "haze-VirtualList__groupHeader", ee = "haze-VirtualList__groupHeaderHorizontal";
-function te(e, t, n) {
+var u = "haze-VirtualList__container", d = "haze-VirtualList__containerHorizontal", f = "haze-VirtualList__viewport", p = "haze-VirtualList__viewportHorizontal", ee = "haze-VirtualList__groupHeader", te = "haze-VirtualList__groupHeaderHorizontal";
+function ne(e, t, n) {
 	let r = 0, i = t - 1;
 	for (; r < i;) {
 		let t = r + i >> 1;
@@ -15,7 +16,7 @@ function te(e, t, n) {
 	}
 	return r;
 }
-function ne(e, t, n) {
+function re(e, t, n) {
 	let r = 0, i = t;
 	for (; r < i;) {
 		let t = r + i >> 1;
@@ -36,141 +37,152 @@ function g(e, n, r) {
 	}
 	e.scrollLeft = t(e) === "rtl" ? -r : r;
 }
-function _({ items: t, height: _, width: v, itemHeight: y, estimatedItemHeight: b, columns: x, columnWidth: re, orientation: ie = "vertical", groups: S, renderItem: C, overscan: w = 5, reverse: T = !1, className: ae, style: E, ref: oe, ...se }) {
-	let D = ie === "horizontal", O = !D && x !== void 0 && x > 1, k = O ? x : 1, A = re ?? y;
-	r(() => {
-		D && x !== void 0 && x > 1 && console.error("VirtualList: `columns` requires orientation='vertical' (the default); the horizontal list ignores it.");
-	}, [D, x]);
-	let j = b !== void 0, M = S !== void 0 && S.length > 0, N = b ?? y, P = O ? Math.ceil(t.length / k) : t.length, [F, I] = o(0), [L, R] = o(0), [z, ce] = o(0), [B, le] = o(0), V = a(null), H = a(!0), U = a(/* @__PURE__ */ new Map()), W = a(/* @__PURE__ */ new Map()), G = a(null), K = a(null), q = n(() => {
-		let e = V.current;
+function _({ items: t, height: _, width: v, itemHeight: y, estimatedItemHeight: b, columns: x, columnWidth: ie, orientation: ae = "vertical", groups: S, renderItem: C, overscan: w = 5, onEndReached: oe, endReachedThreshold: se, reverse: T = !1, className: ce, style: le, ref: ue, ...de }) {
+	let E = ae === "horizontal", D = !E && x !== void 0 && x > 1, O = D ? x : 1, k = ie ?? y;
+	i(() => {
+		E && x !== void 0 && x > 1 && console.error("VirtualList: `columns` requires orientation='vertical' (the default); the horizontal list ignores it.");
+	}, [E, x]);
+	let A = b !== void 0, j = S !== void 0 && S.length > 0, M = b ?? y, N = D ? Math.ceil(t.length / O) : t.length, [P, F] = s(0), [I, L] = s(0), [R, fe] = s(0), [z, pe] = s(0), B = o(null), V = o(!0), H = o(/* @__PURE__ */ new Map()), U = o(/* @__PURE__ */ new Map()), W = o(null), me = o(null), G = n({
+		ref: B,
+		onEndReached: oe,
+		threshold: se ?? 200,
+		contentUnits: t.length,
+		axis: E ? "x" : "y",
+		fromStart: T,
+		extentFallback: E ? v : _,
+		attach: !1
+	}), K = r(() => {
+		let e = B.current;
 		if (e) {
-			if (I(h(e, D ? "x" : "y")), T) {
-				if (D) {
+			if (F(h(e, E ? "x" : "y")), T) {
+				if (E) {
 					let t = e.clientWidth || v || 0;
-					H.current = e.scrollWidth - h(e, "x") - t <= 1;
+					V.current = e.scrollWidth - h(e, "x") - t <= 1;
 				} else {
 					let t = e.clientHeight || _;
-					H.current = e.scrollHeight - e.scrollTop - t <= 1;
+					V.current = e.scrollHeight - e.scrollTop - t <= 1;
 				}
 			}
-			O && R(h(e, "x"));
+			D && L(h(e, "x")), G();
 		}
 	}, [
-		D,
+		E,
 		T,
 		_,
 		v,
-		O
+		D,
+		G
 	]);
-	r(() => {
-		let e = V.current;
-		if (e) return e.addEventListener("scroll", q, { passive: !0 }), () => e.removeEventListener("scroll", q);
-	}, [q]), r(() => {
-		let e = V.current;
-		if (e && T && H.current) {
-			if (D) {
+	i(() => {
+		let e = B.current;
+		if (e) return e.addEventListener("scroll", K, { passive: !0 }), () => e.removeEventListener("scroll", K);
+	}, [K]), i(() => {
+		let e = B.current;
+		if (e && T && V.current) {
+			if (E) {
 				let t = e.clientWidth || v || 0;
 				g(e, "x", Math.max(0, e.scrollWidth - t));
 			} else {
 				let t = e.clientHeight || _;
 				e.scrollTop = Math.max(0, e.scrollHeight - t);
 			}
-			I(h(e, D ? "x" : "y"));
+			F(h(e, E ? "x" : "y")), G();
 		}
 	}, [
 		T,
-		D,
+		E,
 		v,
 		t,
-		B,
-		_
-	]), r(() => {
-		if (!D && !O) return;
-		let e = V.current;
+		z,
+		_,
+		G
+	]), i(() => {
+		if (!E && !D) return;
+		let e = B.current;
 		if (!e) return;
-		let t = () => ce(e.clientWidth);
+		let t = () => fe(e.clientWidth);
 		if (t(), typeof ResizeObserver > "u") return;
 		let n = new ResizeObserver(() => t());
 		return n.observe(e), () => n.disconnect();
-	}, [D, O]);
-	let J = (() => {
-		let e = K.current;
-		if (e?.items === t && e.version === B && e.itemHeight === y && e.estimated === b && e.dynamic === j && e.units === P) return e.sums;
-		let n = new Float64Array(P + 1);
-		for (let e = 0; e < P; e++) n[e + 1] = (n[e] ?? 0) + (j ? U.current.get(e) ?? N : y);
-		return K.current = {
+	}, [E, D]);
+	let q = (() => {
+		let e = me.current;
+		if (e?.items === t && e.version === z && e.itemHeight === y && e.estimated === b && e.dynamic === A && e.units === N) return e.sums;
+		let n = new Float64Array(N + 1);
+		for (let e = 0; e < N; e++) n[e + 1] = (n[e] ?? 0) + (A ? H.current.get(e) ?? M : y);
+		return me.current = {
 			items: t,
-			version: B,
+			version: z,
 			itemHeight: y,
 			estimated: b,
-			dynamic: j,
-			units: P,
+			dynamic: A,
+			units: N,
 			sums: n
 		}, n;
-	})(), Y = J[P] ?? 0, X = D ? z || v || 0 : _, Z = T ? Math.max(0, Y - X - F) : F, Q = Math.max(0, te(J, P, Z) - w), $ = Math.min(P, ne(J, P, Z + X) + w), ue = k * A, de = O ? Math.max(0, Math.floor(L / A) - w) : 0, fe = O ? z > 0 ? Math.min(k, Math.ceil((L + z) / A) + w) : k : 0;
-	r(() => {
-		let e = U.current;
-		for (let t of e.keys()) t >= P && e.delete(t);
-	}, [P]), r(() => {
+	})(), J = q[N] ?? 0, Y = E ? R || v || 0 : _, X = T ? Math.max(0, J - Y - P) : P, Z = Math.max(0, ne(q, N, X) - w), Q = Math.min(N, re(q, N, X + Y) + w), he = O * k, ge = D ? Math.max(0, Math.floor(I / k) - w) : 0, _e = D ? R > 0 ? Math.min(O, Math.ceil((I + R) / k) + w) : O : 0;
+	i(() => {
+		let e = H.current;
+		for (let t of e.keys()) t >= N && e.delete(t);
+	}, [N]), i(() => {
 		if (!S) return;
-		let e = W.current, t = new Set(S.map((e) => e.key));
+		let e = U.current, t = new Set(S.map((e) => e.key));
 		for (let n of e.keys()) t.has(n) || e.delete(n);
-	}, [S]), r(() => {
-		if (!j && !M) return;
+	}, [S]), i(() => {
+		if (!A && !j) return;
 		let e = new ResizeObserver((e) => {
 			let t = !1;
 			for (let n of e) {
-				let e = n.target, { index: r, groupKey: i } = e.dataset, a = e.getBoundingClientRect(), o = D ? a.width : a.height;
+				let e = n.target, { index: r, groupKey: i } = e.dataset, a = e.getBoundingClientRect(), o = E ? a.width : a.height;
 				if (r !== void 0) {
 					let e = Number(r);
-					U.current.get(e) !== o && (U.current.set(e, o), t = !0);
-				} else i !== void 0 && W.current.get(i) !== o && (W.current.set(i, o), t = !0);
+					H.current.get(e) !== o && (H.current.set(e, o), t = !0);
+				} else i !== void 0 && U.current.get(i) !== o && (U.current.set(i, o), t = !0);
 			}
-			t && le((e) => e + 1);
+			t && pe((e) => e + 1);
 		});
-		return G.current = e, () => {
-			G.current = null, e.disconnect();
+		return W.current = e, () => {
+			W.current = null, e.disconnect();
 		};
 	}, [
+		A,
 		j,
-		M,
-		D
-	]), r(() => {
-		let e = G.current, t = V.current;
+		E
+	]), i(() => {
+		let e = W.current, t = B.current;
 		e && t && t.querySelectorAll("[data-index], [data-group-key]").forEach((t) => {
 			e.observe(t);
 		});
 	}, [
+		Z,
 		Q,
-		$,
-		B,
+		z,
 		S,
-		j,
-		M
+		A,
+		j
 	]);
-	let pe = (() => {
+	let ve = (() => {
 		if (!S) return null;
-		let t = Z + X, n = [];
+		let t = X + Y, n = [];
 		for (let r = 0; r < S.length; r++) {
 			let i = S[r];
 			if (!i) continue;
-			let a = r + 1 < S.length ? S[r + 1] : void 0, o = (e) => O ? Math.floor(e / k) : e, c = m(J, P, o(i.startIndex)), l = a ? m(J, P, o(a.startIndex)) : Y;
-			if (l <= Z || c >= t) continue;
-			let u = W.current.get(i.key) ?? N, d = Math.max(c, Math.min(Z, l - u)), f = D ? T ? { insetInlineEnd: d } : { insetInlineStart: d } : T ? { bottom: d } : { top: d };
-			n.push(/* @__PURE__ */ s("div", {
+			let a = r + 1 < S.length ? S[r + 1] : void 0, o = (e) => D ? Math.floor(e / O) : e, s = m(q, N, o(i.startIndex)), l = a ? m(q, N, o(a.startIndex)) : J;
+			if (l <= X || s >= t) continue;
+			let u = U.current.get(i.key) ?? M, d = Math.max(s, Math.min(X, l - u)), f = E ? T ? { insetInlineEnd: d } : { insetInlineStart: d } : T ? { bottom: d } : { top: d };
+			n.push(/* @__PURE__ */ c("div", {
 				"data-slot": "group-header",
 				"data-group-key": i.key,
 				style: f,
-				className: e([D ? ee : p]),
+				className: e([E ? te : ee]),
 				children: i.render()
 			}, i.key));
 		}
 		return n;
-	})(), me = n((e, n = "auto") => {
-		let r = V.current;
+	})(), $ = r((e, n = "auto") => {
+		let r = B.current;
 		if (!r || t.length === 0) return;
-		let i = Math.max(0, Math.min(t.length - 1, Math.floor(e))), a = O ? Math.min(P - 1, Math.floor(i / k)) : i, o = J[a] ?? 0, s = j ? U.current.get(a) ?? N : y, c = D ? "x" : "y", l = D ? r.clientWidth || v || 0 : r.clientHeight || _, u = Math.max(0, (D ? r.scrollWidth : r.scrollHeight) - l), d = (e) => e === "start" ? o : e === "end" ? o + s - l : o + s / 2 - l / 2, f = (e) => {
-			g(r, c, Math.max(0, Math.min(e, u))), I(h(r, c));
+		let i = Math.max(0, Math.min(t.length - 1, Math.floor(e))), a = D ? Math.min(N - 1, Math.floor(i / O)) : i, o = q[a] ?? 0, s = A ? H.current.get(a) ?? M : y, c = E ? "x" : "y", l = E ? r.clientWidth || v || 0 : r.clientHeight || _, u = Math.max(0, (E ? r.scrollWidth : r.scrollHeight) - l), d = (e) => e === "start" ? o : e === "end" ? o + s - l : o + s / 2 - l / 2, f = (e) => {
+			g(r, c, Math.max(0, Math.min(e, u))), F(h(r, c));
 		}, p;
 		if (T) {
 			let e = Math.max(0, u - h(r, c));
@@ -179,105 +191,105 @@ function _({ items: t, height: _, width: v, itemHeight: y, estimatedItemHeight:
 			let e = h(r, c);
 			p = n === "auto" && o >= e && o + s <= e + l ? null : d(n === "auto" ? o < e ? "end" : "start" : n);
 		}
-		if (p !== null && f(p), O) {
-			let e = i % k * A, t = r.clientWidth || 0;
+		if (p !== null && f(p), D) {
+			let e = i % O * k, t = r.clientWidth || 0;
 			if (t > 0) {
 				let n = h(r, "x"), i = n;
-				e < n ? i = e : e + A > n + t && (i = e + A - t), i !== n && (g(r, "x", Math.max(0, Math.min(i, Math.max(0, r.scrollWidth - t)))), R(h(r, "x")));
+				e < n ? i = e : e + k > n + t && (i = e + k - t), i !== n && (g(r, "x", Math.max(0, Math.min(i, Math.max(0, r.scrollWidth - t)))), L(h(r, "x")));
 			}
 		}
 	}, [
-		J,
+		q,
 		t.length,
-		j,
-		N,
+		A,
+		M,
 		y,
 		_,
 		v,
 		T,
+		E,
 		D,
+		N,
 		O,
-		P,
-		k,
-		A
+		k
 	]);
-	i(oe, () => ({ scrollToIndex: me }), [me]);
-	let he = D ? {
+	a(ue, () => ({ scrollToIndex: $ }), [$]);
+	let ye = E ? {
 		height: _,
 		...v === void 0 ? void 0 : { width: v },
-		...E
+		...le
 	} : {
 		height: _,
-		...E
-	}, ge = D ? { width: Y } : O ? {
-		height: Y,
-		width: ue
-	} : { height: Y };
-	return /* @__PURE__ */ s("div", {
-		ref: V,
+		...le
+	}, be = E ? { width: J } : D ? {
+		height: J,
+		width: he
+	} : { height: J };
+	return /* @__PURE__ */ c("div", {
+		ref: B,
 		"data-slot": "virtual-list",
-		style: he,
-		...se,
-		className: e([D ? u : l, ae]),
-		children: c("div", {
+		style: ye,
+		...de,
+		className: e([E ? d : u, ce]),
+		children: l("div", {
 			"data-slot": "viewport",
-			style: ge,
-			className: e([D ? f : d]),
-			children: [O ? Array.from({ length: $ - Q }, (e, n) => {
-				let r = Q + n, i = {
+			style: be,
+			className: e([E ? p : f]),
+			children: [D ? Array.from({ length: Q - Z }, (e, n) => {
+				let r = Z + n, i = {
 					position: "absolute",
 					width: "100%"
 				};
-				if (T ? i.bottom = J[r] : i.top = J[r], j) {
-					let e = U.current.get(r);
+				if (T ? i.bottom = q[r] : i.top = q[r], A) {
+					let e = H.current.get(r);
 					e !== void 0 && (i.height = e);
 				} else i.height = y;
 				let a = [];
-				for (let e = de; e < fe; e++) {
-					let n = r * k + e, i = t[n];
+				for (let e = ge; e < _e; e++) {
+					let n = r * O + e, i = t[n];
 					if (i === void 0) break;
-					a.push(/* @__PURE__ */ s("div", {
+					a.push(/* @__PURE__ */ c("div", {
 						"data-slot": "item",
 						"data-cell": n,
 						style: {
 							flex: "none",
-							width: A
+							width: k
 						},
 						children: C(i, n)
 					}, e));
 				}
-				return /* @__PURE__ */ s("div", {
+				return /* @__PURE__ */ c("div", {
 					"data-slot": "row",
 					"data-index": r,
 					style: i,
-					children: /* @__PURE__ */ s("div", {
+					children: /* @__PURE__ */ c("div", {
 						style: {
 							display: "flex",
 							height: "100%",
-							marginInlineStart: de * A
+							marginInlineStart: ge * k
 						},
 						children: a
 					})
 				}, r);
-			}) : t.slice(Q, $).map((e, t) => {
-				let n = Q + t, r = D ? {
+			}) : t.slice(Z, Q).map((e, t) => {
+				let n = Z + t, r = E ? {
 					position: "absolute",
 					height: "100%"
 				} : {
 					position: "absolute",
 					width: "100%"
 				};
-				if (T ? D ? r.insetInlineEnd = J[n] : r.bottom = J[n] : D ? r.insetInlineStart = J[n] : r.top = J[n], j) {
-					let e = U.current.get(n);
-					e !== void 0 && (D ? r.width = e : r.height = e);
-				} else D ? r.width = y : r.height = y;
-				return /* @__PURE__ */ s("div", {
+				if (T ? E ? r.insetInlineEnd = q[n] : r.bottom = q[n] : E ? r.insetInlineStart = q[n] : r.top = q[n], A) {
+					let e = H.current.get(n);
+					e !== void 0 && (E ? r.width = e : r.height = e);
+				} else E ? r.width = y : r.height = y;
+				return /* @__PURE__ */ c("div", {
 					"data-slot": "item",
 					"data-index": n,
 					style: r,
 					children: C(e, n)
 				}, n);
-			}), pe]
+			}), ve]
 		})
 	});
 }

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,15 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                         */
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/VisuallyHidden/VisuallyHidden.tsx
+var n = "haze-VisuallyHidden__hidden";
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ t("span", {
+		"data-slot": "visually-hidden",
+		...i,
+		className: e([n, r])
+	});
+}
+//#endregion
+export { r as default };

package/dist/components/VisuallyHidden/index.js

@@ -0,0 +1,2 @@
+import e from "./VisuallyHidden.js";
+export { e as VisuallyHidden };

package/dist/components/Workbench/Workbench.js

@@ -0,0 +1,144 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { useFocusScope as t } from "../../utils/focus-scope.js";
+import { ResizableGroup as n, ResizableHandle as r, ResizablePanel as i } from "../Resizable/Resizable.js";
+/* empty css                    */
+import { useEffect as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useControl as c } from "react-use-control";
+//#region src/lib/components/Workbench/Workbench.tsx
+var l = 160, u = 480, d = 300, f = 180, p = 480, m = 300, ee = 120, te = 720, ne = 240, h = "haze-Workbench__workbench", g = "haze-Workbench__body", _ = "haze-Workbench__activityBar", v = "haze-Workbench__activityBarDocked", y = "haze-Workbench__activityBarDockedEnd", re = "haze-Workbench__sidebarColumn", ie = "haze-Workbench__regionFill", b = "haze-Workbench__region", x = "haze-Workbench__editor", S = "haze-Workbench__verticalFill", C = "haze-Workbench__statusBarRegion", w = "haze-Workbench__tabBarRegion", T = "haze-Workbench__scrim", E = "haze-Workbench__sidenavOverlay", D = "haze-Workbench__auxOverlay", O = "haze-Workbench__mobileHidden";
+function k({ activityBar: k, activityBarPosition: A, sidebar: j, auxiliaryBar: M, panel: N, statusBar: P, tabBar: F, sidebarWidth: I, sidebarCollapsed: L, mobileSidebarOpen: R, auxiliaryBarWidth: z, auxiliaryBarCollapsed: B, panelHeight: V, panelCollapsed: H, panelMaximized: ae, className: U, style: W, children: G, ...K }) {
+	let [q, J] = c(I, d), [Y, oe] = c(z, m), [se, ce] = c(V, ne), [le, ue, de] = c(L, !1), [X, Z, fe] = c(R, !1);
+	a(() => {
+		if (!X) return;
+		let e = (e) => {
+			e.key === "Escape" && Z(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [X, Z]);
+	let pe = t({
+		enabled: X,
+		trapped: !1
+	}), [Q] = c(A, "side"), [me, he, ge] = c(B, !1), [, , _e] = c(H, !1), [$] = c(ae, !1), ve = (e) => {
+		let t = e.sidebar;
+		t !== void 0 && t > 0 && J(t);
+		let n = e.auxiliary;
+		n !== void 0 && n > 0 && oe(n);
+	}, ye = (e) => {
+		let t = e.panel;
+		t !== void 0 && t > 0 && ce(t);
+	};
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "workbench",
+		"data-panel-maximized": $ || void 0,
+		style: {
+			height: "100dvh",
+			...W
+		},
+		...K,
+		className: e([h, U]),
+		children: [
+			/* @__PURE__ */ s(n, {
+				direction: "horizontal",
+				className: g,
+				onResizeCommit: ve,
+				children: [
+					k != null && Q === "side" && /* @__PURE__ */ o("div", {
+						"data-slot": "workbench-activity-bar",
+						className: e([_]),
+						children: k
+					}),
+					j != null && /* @__PURE__ */ s(i, {
+						id: "sidebar",
+						defaultSize: q,
+						minSize: l,
+						maxSize: u,
+						collapsible: !0,
+						collapsed: de,
+						className: Q === "side" ? E : `${E} ${re}`,
+						"data-open": X || void 0,
+						style: { "--haze-workbench-sidebar-width": `${q}px` },
+						children: [k != null && Q !== "side" && /* @__PURE__ */ o("div", {
+							"data-slot": "workbench-activity-bar",
+							className: e([v, Q === "bottom" && y]),
+							children: k
+						}), /* @__PURE__ */ o("div", {
+							ref: pe,
+							"data-slot": "workbench-sidebar",
+							className: e([b, Q !== "side" && ie]),
+							children: j
+						})]
+					}),
+					j != null && /* @__PURE__ */ o(r, { className: O }),
+					/* @__PURE__ */ o(i, {
+						id: "main",
+						children: /* @__PURE__ */ s(n, {
+							direction: "vertical",
+							className: S,
+							onResizeCommit: ye,
+							children: [
+								!$ && /* @__PURE__ */ o("main", {
+									"data-slot": "workbench-main",
+									className: e([x]),
+									children: G
+								}),
+								N != null && !$ && /* @__PURE__ */ o(r, { className: O }),
+								N != null && /* @__PURE__ */ o(i, {
+									id: "panel",
+									defaultSize: $ ? void 0 : se,
+									minSize: ee,
+									maxSize: te,
+									collapsible: !$,
+									collapsed: _e,
+									className: O,
+									children: /* @__PURE__ */ o("div", {
+										"data-slot": "workbench-panel",
+										className: e([b]),
+										children: N
+									})
+								})
+							]
+						})
+					}),
+					M != null && /* @__PURE__ */ o(r, { className: O }),
+					M != null && /* @__PURE__ */ o(i, {
+						id: "auxiliary",
+						defaultSize: Y,
+						minSize: f,
+						maxSize: p,
+						collapsible: !0,
+						collapsed: ge,
+						className: D,
+						style: { "--haze-workbench-auxiliary-width": `${Y}px` },
+						children: /* @__PURE__ */ o("div", {
+							"data-slot": "workbench-auxiliary-bar",
+							className: e([b]),
+							children: M
+						})
+					})
+				]
+			}),
+			P != null && /* @__PURE__ */ o("div", {
+				"data-slot": "workbench-status-bar",
+				className: e([C]),
+				children: P
+			}),
+			F != null && /* @__PURE__ */ o("div", {
+				"data-slot": "workbench-tab-bar",
+				className: e([w]),
+				children: F
+			}),
+			M != null && !me && /* @__PURE__ */ o("div", {
+				"data-slot": "workbench-scrim",
+				"aria-hidden": "true",
+				"data-open": !0,
+				onClick: () => he(!0),
+				className: e([T])
+			})
+		]
+	});
+}
+//#endregion
+export { k as default };

package/dist/components/Workbench/index.js

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

package/dist/css/accordion.css

@@ -1,3 +1,5 @@
 /* haze-ui accordion — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Accordion__base{width:100%}
 .haze-AccordionItem__item{border-bottom:1px solid var(--haze-color-border)}.haze-AccordionItem__item:first-of-type{border-top:1px solid var(--haze-color-border)}@supports selector(::details-content) and (interpolate-size:allow-keywords){.haze-AccordionItem__item::details-content{interpolate-size:allow-keywords;height:0;-webkit-transition:height var(--haze-duration-normal) var(--haze-ease-in-out),content-visibility var(--haze-duration-normal) allow-discrete;transition:height var(--haze-duration-normal) var(--haze-ease-in-out),content-visibility var(--haze-duration-normal) allow-discrete;overflow:clip}.haze-AccordionItem__item[open]::details-content{height:auto}}.haze-AccordionItem__summary{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--haze-space-3) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);justify-content:space-between;list-style:none;display:flex}.haze-AccordionItem__summary:hover{background:var(--haze-color-bg-subtle)}.haze-AccordionItem__summary:active{background:var(--haze-color-bg-muted)}.haze-AccordionItem__summary:focus-visible{box-shadow:inset 0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-AccordionItem__summary::marker{display:none}.haze-AccordionItem__summary::-webkit-details-marker{display:none}.haze-AccordionItem__summary:after{content:"";border-right:2px solid var(--haze-color-text-muted);border-bottom:2px solid var(--haze-color-text-muted);width:8px;height:8px;-webkit-transition:-webkit-transform var(--haze-duration-normal);transition:transform var(--haze-duration-normal);flex-shrink:0;transform:rotate(-45deg)}details[open]>.haze-AccordionItem__summary:after{transform:rotate(45deg)}.haze-AccordionItem__content{padding:0 var(--haze-space-4) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text-secondary);line-height:var(--haze-leading-normal)}
+}

package/dist/css/activity-rail.css

@@ -0,0 +1,4 @@
+/* haze-ui activity-rail — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
+.haze-ActivityRail__rail{box-sizing:border-box;align-items:center;gap:var(--haze-space-1);padding-block:var(--haze-space-1);width:var(--haze-space-12);border-inline-end:1px solid var(--haze-color-border);flex-direction:column;height:100%;display:flex}@container rail-track (width>=96px){.haze-ActivityRail__railHorizontal{width:100%;height:var(--haze-space-12);padding-inline:var(--haze-space-1);border-inline-end:none;border-block-end:1px solid var(--haze-color-border);flex-direction:row}.haze-ActivityRail__railHorizontal [data-slot=activity-rail-item-indicator]{inset-block:auto;width:auto;height:calc(var(--haze-space-1) / 2);inset-block-start:calc(var(--haze-space-1) / -2);inset-inline:0}}.haze-ActivityRail__endGroup{box-sizing:border-box;align-items:center;gap:var(--haze-space-1);flex-direction:column;margin-block-start:auto;display:flex}@container rail-track (width>=96px){.haze-ActivityRail__endGroupHorizontal{-webkit-margin-start:auto;flex-direction:row;margin-block-start:0;margin-inline-start:auto}}.haze-ActivityRail__item{box-sizing:border-box;padding:var(--haze-space-0);width:calc(var(--haze-space-10) + var(--haze-space-1));height:calc(var(--haze-space-10) + var(--haze-space-1));border-radius:var(--haze-radius-md);color:var(--haze-color-text-muted);cursor:pointer;-webkit-transition:color var(--haze-duration-fast) var(--haze-ease),background var(--haze-duration-fast) var(--haze-ease);transition:color var(--haze-duration-fast) var(--haze-ease),background var(--haze-duration-fast) var(--haze-ease);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.haze-ActivityRail__item:hover{color:var(--haze-color-text);background:var(--haze-color-bg-muted)}.haze-ActivityRail__item:focus-visible{box-shadow:0 0 0 var(--haze-space-1) var(--haze-color-focus-ring);outline:none}.haze-ActivityRail__itemActive,.haze-ActivityRail__itemActive:hover{color:var(--haze-color-text)}.haze-ActivityRail__indicator{width:calc(var(--haze-space-1) / 2);border-radius:var(--haze-radius-full);background:var(--haze-color-primary);position:absolute;inset-block:0;inset-inline-start:calc(var(--haze-space-1) / -2)}.haze-ActivityRail__itemIcon{width:var(--haze-space-5);height:var(--haze-space-5);justify-content:center;align-items:center;display:inline-flex}.haze-ActivityRail__itemIcon>svg{width:100%;height:100%}.haze-ActivityRail__itemBadge{pointer-events:none;position:absolute;inset-block-start:calc(var(--haze-space-1) / -2);inset-inline-end:calc(var(--haze-space-1) / -2)}
+}

package/dist/css/affix.css

@@ -1,2 +1,4 @@
 /* haze-ui affix — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Affix__affix{z-index:100;position:fixed}.haze-Affix__posTop{top:0;inset-inline:0}.haze-Affix__posBottom{bottom:0;inset-inline:0}
+}

package/dist/css/alert.css

@@ -1,2 +1,4 @@
 /* haze-ui alert — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Alert__base{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);display:flex}.haze-Alert__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info);border:1px solid color-mix(in srgb, var(--haze-color-info) 25%, transparent)}.haze-Alert__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success);border:1px solid color-mix(in srgb, var(--haze-color-success) 25%, transparent)}.haze-Alert__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning);border:1px solid color-mix(in srgb, var(--haze-color-warning) 25%, transparent)}.haze-Alert__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent)}.haze-Alert__contentStyle{flex:1}.haze-Alert__closeBtn{appearance:none;color:inherit;cursor:pointer;font-size:var(--haze-text-lg);opacity:.6;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);background:0 0;border:none;padding:0;line-height:1}.haze-Alert__closeBtn:hover{opacity:1}.haze-Alert__closeBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}@media (forced-colors:active){.haze-Alert__closeBtn:focus-visible{outline:2px solid highlight}}
+}

package/dist/css/anchor.css

@@ -1,2 +1,4 @@
 /* haze-ui anchor — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-Anchor__nav{font-size:var(--haze-text-sm);position:sticky;top:0}.haze-Anchor__list{gap:var(--haze-space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.haze-Anchor__link{padding:var(--haze-space-1) var(--haze-space-2);border-inline-start:var(--haze-space-1) solid transparent;border-radius:0 var(--haze-radius-sm) var(--haze-radius-sm) 0;color:var(--haze-color-text-muted);-webkit-transition:color var(--haze-duration-fast) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease);transition:color var(--haze-duration-fast) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease);-webkit-text-decoration:none;text-decoration:none;display:block}.haze-Anchor__link:hover{color:var(--haze-color-text)}.haze-Anchor__linkActive{border-inline-start-color:var(--haze-color-primary);color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}
+}

package/dist/css/app-shell.css

@@ -1,2 +1,4 @@
 /* haze-ui app-shell — generated by scripts/split-css.mjs, do not edit */
-.haze-AppShell__shell{display:-ms-grid;-ms-grid-rows:auto minmax(0, 1fr) auto;-ms-grid-columns:minmax(0, 1fr);grid-template:"header""content"minmax(0,1fr)"footer"/minmax(0,1fr);min-height:100dvh;display:grid;position:relative}.haze-AppShell__withSidebar{-ms-grid-columns:auto minmax(0, 1fr);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"header header""sidebar content""footer footer"}@media (width<=768px){.haze-AppShell__withSidebar{-ms-grid-columns:minmax(0, 1fr);grid-template-columns:minmax(0,1fr);grid-template-areas:"header""content""footer"}}.haze-AppShell__header{z-index:1;align-items:center;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-bg);border-block-end:1px solid var(--haze-color-border);grid-area:header;display:flex;position:sticky;top:0}.haze-AppShell__sidebar{width:var(--haze-appshell-sidebar-width,calc(var(--haze-space-16) * 4));background:var(--haze-color-bg-subtle);min-height:0;-webkit-transition:width var(--haze-duration-normal) var(--haze-ease),-webkit-transform var(--haze-duration-normal) var(--haze-ease);transition:width var(--haze-duration-normal) var(--haze-ease),transform var(--haze-duration-normal) var(--haze-ease);grid-area:sidebar;overflow:hidden}.haze-AppShell__sidebar[data-state=collapsed]{width:var(--haze-appshell-sidebar-width-collapsed,var(--haze-space-16))}@media (width<=768px){.haze-AppShell__sidebar{z-index:2;box-shadow:var(--haze-shadow-lg);position:absolute;inset-block:0;inset-inline-start:0}.haze-AppShell__sidebar[data-state=collapsed]{width:var(--haze-appshell-sidebar-width,calc(var(--haze-space-16) * 4));transform:translate(-100%)}}.haze-AppShell__content{grid-area:content;min-width:0}.haze-AppShell__footer{padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-bg);border-block-start:1px solid var(--haze-color-border);grid-area:footer}
+@layer haze {
+.haze-AppShell__shell{display:-ms-grid;-ms-grid-rows:auto minmax(0, 1fr) auto;-ms-grid-columns:minmax(0, 1fr);box-sizing:border-box;grid-template:"header""content"minmax(0,1fr)"footer"/minmax(0,1fr);min-height:100dvh;display:grid;position:relative}.haze-AppShell__withSidebar{-ms-grid-columns:auto minmax(0, 1fr);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"header header""sidebar content""footer footer"}@media (width<=768px){.haze-AppShell__withSidebar{-ms-grid-columns:minmax(0, 1fr);grid-template-columns:minmax(0,1fr);grid-template-areas:"header""content""footer"}}.haze-AppShell__header{z-index:1;align-items:center;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-bg);border-block-end:1px solid var(--haze-color-border);grid-area:header;display:flex;position:sticky;top:0}.haze-AppShell__sidebar{box-sizing:border-box;width:var(--haze-appshell-sidebar-width,calc(var(--haze-space-16) * 4));background:var(--haze-color-bg-subtle);min-height:0;-webkit-transition:width var(--haze-duration-normal) var(--haze-ease),-webkit-transform var(--haze-duration-normal) var(--haze-ease);transition:width var(--haze-duration-normal) var(--haze-ease),transform var(--haze-duration-normal) var(--haze-ease);grid-area:sidebar;overflow:hidden}.haze-AppShell__sidebar[data-state=collapsed]{width:var(--haze-appshell-sidebar-width-collapsed,var(--haze-space-16))}@media (width<=768px){.haze-AppShell__sidebar{z-index:2;box-shadow:var(--haze-shadow-lg);position:absolute;inset-block:0;inset-inline-start:0}.haze-AppShell__sidebar[data-state=collapsed]{width:var(--haze-appshell-sidebar-width,calc(var(--haze-space-16) * 4));transform:translate(-100%)}}.haze-AppShell__content{grid-area:content;min-width:0}.haze-AppShell__footer{padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-bg);border-block-start:1px solid var(--haze-color-border);grid-area:footer}
+}

package/dist/css/approval-card.css

@@ -1,2 +1,4 @@
 /* haze-ui approval-card — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-ApprovalCard__card{border:1px solid var(--haze-color-warning);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);background:var(--haze-color-bg);overflow:hidden}.haze-ApprovalCard__header{padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-warning-subtle);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-ApprovalCard__body{padding:var(--haze-space-3) var(--haze-space-4)}.haze-ApprovalCard__desc{font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);margin-bottom:var(--haze-space-3)}.haze-ApprovalCard__content{margin-bottom:var(--haze-space-3)}.haze-ApprovalCard__actions{gap:var(--haze-space-2);padding:var(--haze-space-3) var(--haze-space-4);border-top:1px solid var(--haze-color-border);display:flex}.haze-ApprovalCard__btn{padding:var(--haze-space-2) var(--haze-space-4);border-radius:var(--haze-radius-md);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);cursor:pointer;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);flex:1}.haze-ApprovalCard__denyBtn{background:var(--haze-color-bg);border:1px solid var(--haze-color-border);color:var(--haze-color-text)}.haze-ApprovalCard__denyBtn:hover{background:var(--haze-color-bg-muted)}.haze-ApprovalCard__approveBtn{background:var(--haze-color-primary);border:1px solid var(--haze-color-primary);color:var(--haze-color-bg)}.haze-ApprovalCard__approveBtn:hover{opacity:.9}
+}

package/dist/css/aspect-ratio.css

@@ -1,2 +1,4 @@
 /* haze-ui aspect-ratio — generated by scripts/split-css.mjs, do not edit */
+@layer haze {
 .haze-AspectRatio__wrapper{width:100%;position:relative}.haze-AspectRatio__inner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}
+}