@mechane-ai/elements 0.8.0 → 0.10.0

package/dist/layout.js

@@ -1,19 +1,20 @@
-import { a as e } from "./src-CfDf8TY8.js";
-import { i as t, n, v as r, y as i } from "./src-Bc5sEhdO.js";
+import { a as e } from "./src-Cs0dRc4X.js";
+import { C as t, i as n, n as r, w as i } from "./src-sU9b0oZW.js";
 import { mergeProps as a } from "@base-ui/react/merge-props";
-import "@stylexjs/stylex";
-import { createContext as o, useContext as s, useEffect as c, useId as l, useRef as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { ArrowLeft as h, PanelLeft as g, X as _ } from "lucide-react";
-import { Group as v, Panel as y, Separator as b } from "react-resizable-panels";
+import * as o from "@stylexjs/stylex";
+import { createContext as s, useContext as c, useEffect as l, useId as u, useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ArrowLeft as g, PanelLeft as _, X as v } from "lucide-react";
+import { Group as y, Panel as b, Separator as x } from "react-resizable-panels";
 // packages/layout/src/frame.stylex.ts
-var x = {
+var S = {
 	sidebarMobile: "@media (max-width:800px)",
 	sidebarDesktopQuery: "(min-width:801px)",
 	sidebarCoarse: "@media (min-width:801px) and (pointer: coarse)",
 	detailMobile: "@media (max-width:720px)",
-	toolbarCompact: "@container toolbar (max-width:600px)"
-}, S = o(null), C = {
+	toolbarCompact: "@container toolbar (max-width:600px)",
+	workbenchCompact: "@container workbench (max-width:860px)"
+}, C = s(null), w = {
 	navigationControl: {
 		kjj79g: "x1nhvcw1",
 		kOIVth: "x1hnptsi",
@@ -29,6 +30,39 @@ var x = {
 		kjj79g: "xl56j7k x1l31gyv",
 		$$css: !0
 	},
+	footer: {
+		kB7OPa: "x9f619",
+		k1xSpc: "x78zum5",
+		kGNEyG: "x6s0dn4",
+		kOIVth: "x1hnptsi",
+		kAzted: "x1sy804",
+		k7Eaqz: "xeuugli",
+		kmuXW: "x2lah0s",
+		kg3NbH: "x11sw1hy",
+		kEafiO: "x178xt8z",
+		kPef9Z: "x13fuv20",
+		kLZC3w: "xhjagg4",
+		kWkggS: "xpvm0e4",
+		kMwMTN: "x153jb6y",
+		kMv6JI: "x1hz01jw",
+		kGuDYH: "xy8obcc",
+		kLWn49: "xas2l8k",
+		k63SB2: "xj57cvi",
+		khDVqt: "xuxw1ft",
+		$$css: !0
+	},
+	collapsedFooter: {
+		kjj79g: "xl56j7k x1l31gyv",
+		kg3NbH: "xnjsko4 xn5eaz9",
+		$$css: !0
+	},
+	inlineFooter: { $$css: !0 },
+	navigationFooter: {
+		k1xSpc: "x1lliihq",
+		kg3NbH: "xnjsko4",
+		k8WAf4: "xn9t2bk",
+		$$css: !0
+	},
 	toggle: {
 		kZKoxP: "x5yr21d",
 		kzqmXN: "xh8yej3",
@@ -47,48 +81,51 @@ var x = {
 		kg3NbH: "xnjsko4",
 		$$css: !0
 	}
+}, T = {
+	inline: w.inlineFooter,
+	navigation: w.navigationFooter
 };
-function w({ header: e, footer: t, close: n, children: r }) {
-	return /* @__PURE__ */ m(f, { children: [
-		/* @__PURE__ */ m("div", {
+function E({ header: e, footer: t, close: n, children: r }) {
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ h("div", {
 			...{
 				0: { className: "x9f619 x78zum5 x1qjc9v5 xcn9na3 x2lah0s xeuugli xso031l x1q0q8m5 x1qndepd" },
 				1: { className: "x9f619 x1qjc9v5 xcn9na3 x2lah0s xeuugli xso031l x1q0q8m5 x1qndepd x1s85apg x1rhi5y4" }
 			}[e == null | 0],
-			children: [/* @__PURE__ */ p("div", {
+			children: [/* @__PURE__ */ m("div", {
 				className: "x78zum5 x6s0dn4 x98rzlu xeuugli",
 				children: e
 			}), n]
 		}),
-		/* @__PURE__ */ p("div", {
+		/* @__PURE__ */ m("div", {
 			role: "region",
 			"aria-label": "Navigation links",
 			tabIndex: 0,
 			className: "x98rzlu x2lwn1j x1odjw0f xish69e x1t137rt x7d1sxj x13qnu6 x9v5kkp x19rmrnh x1bqaal",
 			children: r
 		}),
-		t != null && /* @__PURE__ */ p("div", {
-			className: "xr1yuqi x153jb6y",
+		t != null && /* @__PURE__ */ m("div", {
+			className: "x2lah0s xeuugli xr1yuqi xpvm0e4 x153jb6y",
 			children: t
 		})
 	] });
 }
-function T() {
-	return /* @__PURE__ */ p(e.Close, {
-		render: /* @__PURE__ */ p(i, {
+function D() {
+	return /* @__PURE__ */ m(e.Close, {
+		render: /* @__PURE__ */ m(i, {
 			variant: "ghost",
 			"aria-label": "Close navigation",
-			xstyle: C.close
+			xstyle: w.close
 		}),
-		children: /* @__PURE__ */ p(_, {
+		children: /* @__PURE__ */ m(v, {
 			size: 16,
 			"aria-hidden": !0
 		})
 	});
 }
-function E({ children: e, label: t = "Main" }) {
-	let n = s(S), r = n !== null && !n.isExpanded;
-	return /* @__PURE__ */ p("nav", {
+function O({ children: e, label: t = "Main" }) {
+	let n = c(C), r = n !== null && !n.isExpanded;
+	return /* @__PURE__ */ m("nav", {
 		"aria-label": t,
 		...{
 			0: { className: "x78zum5 xdt5ytf xksvo5r" },
@@ -97,66 +134,81 @@ function E({ children: e, label: t = "Main" }) {
 		children: e
 	});
 }
-function D({ children: e, icon: t, selected: n = !1, onClick: i, ...a }) {
-	let o = s(S), c = l(), u = o !== null && !o.isExpanded;
-	return /* @__PURE__ */ p("div", {
+function k({ children: e, label: t }) {
+	let n = c(C), r = n !== null && !n.isExpanded, i = u();
+	return /* @__PURE__ */ h("section", {
+		"aria-labelledby": i,
+		className: "xn9t2bk",
+		children: [/* @__PURE__ */ m("div", {
+			id: i,
+			...{
+				0: { className: "xeuugli xn9t2bk xksvo5r x153jb6y x1hz01jw xy8obcc xas2l8k xk4h15q xj0a0fe" },
+				1: { className: "xeuugli xn9t2bk xksvo5r x153jb6y x1hz01jw xy8obcc xas2l8k xk4h15q xj0a0fe x1s85apg xeod2sa" }
+			}[!!r | 0],
+			children: t
+		}), e]
+	});
+}
+function A({ children: e, icon: n, selected: r = !1, onClick: i, ...a }) {
+	let o = c(C), s = u(), l = o !== null && !o.isExpanded;
+	return /* @__PURE__ */ m("div", {
 		...{
 			0: { className: "x78zum5 xeuugli x1ok0vyi" },
 			1: { className: "x78zum5 xeuugli x1ok0vyi x1r7kqkb" }
-		}[!!n | 0],
-		children: /* @__PURE__ */ m(r, {
+		}[!!r | 0],
+		children: /* @__PURE__ */ h(t, {
 			...a,
 			variant: "ghost",
-			"aria-current": n ? "page" : void 0,
-			"aria-labelledby": a["aria-labelledby"] ?? c,
+			"aria-current": r ? "page" : void 0,
+			"aria-labelledby": a["aria-labelledby"] ?? (a["aria-label"] === void 0 ? s : void 0),
 			title: a.title ?? (typeof e == "string" ? e : void 0),
 			onClick: (e) => {
 				i !== void 0 && i(e), !e.defaultPrevented && o !== null && o.onNavigate();
 			},
-			xstyle: [C.navigationControl, u && C.collapsedButton],
-			children: [t != null && /* @__PURE__ */ p("span", {
+			xstyle: [w.navigationControl, l && w.collapsedButton],
+			children: [n != null && /* @__PURE__ */ m("span", {
 				"aria-hidden": !0,
 				className: "x3nfvp2 x6s0dn4 xl56j7k xtwnzbg x18utl2x x2lah0s",
-				children: t
-			}), /* @__PURE__ */ p("span", {
-				id: c,
+				children: n
+			}), /* @__PURE__ */ m("span", {
+				id: s,
 				...{
 					0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
 					1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xeod2sa" }
-				}[!!u | 0],
+				}[!!l | 0],
 				children: e
 			})]
 		})
 	});
 }
-function O({ children: e, icon: t, selected: n = !1, onClick: r, className: i, style: a, ...o }) {
-	let c = s(S), u = l(), d = c !== null && !c.isExpanded, f = {
-		0: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xo1l8bm xvmahel xdpxx8g xkrqix3 xzro8vx x13qnu6 x9v5kkp x19rmrnh x1bqaal x1nhvcw1 x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r" },
-		2: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xo1l8bm xvmahel xdpxx8g xkrqix3 xzro8vx x13qnu6 x9v5kkp x19rmrnh x1bqaal x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv" },
-		1: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft x1hz01jw xtqrqnz x1778rvt xo1l8bm xvmahel xdpxx8g xkrqix3 xzro8vx x13qnu6 x9v5kkp x19rmrnh x1bqaal x1nhvcw1 x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r x1r7kqkb" },
-		3: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft x1hz01jw xtqrqnz x1778rvt xo1l8bm xvmahel xdpxx8g xkrqix3 xzro8vx x13qnu6 x9v5kkp x19rmrnh x1bqaal x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv x1r7kqkb" }
+function j({ children: e, icon: t, selected: n = !1, onClick: r, className: i, style: a, ...o }) {
+	let s = c(C), l = u(), d = s !== null && !s.isExpanded, f = {
+		0: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x13nmlw8 x1ecmtor x13qnu6 x9v5kkp x19rmrnh x1bqaal x1nhvcw1 x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r" },
+		2: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x13nmlw8 x1ecmtor x13qnu6 x9v5kkp x19rmrnh x1bqaal x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv" },
+		1: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x13nmlw8 x1ecmtor x13qnu6 x9v5kkp x19rmrnh x1bqaal x1nhvcw1 x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r x1r7kqkb" },
+		3: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x13nmlw8 x1ecmtor x13qnu6 x9v5kkp x19rmrnh x1bqaal x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv x1r7kqkb" }
 	}[!!d << 1 | !!n];
-	return /* @__PURE__ */ m("a", {
+	return /* @__PURE__ */ h("a", {
 		...o,
 		"aria-current": n ? "page" : void 0,
-		"aria-labelledby": o["aria-labelledby"] ?? u,
+		"aria-labelledby": o["aria-labelledby"] ?? (o["aria-label"] === void 0 ? l : void 0),
 		title: o.title ?? (typeof e == "string" ? e : void 0),
 		onClick: (e) => {
-			if (r !== void 0 && r(e), c === null || e.button !== 0) return;
+			if (r !== void 0 && r(e), s === null || e.button !== 0) return;
 			let t = e.metaKey || e.ctrlKey, n = e.shiftKey || e.altKey;
-			t || n || c.onNavigate();
+			t || n || s.onNavigate();
 		},
 		className: [f.className, i].filter(Boolean).join(" "),
 		style: {
 			...f.style,
 			...a
 		},
-		children: [t != null && /* @__PURE__ */ p("span", {
+		children: [t != null && /* @__PURE__ */ m("span", {
 			"aria-hidden": !0,
 			className: "x3nfvp2 x6s0dn4 xl56j7k xtwnzbg x18utl2x x2lah0s",
 			children: t
-		}), /* @__PURE__ */ p("span", {
-			id: u,
+		}), /* @__PURE__ */ m("span", {
+			id: l,
 			...{
 				0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
 				1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xeod2sa" }
@@ -165,9 +217,9 @@ function O({ children: e, icon: t, selected: n = !1, onClick: r, className: i, s
 		})]
 	});
 }
-function k({ children: e, grow: t = !1 }) {
-	let n = s(S), r = n !== null && !n.isExpanded;
-	return /* @__PURE__ */ p("span", {
+function M({ children: e, grow: t = !1 }) {
+	let n = c(C), r = n !== null && !n.isExpanded;
+	return /* @__PURE__ */ m("span", {
 		...{
 			0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
 			2: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x78zum5 x6s0dn4 x1hnptsi x98rzlu" },
@@ -177,44 +229,41 @@ function k({ children: e, grow: t = !1 }) {
 		children: e
 	});
 }
-function A({ children: e }) {
-	let t = s(S), n = t !== null && !t.isExpanded;
-	return /* @__PURE__ */ p("div", {
-		...{
-			0: { className: "x9f619 x78zum5 x6s0dn4 x1hnptsi x1uxtkha x11sw1hy x178xt8z x13fuv20 xhjagg4 x153jb6y xy8obcc xas2l8k xuxw1ft" },
-			1: { className: "x9f619 x78zum5 x6s0dn4 x1hnptsi x1uxtkha x178xt8z x13fuv20 xhjagg4 x153jb6y xy8obcc xas2l8k xuxw1ft xl56j7k x1l31gyv xnjsko4 xn5eaz9" }
-		}[!!n | 0],
+function N({ children: e, layout: t = "inline" }) {
+	let n = c(C), r = n !== null && !n.isExpanded;
+	return /* @__PURE__ */ m("div", {
+		...o.props(w.footer, r && w.collapsedFooter, T[t]),
 		children: e
 	});
 }
-function j() {
-	let t = s(S);
-	return t === null ? null : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+function P() {
+	let t = c(C);
+	return t === null ? null : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
 		className: "x9f619 x2lah0s xrlepb6 xs1s249 x32b0ac xelkwwr x78zum5 x1ykma7f",
-		children: /* @__PURE__ */ p(i, {
+		children: /* @__PURE__ */ m(i, {
 			ref: t.navigationToggleRef,
 			variant: "ghost",
 			"aria-label": t.isExpanded ? "Collapse navigation" : "Expand navigation",
 			"aria-controls": t.sidebarId,
 			"aria-expanded": t.isExpanded,
 			onClick: t.onToggle,
-			xstyle: C.toggle,
-			children: /* @__PURE__ */ p(g, {
+			xstyle: w.toggle,
+			children: /* @__PURE__ */ m(_, {
 				size: 16,
 				"aria-hidden": !0
 			})
 		})
-	}), /* @__PURE__ */ p("div", {
+	}), /* @__PURE__ */ m("div", {
 		className: "x9f619 x2lah0s xrlepb6 xs1s249 x32b0ac xelkwwr x1s85apg x1rhi5y4",
-		children: /* @__PURE__ */ p(e.Trigger, {
+		children: /* @__PURE__ */ m(e.Trigger, {
 			ref: t.mobileNavigationToggleRef,
 			handle: t.drawerHandle,
-			render: /* @__PURE__ */ p(i, {
+			render: /* @__PURE__ */ m(i, {
 				variant: "ghost",
 				"aria-label": "Open navigation",
-				xstyle: C.toggle
+				xstyle: w.toggle
 			}),
-			children: /* @__PURE__ */ p(g, {
+			children: /* @__PURE__ */ m(_, {
 				size: 16,
 				"aria-hidden": !0
 			})
@@ -222,63 +271,66 @@ function j() {
 	})] });
 }
 // packages/layout/src/app-shell.tsx
-var M = { drawer: {
+var F = { drawer: {
 	kzqmXN: "x68ju84",
 	ks0D6T: "x1recik0",
 	$$css: !0
 } };
-function N({ sidebarHeader: t, sidebar: n, footer: r, children: i, mainId: a = "main" }) {
-	let [o, s] = d(!0), [f, h] = d(!1), [g] = d(() => e.createHandle()), _ = l(), v = u(null), y = u(null);
-	return c(() => {
-		let e = globalThis.matchMedia(x.sidebarDesktopQuery);
+function I({ sidebarHeader: t, sidebar: n, footer: r, children: i, mainId: a = "main", focus: o = !1 }) {
+	let [s, c] = f(!0), [p, g] = f(!1), [_] = f(() => e.createHandle()), v = u(), y = d(null), b = d(null);
+	return l(() => {
+		let e = globalThis.matchMedia(S.sidebarDesktopQuery);
 		function t() {
-			e.matches && h(!1);
+			e.matches && g(!1);
 		}
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []), /* @__PURE__ */ m(S.Provider, {
+	}, []), /* @__PURE__ */ h(C.Provider, {
 		value: {
-			isExpanded: o,
-			sidebarId: _,
-			drawerHandle: g,
-			navigationToggleRef: v,
-			mobileNavigationToggleRef: y,
-			onToggle: () => s((e) => !e),
-			onNavigate: () => h(!1)
+			isExpanded: s,
+			sidebarId: v,
+			drawerHandle: _,
+			navigationToggleRef: y,
+			mobileNavigationToggleRef: b,
+			onToggle: () => c((e) => !e),
+			onNavigate: () => g(!1)
 		},
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ h("div", {
 			className: "x9f619 x1ov3xa9 x78zum5 xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt xvmahel",
-			children: [/* @__PURE__ */ p("aside", {
-				id: _,
+			children: [/* @__PURE__ */ m("aside", {
+				id: v,
 				"aria-label": "Navigation",
+				hidden: o,
 				...{
 					0: { className: "x9f619 x78zum5 x1ykma7f xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x68ju84 x2lah0s x2lwn1j xeuugli" },
-					1: { className: "x9f619 x78zum5 x1ykma7f xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x2lah0s x2lwn1j xeuugli xrlepb6" }
-				}[!o | 0],
-				children: /* @__PURE__ */ p(w, {
+					2: { className: "x9f619 x78zum5 x1ykma7f xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x2lah0s x2lwn1j xeuugli xrlepb6" },
+					1: { className: "x9f619 xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x68ju84 x2lah0s x2lwn1j xeuugli x1s85apg" },
+					3: { className: "x9f619 xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x2lah0s x2lwn1j xeuugli xrlepb6 x1s85apg" }
+				}[!s << 1 | !!o],
+				children: /* @__PURE__ */ m(E, {
 					header: t,
 					footer: r,
 					children: n
 				})
-			}), /* @__PURE__ */ p("main", {
+			}), /* @__PURE__ */ m("main", {
 				id: a,
 				tabIndex: -1,
 				className: "xeuugli x98rzlu",
 				children: i
 			})]
-		}), /* @__PURE__ */ p(e.Root, {
-			handle: g,
-			open: f,
-			onOpenChange: h,
-			children: /* @__PURE__ */ m(e.Portal, { children: [/* @__PURE__ */ p(e.Backdrop, {}), /* @__PURE__ */ p(e.Viewport, { children: /* @__PURE__ */ m(e.Popup, {
-				xstyle: M.drawer,
-				finalFocus: () => globalThis.matchMedia(x.sidebarDesktopQuery).matches ? v.current : y.current,
-				children: [/* @__PURE__ */ p(e.Title, {
+		}), /* @__PURE__ */ m(e.Root, {
+			handle: _,
+			open: p && !o,
+			onOpenChange: g,
+			children: /* @__PURE__ */ h(e.Portal, { children: [/* @__PURE__ */ m(e.Backdrop, {}), /* @__PURE__ */ m(e.Viewport, { children: /* @__PURE__ */ h(e.Popup, {
+				xstyle: F.drawer,
+				finalFocus: () => globalThis.matchMedia(S.sidebarDesktopQuery).matches ? y.current : b.current,
+				children: [/* @__PURE__ */ m(e.Title, {
 					visuallyHidden: !0,
 					children: "Navigation"
-				}), /* @__PURE__ */ p(w, {
+				}), /* @__PURE__ */ m(E, {
 					header: t,
 					footer: r,
-					close: /* @__PURE__ */ p(T, {}),
+					close: /* @__PURE__ */ m(D, {}),
 					children: n
 				})]
 			}) })] })
@@ -286,177 +338,224 @@ function N({ sidebarHeader: t, sidebar: n, footer: r, children: i, mainId: a = "
 	});
 }
 // packages/layout/src/detail-page.tsx
-function P({ children: e }) {
-	return /* @__PURE__ */ p("div", {
+function L({ children: e }) {
+	return /* @__PURE__ */ m("div", {
 		className: "x9f619 x13na7z x96idz6 x9g60mw xeuugli xvueqy4 xnjsko4 x10gdey3 x14y0u4g x1foqgtu x1uwsqpk x14oio8y",
 		children: e
 	});
 }
 // packages/layout/src/focus-page.tsx
-function F({ children: e }) {
-	return /* @__PURE__ */ p("main", {
+function R({ children: e }) {
+	return /* @__PURE__ */ m("main", {
 		id: "main",
 		tabIndex: -1,
-		className: "x9f619 x1ov3xa9 xrvj5dj x1ku5rj1 x1jvlu93 xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt xvmahel",
-		children: /* @__PURE__ */ p("div", {
-			className: "xh8yej3 xxc7z9f xrvj5dj x1j825kq",
+		className: "x9f619 x1ov3xa9 xeuugli xrvj5dj x1ku5rj1 x1jvlu93 xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt xvmahel",
+		children: /* @__PURE__ */ m("div", {
+			className: "xh8yej3 xxc7z9f xeuugli xrvj5dj x1mkdm3x x1j825kq",
 			children: e
 		})
 	});
 }
 // packages/layout/src/workbench.tsx
-function I({ header: e, children: t, inspector: n }) {
-	return /* @__PURE__ */ m("div", {
-		className: "x78zum5 xdt5ytf x1b7uu3i xeuugli x2lwn1j",
-		children: [/* @__PURE__ */ p("div", {
-			className: "x1ydxw8w xnx3t7k xso031l x1q0q8m5 x1qndepd",
+function z({ header: e, children: t, inspector: n }) {
+	return /* @__PURE__ */ h("div", {
+		className: "x78zum5 xdt5ytf x1b7uu3i xeuugli x2lwn1j x12h1iku x1a75771 xbixft x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel",
+		children: [e != null && /* @__PURE__ */ m("div", {
+			className: "xeuugli x2lah0s x1ydxw8w xnx3t7k xso031l x1q0q8m5 x1qndepd",
 			children: e
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ h("div", {
 			className: "x78zum5 x98rzlu xeuugli x2lwn1j x7giv3",
-			children: [/* @__PURE__ */ p("div", {
+			children: [/* @__PURE__ */ m("div", {
 				...{
-					0: { className: "x78zum5 x98rzlu xdt5ytf xeuugli x2lwn1j" },
-					1: { className: "x98rzlu xdt5ytf xeuugli x2lwn1j x78zum5 x1g9v1si" }
+					0: { className: "x1n2onr6 x78zum5 x98rzlu xdt5ytf xeuugli x2lwn1j" },
+					1: { className: "x1n2onr6 x98rzlu xdt5ytf xeuugli x2lwn1j x78zum5 x152g2jv" }
 				}[n != null | 0],
 				children: t
-			}), n != null && /* @__PURE__ */ p("aside", {
+			}), n != null && /* @__PURE__ */ m("aside", {
 				"aria-label": "Execution inspector",
-				className: "x9f619 x1peuizl x1tama1k x2lah0s x1odjw0f x1c8xbx5 xpvm0e4 xe0pwq x19ypqd9 x1l3ounx",
+				className: "x9f619 x1peuizl x1vx4hiz xeuugli x2lah0s x1odjw0f x1c8xbx5 xpvm0e4 xe0pwq xs311s2 x19ypqd9 x1l3ounx",
 				children: n
 			})]
 		})]
 	});
 }
-function L({ children: e }) {
-	return /* @__PURE__ */ p("div", {
-		className: "x1odjw0f x98rzlu xeuugli x2lwn1j x1jvlu93",
-		children: e
+function B({ label: e, children: t, flush: n = !1, scrollRestorationId: r }) {
+	return /* @__PURE__ */ m("div", {
+		role: "region",
+		"aria-label": e,
+		tabIndex: 0,
+		"data-scroll-restoration-id": r,
+		...{
+			0: { className: "x1odjw0f x1e4zzel x98rzlu xeuugli x2lwn1j x1jvlu93 x1t137rt x13qnu6 x9v5kkp x19rmrnh x1bqaal" },
+			1: { className: "x1odjw0f x1e4zzel x98rzlu xeuugli x2lwn1j x1t137rt x13qnu6 x9v5kkp x19rmrnh x1bqaal x1717udv" }
+		}[!!n | 0],
+		children: t
 	});
 }
-function R({ children: e }) {
-	return /* @__PURE__ */ p("div", {
+function V({ children: e }) {
+	return /* @__PURE__ */ m("div", {
 		className: "x2lah0s x1c8xbx5 x178xt8z x13fuv20 xhjagg4 xpvm0e4",
 		children: e
 	});
 }
-// packages/layout/src/page-toolbar.tsx
-var z = { action: {
+// packages/layout/src/view-stack.tsx
+function H({ children: e }) {
+	return /* @__PURE__ */ m("div", {
+		className: "x1n2onr6 x78zum5 xdt5ytf x98rzlu xeuugli x2lwn1j",
+		children: e
+	});
+}
+function U({ active: e, children: t }) {
+	return /* @__PURE__ */ m("section", {
+		"aria-hidden": !e,
+		inert: !e,
+		...{
+			0: { className: "x1n2onr6 x78zum5 xdt5ytf x98rzlu xeuugli x2lwn1j" },
+			1: { className: "x78zum5 xdt5ytf x98rzlu xeuugli x2lwn1j x10l6tqk x10a8y8t xlshs6z x47corl" }
+		}[!e | 0],
+		children: t
+	});
+}
+var W = {
+	Root: H,
+	Panel: U
+}, G = { action: {
 	kOIVth: "x1hnptsi",
+	k7Eaqz: "xeuugli",
+	ks0D6T: "x193iq5w",
 	$$css: !0
 } };
-function B({ title: e, actions: t, breadcrumb: n = !1, navigation: r = !0 }) {
-	return /* @__PURE__ */ m("div", {
-		className: "x9f619 x78zum5 x12h1iku x14ut1dr x1qjc9v5 xcn9na3 x2lah0s xso031l x1q0q8m5 x1qndepd xpvm0e4 xbixft x1hz01jw x12myhf4 x1778rvt xvmahel xeuugli",
+function K({ title: e, actions: t, breadcrumb: n = !1, navigation: r = !0, views: i, leading: a }) {
+	return /* @__PURE__ */ h("div", {
+		className: "x9f619 x78zum5 x12h1iku x14ut1dr x1qjc9v5 xcn9na3 x2lah0s xso031l x1q0q8m5 x1qndepd xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xeuugli",
 		children: [
-			r && /* @__PURE__ */ p(j, {}),
-			/* @__PURE__ */ p(n ? "nav" : "h1", {
+			a === void 0 ? r && /* @__PURE__ */ m(P, {}) : /* @__PURE__ */ m("div", {
+				className: "x78zum5 x6s0dn4 xyibt8p x2lah0s",
+				children: a
+			}),
+			/* @__PURE__ */ m(n ? "nav" : "h1", {
 				tabIndex: n ? void 0 : -1,
 				"aria-label": n ? "Breadcrumb" : void 0,
-				className: "x78zum5 x6s0dn4 x1hnptsi x1m92p3w xeuugli xs83m0k x1ghz6dp x1qlqyl8 xo1l8bm x1t137rt",
-				children: /* @__PURE__ */ p("span", {
+				className: "x78zum5 x6s0dn4 x1hnptsi x1m92p3w xeuugli xs83m0k x1ghz6dp x1qlqyl8 xj57cvi x1t137rt",
+				children: /* @__PURE__ */ m("span", {
 					className: "xeuugli xb3r6kr xlyipyv xuxw1ft",
 					children: e
 				})
 			}),
-			t != null && /* @__PURE__ */ p("div", {
-				className: "x78zum5 x6s0dn4 xunmzkg x5g2kb4 xeuugli x2lah0s x8x9d4c",
+			i != null && /* @__PURE__ */ m("div", {
+				className: "x78zum5 x6s0dn4 xeuugli x2lah0s",
+				children: i
+			}),
+			t != null && /* @__PURE__ */ m("div", {
+				className: "x78zum5 x6s0dn4 xunmzkg x5g2kb4 xeuugli xs83m0k x8x9d4c",
 				children: t
 			})
 		]
 	});
 }
-function V({ icon: e, children: t, ...n }) {
+function q({ icon: e, children: n, ...r }) {
 	let i = e != null;
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "x9f619 x78zum5 x1qjc9v5 xeuugli",
-		children: /* @__PURE__ */ m(r, {
-			...n,
+		children: /* @__PURE__ */ h(t, {
+			...r,
 			variant: "ghost",
 			size: "sm",
-			"aria-label": n["aria-label"] ?? (typeof t == "string" ? t : void 0),
-			xstyle: z.action,
-			children: [e, i ? /* @__PURE__ */ p("span", {
-				className: "xeuugli xb3r6kr xlyipyv xuxw1ft xt0psk2 xlllsrz",
-				children: t
-			}) : t]
+			"aria-label": r["aria-label"] ?? (typeof n == "string" ? n : void 0),
+			xstyle: G.action,
+			children: [i && /* @__PURE__ */ m("span", {
+				"aria-hidden": !0,
+				className: "x3nfvp2 x2lah0s x6s0dn4",
+				children: e
+			}), i || typeof n == "string" ? /* @__PURE__ */ m("span", {
+				...{
+					0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
+					1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft xt0psk2 xlllsrz" }
+				}[!!i | 0],
+				children: n
+			}) : n]
 		})
 	});
 }
 // packages/layout/src/record-page.tsx
-function H({ children: e }) {
-	return /* @__PURE__ */ p("div", {
+function J({ children: e }) {
+	return /* @__PURE__ */ m("div", {
 		className: "x78zum5 xdt5ytf xeuugli xbixft x1hz01jw xtqrqnz x1778rvt xvmahel",
 		children: e
 	});
 }
-function U({ backLabel: e, backHref: t, onBack: n, actions: r, navigation: i = !0 }) {
-	return /* @__PURE__ */ p(B, {
+function Y({ backLabel: e, backHref: t, onBack: n, actions: r, navigation: i = !0 }) {
+	return /* @__PURE__ */ m(K, {
 		breadcrumb: !0,
 		navigation: i,
 		actions: r,
-		title: /* @__PURE__ */ m("a", {
+		title: /* @__PURE__ */ h("a", {
 			href: t,
-			className: "x3nfvp2 x6s0dn4 x1hnptsi xid9utz xbixft xkrqix3 x9p3ypd x13qnu6 x9v5kkp x19rmrnh x1bqaal",
+			className: "x3nfvp2 x6s0dn4 x1hnptsi xid9utz xeuugli x193iq5w xbixft xkrqix3 x9p3ypd x13qnu6 x9v5kkp x19rmrnh x1bqaal",
 			onClick: (e) => {
 				if (n === void 0 || e.defaultPrevented || e.button !== 0) return;
 				let t = e.metaKey || e.ctrlKey, r = e.shiftKey || e.altKey;
 				t || r || (e.preventDefault(), n());
 			},
-			children: [/* @__PURE__ */ p(h, {
+			children: [/* @__PURE__ */ m(g, {
 				size: 16,
-				"aria-hidden": !0
-			}), e]
+				"aria-hidden": !0,
+				className: "x2lah0s"
+			}), /* @__PURE__ */ m("span", {
+				className: "xeuugli xb3r6kr xlyipyv xuxw1ft",
+				children: e
+			})]
 		})
 	});
 }
-function W({ children: e }) {
-	return /* @__PURE__ */ p(P, { children: /* @__PURE__ */ p("div", {
+function X({ children: e }) {
+	return /* @__PURE__ */ m(L, { children: /* @__PURE__ */ m("div", {
 		className: "x78zum5 x1a02dak x1cy8zhl x1m6b44x xeuugli",
 		children: e
 	}) });
 }
-function G({ children: e }) {
-	return /* @__PURE__ */ p("div", {
+function Z({ children: e }) {
+	return /* @__PURE__ */ m("div", {
 		className: "x78zum5 xdt5ytf x1ewej1i x1iyjqo2 x1m6b44x xeuugli",
 		children: e
 	});
 }
-function K({ title: e, description: r, icon: i, titleRef: a }) {
-	return /* @__PURE__ */ m("header", {
+function Q({ title: e, description: t, icon: i, titleRef: a }) {
+	return /* @__PURE__ */ h("header", {
 		className: "xrvj5dj x1n8ia3y xeuugli",
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ h("div", {
 			className: "x78zum5 x6s0dn4 x1n8ia3y xeuugli",
-			children: [i != null && /* @__PURE__ */ p("span", {
+			children: [i != null && /* @__PURE__ */ m("span", {
 				"aria-hidden": !0,
 				className: "x3nfvp2 x6s0dn4 x2lah0s",
 				children: i
-			}), /* @__PURE__ */ p(n, {
+			}), /* @__PURE__ */ m(r, {
 				ref: a,
 				tabIndex: -1,
 				className: "xeuugli x1t137rt",
 				children: e
 			})]
-		}), r != null && /* @__PURE__ */ p(t, { children: r })]
+		}), t != null && /* @__PURE__ */ m(n, { children: t })]
 	});
 }
-function q({ children: e, label: t = "Properties" }) {
-	return /* @__PURE__ */ p("aside", {
+function $({ children: e, label: t = "Properties" }) {
+	return /* @__PURE__ */ m("aside", {
 		"aria-label": t,
 		className: "x78zum5 xdt5ytf x1irul0l x1iyjqo2 x1j825kq xeuugli",
 		children: e
 	});
 }
-var J = {
-	Root: H,
-	Toolbar: U,
-	Body: W,
-	Content: G,
-	Header: K,
-	Aside: q
+var ee = {
+	Root: J,
+	Toolbar: Y,
+	Body: X,
+	Content: Z,
+	Header: Q,
+	Aside: $
 };
 // packages/layout/src/resizable.tsx
-function Y({ orientation: e = "horizontal", initialSizes: t, onSizesChange: n, disabled: r, ref: i, ...o }) {
-	return /* @__PURE__ */ p(v, {
+function te({ orientation: e = "horizontal", initialSizes: t, onSizesChange: n, disabled: r, ref: i, ...o }) {
+	return /* @__PURE__ */ m(y, {
 		orientation: e,
 		defaultLayout: t,
 		onLayoutChanged: (e, t) => {
@@ -471,8 +570,8 @@ function Y({ orientation: e = "horizontal", initialSizes: t, onSizesChange: n, d
 		...a({ className: "xeuugli x2lwn1j xh8yej3 x5yr21d" }, o)
 	});
 }
-function X({ id: e, initialSizePercent: t, minimumSizePercent: n = 10, maximumSizePercent: r = 100, collapsible: i = !1, ref: o, ...s }) {
-	return /* @__PURE__ */ p(y, {
+function ne({ id: e, initialSizePercent: t, minimumSizePercent: n = 10, maximumSizePercent: r = 100, collapsible: i = !1, ref: o, ...s }) {
+	return /* @__PURE__ */ m(b, {
 		id: e,
 		defaultSize: t === void 0 ? void 0 : `${t}%`,
 		minSize: `${n}%`,
@@ -482,15 +581,15 @@ function X({ id: e, initialSizePercent: t, minimumSizePercent: n = 10, maximumSi
 		...a({ className: "xeuugli x2lwn1j xysyzu8" }, s)
 	});
 }
-function Z({ ref: e, ...t }) {
-	return /* @__PURE__ */ p(b, {
+function re({ ref: e, ...t }) {
+	return /* @__PURE__ */ m(x, {
 		elementRef: e,
 		...a({ className: "x1fa40ue x1i1rx1s xgc0pbm xir5lan xfaai28 x1rbdpqn x8wp5i9 x13qnu6 x9v5kkp x19rmrnh x13iak60" }, t)
 	});
 }
-var Q = {
-	Root: Y,
-	Pane: X,
-	Handle: Z
+var ie = {
+	Root: te,
+	Pane: ne,
+	Handle: re
 };
-export { N as AppShell, P as DetailPage, F as FocusPage, E as Navigation, D as NavigationItem, O as NavigationLink, B as PageToolbar, J as RecordPage, Q as Resizable, A as SidebarFooter, k as SidebarLabel, V as ToolbarAction, I as Workbench, R as WorkbenchFooter, L as WorkbenchScroll };
+export { I as AppShell, L as DetailPage, R as FocusPage, O as Navigation, A as NavigationItem, j as NavigationLink, k as NavigationSection, K as PageToolbar, ee as RecordPage, ie as Resizable, N as SidebarFooter, M as SidebarLabel, q as ToolbarAction, W as ViewStack, z as Workbench, V as WorkbenchFooter, B as WorkbenchScroll };