@mechane-ai/elements 0.10.0 → 0.12.0

package/dist/layout.js

@@ -1,35 +1,22 @@
-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 * 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";
+import { a as e } from "./src-CVlgjAlw.js";
+import { C as t, i as n, n as r, w as i } from "./src-3gzujMhN.js";
+import { t as a } from "./style-composition-uYlczSsB.js";
+import { Button as o } from "@base-ui/react/button";
+import { mergeProps as s } from "@base-ui/react/merge-props";
+import * as c from "@stylexjs/stylex";
+import { Children as l, createContext as u, useContext as d, useEffect as f, useId as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { ArrowLeft as y, PanelLeft as b, X as x } from "lucide-react";
+import { Group as S, Panel as C, Separator as w } from "react-resizable-panels";
 // packages/layout/src/frame.stylex.ts
-var S = {
+var T = {
 	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)",
 	workbenchCompact: "@container workbench (max-width:860px)"
-}, C = s(null), w = {
-	navigationControl: {
-		kjj79g: "x1nhvcw1",
-		kOIVth: "x1hnptsi",
-		kZKoxP: "x15rya3k x17kqdoe",
-		kAzted: "x1avwmir",
-		kzqmXN: "xh8yej3",
-		k7Eaqz: "xeuugli",
-		k8WAf4: "xt970qd",
-		kg3NbH: "xksvo5r",
-		$$css: !0
-	},
-	collapsedButton: {
-		kjj79g: "xl56j7k x1l31gyv",
-		$$css: !0
-	},
+}, E = u(null), D = {
 	footer: {
 		kB7OPa: "x9f619",
 		k1xSpc: "x78zum5",
@@ -62,70 +49,54 @@ var S = {
 		kg3NbH: "xnjsko4",
 		k8WAf4: "xn9t2bk",
 		$$css: !0
-	},
-	toggle: {
-		kZKoxP: "x5yr21d",
-		kzqmXN: "xh8yej3",
-		k7Eaqz: "xeuugli",
-		kaIpWk: "x2u8bby",
-		k8WAf4: "xt970qd",
-		kg3NbH: "xnjsko4",
-		$$css: !0
-	},
-	close: {
-		kZKoxP: "x5yr21d",
-		kzqmXN: "xrlepb6",
-		kmuXW: "x2lah0s",
-		kaIpWk: "x2u8bby",
-		k8WAf4: "xt970qd",
-		kg3NbH: "xnjsko4",
-		$$css: !0
 	}
-}, T = {
-	inline: w.inlineFooter,
-	navigation: w.navigationFooter
+}, O = {
+	inline: D.inlineFooter,
+	navigation: D.navigationFooter
 };
-function E({ header: e, footer: t, close: n, children: r }) {
-	return /* @__PURE__ */ h(p, { children: [
-		/* @__PURE__ */ h("div", {
+function k({ header: e, footer: t, close: n, children: r }) {
+	return /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ v("div", {
 			...{
-				0: { className: "x9f619 x78zum5 x1qjc9v5 xcn9na3 x2lah0s xeuugli xso031l x1q0q8m5 x1qndepd" },
-				1: { className: "x9f619 x1qjc9v5 xcn9na3 x2lah0s xeuugli xso031l x1q0q8m5 x1qndepd x1s85apg x1rhi5y4" }
+				0: { className: "x9f619 x78zum5 x1qjc9v5 xnyqvp6 x2lah0s xeuugli xso031l x1q0q8m5 x1qndepd" },
+				1: { className: "x9f619 x1qjc9v5 xnyqvp6 x2lah0s xeuugli xso031l x1q0q8m5 x1qndepd x1s85apg x1rhi5y4" }
 			}[e == null | 0],
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ _("div", {
 				className: "x78zum5 x6s0dn4 x98rzlu xeuugli",
 				children: e
 			}), n]
 		}),
-		/* @__PURE__ */ m("div", {
+		/* @__PURE__ */ _("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__ */ m("div", {
+		t != null && /* @__PURE__ */ _("div", {
 			className: "x2lah0s xeuugli xr1yuqi xpvm0e4 x153jb6y",
 			children: t
 		})
 	] });
 }
-function D() {
-	return /* @__PURE__ */ m(e.Close, {
-		render: /* @__PURE__ */ m(i, {
-			variant: "ghost",
-			"aria-label": "Close navigation",
-			xstyle: w.close
-		}),
-		children: /* @__PURE__ */ m(v, {
-			size: 16,
-			"aria-hidden": !0
+function A() {
+	return /* @__PURE__ */ _("div", {
+		className: "x78zum5 x6s0dn4 xl56j7k x14j3e4g x2lah0s",
+		children: /* @__PURE__ */ _(e.Close, {
+			render: /* @__PURE__ */ _(i, {
+				variant: "ghost",
+				"aria-label": "Close navigation"
+			}),
+			children: /* @__PURE__ */ _(x, {
+				size: 16,
+				"aria-hidden": !0
+			})
 		})
 	});
 }
-function O({ children: e, label: t = "Main" }) {
-	let n = c(C), r = n !== null && !n.isExpanded;
-	return /* @__PURE__ */ m("nav", {
+function j({ children: e, label: t = "Main" }) {
+	let n = d(E), r = n !== null && !n.isExpanded;
+	return /* @__PURE__ */ _("nav", {
 		"aria-label": t,
 		...{
 			0: { className: "x78zum5 xdt5ytf xksvo5r" },
@@ -134,12 +105,12 @@ function O({ children: e, label: t = "Main" }) {
 		children: e
 	});
 }
-function k({ children: e, label: t }) {
-	let n = c(C), r = n !== null && !n.isExpanded, i = u();
-	return /* @__PURE__ */ h("section", {
+function M({ children: e, label: t }) {
+	let n = d(E), r = n !== null && !n.isExpanded, i = p();
+	return /* @__PURE__ */ v("section", {
 		"aria-labelledby": i,
 		className: "xn9t2bk",
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ _("div", {
 			id: i,
 			...{
 				0: { className: "xeuugli xn9t2bk xksvo5r x153jb6y x1hz01jw xy8obcc xas2l8k xk4h15q xj0a0fe" },
@@ -149,77 +120,83 @@ function k({ children: e, label: 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", {
+function N({ children: e, icon: t, selected: n = !1, onClick: r, className: i, style: s, ...c }) {
+	let l = d(E), u = p(), f = l !== null && !l.isExpanded;
+	return /* @__PURE__ */ _("div", {
 		...{
 			0: { className: "x78zum5 xeuugli x1ok0vyi" },
 			1: { className: "x78zum5 xeuugli x1ok0vyi x1r7kqkb" }
-		}[!!r | 0],
-		children: /* @__PURE__ */ h(t, {
-			...a,
-			variant: "ghost",
-			"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),
+		}[!!n | 0],
+		children: /* @__PURE__ */ v(o, {
+			...c,
+			...a({
+				className: i,
+				style: s,
+				styles: {
+					0: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x19fjeqo x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal xc342km x1ypdohk xwj21n9 x1m8qfh3 x1nhvcw1 x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r" },
+					1: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x19fjeqo x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal xc342km x1ypdohk xwj21n9 x1m8qfh3 x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv" }
+				}[!!f | 0]
+			}),
+			"aria-current": n ? "page" : void 0,
+			"aria-labelledby": c["aria-labelledby"] ?? (c["aria-label"] === void 0 ? u : void 0),
+			title: c.title ?? (typeof e == "string" ? e : void 0),
 			onClick: (e) => {
-				i !== void 0 && i(e), !e.defaultPrevented && o !== null && o.onNavigate();
+				r !== void 0 && r(e), !e.defaultPrevented && l !== null && l.onNavigate();
 			},
-			xstyle: [w.navigationControl, l && w.collapsedButton],
-			children: [n != null && /* @__PURE__ */ m("span", {
+			children: [t != null && /* @__PURE__ */ _("span", {
 				"aria-hidden": !0,
 				className: "x3nfvp2 x6s0dn4 xl56j7k xtwnzbg x18utl2x x2lah0s",
-				children: n
-			}), /* @__PURE__ */ m("span", {
-				id: s,
+				children: t
+			}), /* @__PURE__ */ _("span", {
+				id: u,
 				...{
 					0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
 					1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xeod2sa" }
-				}[!!l | 0],
+				}[!!f | 0],
 				children: e
 			})]
 		})
 	});
 }
-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__ */ h("a", {
+function P({ children: e, icon: t, selected: n = !1, onClick: r, className: i, style: a, ...o }) {
+	let s = d(E), c = p(), l = s !== null && !s.isExpanded, u = {
+		0: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x19fjeqo x1480za7 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 x19fjeqo x1480za7 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 x19fjeqo x1480za7 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 x19fjeqo x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv x1r7kqkb" }
+	}[!!l << 1 | !!n];
+	return /* @__PURE__ */ v("a", {
 		...o,
 		"aria-current": n ? "page" : void 0,
-		"aria-labelledby": o["aria-labelledby"] ?? (o["aria-label"] === void 0 ? l : void 0),
+		"aria-labelledby": o["aria-labelledby"] ?? (o["aria-label"] === void 0 ? c : void 0),
 		title: o.title ?? (typeof e == "string" ? e : void 0),
 		onClick: (e) => {
 			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 || s.onNavigate();
 		},
-		className: [f.className, i].filter(Boolean).join(" "),
+		className: [u.className, i].filter(Boolean).join(" "),
 		style: {
-			...f.style,
+			...u.style,
 			...a
 		},
-		children: [t != null && /* @__PURE__ */ m("span", {
+		children: [t != null && /* @__PURE__ */ _("span", {
 			"aria-hidden": !0,
 			className: "x3nfvp2 x6s0dn4 xl56j7k xtwnzbg x18utl2x x2lah0s",
 			children: t
-		}), /* @__PURE__ */ m("span", {
-			id: l,
+		}), /* @__PURE__ */ _("span", {
+			id: c,
 			...{
 				0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
 				1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xeod2sa" }
-			}[!!d | 0],
+			}[!!l | 0],
 			children: e
 		})]
 	});
 }
-function M({ children: e, grow: t = !1 }) {
-	let n = c(C), r = n !== null && !n.isExpanded;
-	return /* @__PURE__ */ m("span", {
+function F({ children: e, grow: t = !1 }) {
+	let n = d(E), r = n !== null && !n.isExpanded;
+	return /* @__PURE__ */ _("span", {
 		...{
 			0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
 			2: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x78zum5 x6s0dn4 x1hnptsi x98rzlu" },
@@ -229,41 +206,39 @@ function M({ children: e, grow: t = !1 }) {
 		children: e
 	});
 }
-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]),
+function I({ children: e, layout: t = "inline" }) {
+	let n = d(E), r = n !== null && !n.isExpanded;
+	return /* @__PURE__ */ _("div", {
+		...c.props(D.footer, r && D.collapsedFooter, O[t]),
 		children: e
 	});
 }
-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__ */ m(i, {
+function L() {
+	let t = d(E);
+	return t === null ? null : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
+		className: "x9f619 x6s0dn4 xl56j7k x2lah0s x14j3e4g xs1s249 x32b0ac xelkwwr x78zum5 x1ykma7f",
+		children: /* @__PURE__ */ _(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: w.toggle,
-			children: /* @__PURE__ */ m(_, {
+			children: /* @__PURE__ */ _(b, {
 				size: 16,
 				"aria-hidden": !0
 			})
 		})
-	}), /* @__PURE__ */ m("div", {
-		className: "x9f619 x2lah0s xrlepb6 xs1s249 x32b0ac xelkwwr x1s85apg x1rhi5y4",
-		children: /* @__PURE__ */ m(e.Trigger, {
+	}), /* @__PURE__ */ _("div", {
+		className: "x9f619 x6s0dn4 xl56j7k x2lah0s x14j3e4g xs1s249 x32b0ac xelkwwr x1s85apg x1rhi5y4",
+		children: /* @__PURE__ */ _(e.Trigger, {
 			ref: t.mobileNavigationToggleRef,
 			handle: t.drawerHandle,
-			render: /* @__PURE__ */ m(i, {
+			render: /* @__PURE__ */ _(i, {
 				variant: "ghost",
-				"aria-label": "Open navigation",
-				xstyle: w.toggle
+				"aria-label": "Open navigation"
 			}),
-			children: /* @__PURE__ */ m(_, {
+			children: /* @__PURE__ */ _(b, {
 				size: 16,
 				"aria-hidden": !0
 			})
@@ -271,66 +246,66 @@ function P() {
 	})] });
 }
 // packages/layout/src/app-shell.tsx
-var F = { drawer: {
+var R = { drawer: {
 	kzqmXN: "x68ju84",
 	ks0D6T: "x1recik0",
 	$$css: !0
 } };
-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 z({ sidebarHeader: t, sidebar: n, footer: r, children: i, mainId: a = "main", focus: o = !1 }) {
+	let [s, c] = h(!0), [l, u] = h(!1), [d] = h(() => e.createHandle()), g = p(), y = m(null), b = m(null);
+	return f(() => {
+		let e = globalThis.matchMedia(T.sidebarDesktopQuery);
 		function t() {
-			e.matches && g(!1);
+			e.matches && u(!1);
 		}
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []), /* @__PURE__ */ h(C.Provider, {
+	}, []), /* @__PURE__ */ v(E.Provider, {
 		value: {
 			isExpanded: s,
-			sidebarId: v,
-			drawerHandle: _,
+			sidebarId: g,
+			drawerHandle: d,
 			navigationToggleRef: y,
 			mobileNavigationToggleRef: b,
 			onToggle: () => c((e) => !e),
-			onNavigate: () => g(!1)
+			onNavigate: () => u(!1)
 		},
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: "x9f619 x1ov3xa9 x78zum5 xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt xvmahel",
-			children: [/* @__PURE__ */ m("aside", {
-				id: v,
+			children: [/* @__PURE__ */ _("aside", {
+				id: g,
 				"aria-label": "Navigation",
 				hidden: o,
 				...{
 					0: { className: "x9f619 x78zum5 x1ykma7f xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x68ju84 x2lah0s x2lwn1j xeuugli" },
-					2: { className: "x9f619 x78zum5 x1ykma7f xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x2lah0s x2lwn1j xeuugli xrlepb6" },
+					2: { className: "x9f619 x78zum5 x1ykma7f xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x2lah0s x2lwn1j xeuugli x14j3e4g" },
 					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" }
+					3: { className: "x9f619 xdt5ytf xs1s249 x32b0ac xelkwwr xpvm0e4 x7wzq59 x13vifvy xtdtrs8 x2lah0s x2lwn1j xeuugli x14j3e4g x1s85apg" }
 				}[!s << 1 | !!o],
-				children: /* @__PURE__ */ m(E, {
+				children: /* @__PURE__ */ _(k, {
 					header: t,
 					footer: r,
 					children: n
 				})
-			}), /* @__PURE__ */ m("main", {
+			}), /* @__PURE__ */ _("main", {
 				id: a,
 				tabIndex: -1,
 				className: "xeuugli x98rzlu",
 				children: i
 			})]
-		}), /* @__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, {
+		}), /* @__PURE__ */ _(e.Root, {
+			handle: d,
+			open: l && !o,
+			onOpenChange: u,
+			children: /* @__PURE__ */ v(e.Portal, { children: [/* @__PURE__ */ _(e.Backdrop, {}), /* @__PURE__ */ _(e.Viewport, { children: /* @__PURE__ */ v(e.Popup, {
+				xstyle: R.drawer,
+				finalFocus: () => globalThis.matchMedia(T.sidebarDesktopQuery).matches ? y.current : b.current,
+				children: [/* @__PURE__ */ _(e.Title, {
 					visuallyHidden: !0,
 					children: "Navigation"
-				}), /* @__PURE__ */ m(E, {
+				}), /* @__PURE__ */ _(k, {
 					header: t,
 					footer: r,
-					close: /* @__PURE__ */ m(D, {}),
+					close: /* @__PURE__ */ _(A, {}),
 					children: n
 				})]
 			}) })] })
@@ -338,40 +313,40 @@ function I({ sidebarHeader: t, sidebar: n, footer: r, children: i, mainId: a = "
 	});
 }
 // packages/layout/src/detail-page.tsx
-function L({ children: e }) {
-	return /* @__PURE__ */ m("div", {
+function B({ children: e }) {
+	return /* @__PURE__ */ _("div", {
 		className: "x9f619 x13na7z x96idz6 x9g60mw xeuugli xvueqy4 xnjsko4 x10gdey3 x14y0u4g x1foqgtu x1uwsqpk x14oio8y",
 		children: e
 	});
 }
 // packages/layout/src/focus-page.tsx
-function R({ children: e }) {
-	return /* @__PURE__ */ m("main", {
+function V({ children: e }) {
+	return /* @__PURE__ */ _("main", {
 		id: "main",
 		tabIndex: -1,
 		className: "x9f619 x1ov3xa9 xeuugli xrvj5dj x1ku5rj1 x1jvlu93 xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt xvmahel",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "xh8yej3 xxc7z9f xeuugli xrvj5dj x1mkdm3x x1j825kq",
 			children: e
 		})
 	});
 }
 // packages/layout/src/workbench.tsx
-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", {
+function H({ header: e, children: t, inspector: n }) {
+	return /* @__PURE__ */ v("div", {
+		className: "x78zum5 xdt5ytf x1r09gfs xeuugli x2lwn1j x12h1iku x1a75771 xbixft x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel",
+		children: [e != null && /* @__PURE__ */ _("div", {
 			className: "xeuugli x2lah0s x1ydxw8w xnx3t7k xso031l x1q0q8m5 x1qndepd",
 			children: e
-		}), /* @__PURE__ */ h("div", {
+		}), /* @__PURE__ */ v("div", {
 			className: "x78zum5 x98rzlu xeuugli x2lwn1j x7giv3",
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ _("div", {
 				...{
 					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__ */ m("aside", {
+			}), n != null && /* @__PURE__ */ _("aside", {
 				"aria-label": "Execution inspector",
 				className: "x9f619 x1peuizl x1vx4hiz xeuugli x2lah0s x1odjw0f x1c8xbx5 xpvm0e4 xe0pwq xs311s2 x19ypqd9 x1l3ounx",
 				children: n
@@ -379,8 +354,8 @@ function z({ header: e, children: t, inspector: n }) {
 		})]
 	});
 }
-function B({ label: e, children: t, flush: n = !1, scrollRestorationId: r }) {
-	return /* @__PURE__ */ m("div", {
+function U({ label: e, children: t, flush: n = !1, scrollRestorationId: r }) {
+	return /* @__PURE__ */ _("div", {
 		role: "region",
 		"aria-label": e,
 		tabIndex: 0,
@@ -392,21 +367,21 @@ function B({ label: e, children: t, flush: n = !1, scrollRestorationId: r }) {
 		children: t
 	});
 }
-function V({ children: e }) {
-	return /* @__PURE__ */ m("div", {
+function ee({ children: e }) {
+	return /* @__PURE__ */ _("div", {
 		className: "x2lah0s x1c8xbx5 x178xt8z x13fuv20 xhjagg4 xpvm0e4",
 		children: e
 	});
 }
 // packages/layout/src/view-stack.tsx
-function H({ children: e }) {
-	return /* @__PURE__ */ m("div", {
+function W({ children: e }) {
+	return /* @__PURE__ */ _("div", {
 		className: "x1n2onr6 x78zum5 xdt5ytf x98rzlu xeuugli x2lwn1j",
 		children: e
 	});
 }
-function U({ active: e, children: t }) {
-	return /* @__PURE__ */ m("section", {
+function G({ active: e, children: t }) {
+	return /* @__PURE__ */ _("section", {
 		"aria-hidden": !e,
 		inert: !e,
 		...{
@@ -416,58 +391,62 @@ function U({ active: e, children: t }) {
 		children: t
 	});
 }
-var W = {
-	Root: H,
-	Panel: U
-}, G = { action: {
-	kOIVth: "x1hnptsi",
+var K = {
+	Root: W,
+	Panel: G
+}, q = { action: {
 	k7Eaqz: "xeuugli",
 	ks0D6T: "x193iq5w",
 	$$css: !0
 } };
-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",
+function J({ title: e, actions: t, breadcrumb: n = !1, navigation: r = !0, views: i, leading: a }) {
+	let o = l.toArray(e).length > 0, s = l.toArray(t).length > 0, c = l.toArray(i).length > 0, u = l.toArray(a).length > 0;
+	return l.toArray([
+		e,
+		t,
+		i,
+		a
+	]).length === 0 ? null : /* @__PURE__ */ v("div", {
+		className: "x9f619 x78zum5 x12h1iku x14ut1dr x1qjc9v5 xnyqvp6 x2lah0s xso031l x1q0q8m5 x1qndepd xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xeuugli",
 		children: [
-			a === void 0 ? r && /* @__PURE__ */ m(P, {}) : /* @__PURE__ */ m("div", {
+			u ? /* @__PURE__ */ _("div", {
 				className: "x78zum5 x6s0dn4 xyibt8p x2lah0s",
 				children: a
-			}),
-			/* @__PURE__ */ m(n ? "nav" : "h1", {
+			}) : r && /* @__PURE__ */ _(L, {}),
+			o && /* @__PURE__ */ _(n ? "nav" : "h1", {
 				tabIndex: n ? void 0 : -1,
 				"aria-label": n ? "Breadcrumb" : void 0,
-				className: "x78zum5 x6s0dn4 x1hnptsi x1m92p3w xeuugli xs83m0k x1ghz6dp x1qlqyl8 xj57cvi x1t137rt",
-				children: /* @__PURE__ */ m("span", {
+				className: "x78zum5 x6s0dn4 x1hnptsi x1dc62k6 xeuugli xs83m0k x1ghz6dp x1qlqyl8 xj57cvi x1t137rt",
+				children: /* @__PURE__ */ _("span", {
 					className: "xeuugli xb3r6kr xlyipyv xuxw1ft",
 					children: e
 				})
 			}),
-			i != null && /* @__PURE__ */ m("div", {
+			c && /* @__PURE__ */ _("div", {
 				className: "x78zum5 x6s0dn4 xeuugli x2lah0s",
 				children: i
 			}),
-			t != null && /* @__PURE__ */ m("div", {
-				className: "x78zum5 x6s0dn4 xunmzkg x5g2kb4 xeuugli xs83m0k x8x9d4c",
+			s && /* @__PURE__ */ _("div", {
+				className: "x78zum5 x6s0dn4 xunmzkg x1dc62k6 xeuugli xs83m0k x8x9d4c",
 				children: t
 			})
 		]
 	});
 }
-function q({ icon: e, children: n, ...r }) {
+function Y({ icon: e, children: n, ...r }) {
 	let i = e != null;
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ _("div", {
 		className: "x9f619 x78zum5 x1qjc9v5 xeuugli",
-		children: /* @__PURE__ */ h(t, {
+		children: /* @__PURE__ */ v(t, {
 			...r,
 			variant: "ghost",
-			size: "sm",
 			"aria-label": r["aria-label"] ?? (typeof n == "string" ? n : void 0),
-			xstyle: G.action,
-			children: [i && /* @__PURE__ */ m("span", {
+			xstyle: q.action,
+			children: [i && /* @__PURE__ */ _("span", {
 				"aria-hidden": !0,
 				className: "x3nfvp2 x2lah0s x6s0dn4",
 				children: e
-			}), i || typeof n == "string" ? /* @__PURE__ */ m("span", {
+			}), i || typeof n == "string" ? /* @__PURE__ */ _("span", {
 				...{
 					0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
 					1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft xt0psk2 xlllsrz" }
@@ -477,19 +456,26 @@ function q({ icon: e, children: n, ...r }) {
 		})
 	});
 }
+// packages/layout/src/page-content.tsx
+function X({ children: e }) {
+	return /* @__PURE__ */ _("div", {
+		className: "x9f619 x78zum5 xdt5ytf xdz4d12 xeuugli xg7ukam",
+		children: e
+	});
+}
 // packages/layout/src/record-page.tsx
-function J({ children: e }) {
-	return /* @__PURE__ */ m("div", {
+function Z({ children: e }) {
+	return /* @__PURE__ */ _("div", {
 		className: "x78zum5 xdt5ytf xeuugli xbixft x1hz01jw xtqrqnz x1778rvt xvmahel",
 		children: e
 	});
 }
-function Y({ backLabel: e, backHref: t, onBack: n, actions: r, navigation: i = !0 }) {
-	return /* @__PURE__ */ m(K, {
+function Q({ backLabel: e, backHref: t, onBack: n, actions: r, navigation: i = !0 }) {
+	return /* @__PURE__ */ _(J, {
 		breadcrumb: !0,
 		navigation: i,
 		actions: r,
-		title: /* @__PURE__ */ h("a", {
+		title: /* @__PURE__ */ v("a", {
 			href: t,
 			className: "x3nfvp2 x6s0dn4 x1hnptsi xid9utz xeuugli x193iq5w xbixft xkrqix3 x9p3ypd x13qnu6 x9v5kkp x19rmrnh x1bqaal",
 			onClick: (e) => {
@@ -497,65 +483,65 @@ function Y({ backLabel: e, backHref: t, onBack: n, actions: r, navigation: i = !
 				let t = e.metaKey || e.ctrlKey, r = e.shiftKey || e.altKey;
 				t || r || (e.preventDefault(), n());
 			},
-			children: [/* @__PURE__ */ m(g, {
+			children: [/* @__PURE__ */ _(y, {
 				size: 16,
 				"aria-hidden": !0,
 				className: "x2lah0s"
-			}), /* @__PURE__ */ m("span", {
+			}), /* @__PURE__ */ _("span", {
 				className: "xeuugli xb3r6kr xlyipyv xuxw1ft",
 				children: e
 			})]
 		})
 	});
 }
-function X({ children: e }) {
-	return /* @__PURE__ */ m(L, { children: /* @__PURE__ */ m("div", {
-		className: "x78zum5 x1a02dak x1cy8zhl x1m6b44x xeuugli",
+function $({ children: e }) {
+	return /* @__PURE__ */ _(B, { children: /* @__PURE__ */ _("div", {
+		className: "x78zum5 x1a02dak x1cy8zhl xdz4d12 xeuugli",
 		children: e
 	}) });
 }
-function Z({ children: e }) {
-	return /* @__PURE__ */ m("div", {
-		className: "x78zum5 xdt5ytf x1ewej1i x1iyjqo2 x1m6b44x xeuugli",
+function te({ children: e }) {
+	return /* @__PURE__ */ _("div", {
+		className: "x78zum5 xdt5ytf x1ewej1i x1iyjqo2 xdz4d12 xeuugli",
 		children: e
 	});
 }
-function Q({ title: e, description: t, icon: i, titleRef: a }) {
-	return /* @__PURE__ */ h("header", {
+function ne({ title: e, description: t, icon: i, titleRef: a }) {
+	return /* @__PURE__ */ v("header", {
 		className: "xrvj5dj x1n8ia3y xeuugli",
-		children: [/* @__PURE__ */ h("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: "x78zum5 x6s0dn4 x1n8ia3y xeuugli",
-			children: [i != null && /* @__PURE__ */ m("span", {
+			children: [i != null && /* @__PURE__ */ _("span", {
 				"aria-hidden": !0,
 				className: "x3nfvp2 x6s0dn4 x2lah0s",
 				children: i
-			}), /* @__PURE__ */ m(r, {
+			}), /* @__PURE__ */ _(r, {
 				ref: a,
 				tabIndex: -1,
 				className: "xeuugli x1t137rt",
 				children: e
 			})]
-		}), t != null && /* @__PURE__ */ m(n, { children: t })]
+		}), t != null && /* @__PURE__ */ _(n, { children: t })]
 	});
 }
-function $({ children: e, label: t = "Properties" }) {
-	return /* @__PURE__ */ m("aside", {
+function re({ children: e, label: t = "Properties" }) {
+	return /* @__PURE__ */ _("aside", {
 		"aria-label": t,
 		className: "x78zum5 xdt5ytf x1irul0l x1iyjqo2 x1j825kq xeuugli",
 		children: e
 	});
 }
-var ee = {
-	Root: J,
-	Toolbar: Y,
-	Body: X,
-	Content: Z,
-	Header: Q,
-	Aside: $
+var ie = {
+	Root: Z,
+	Toolbar: Q,
+	Body: $,
+	Content: te,
+	Header: ne,
+	Aside: re
 };
 // packages/layout/src/resizable.tsx
-function te({ orientation: e = "horizontal", initialSizes: t, onSizesChange: n, disabled: r, ref: i, ...o }) {
-	return /* @__PURE__ */ m(y, {
+function ae({ orientation: e = "horizontal", initialSizes: t, onSizesChange: n, disabled: r, ref: i, ...a }) {
+	return /* @__PURE__ */ _(S, {
 		orientation: e,
 		defaultLayout: t,
 		onLayoutChanged: (e, t) => {
@@ -567,29 +553,29 @@ function te({ orientation: e = "horizontal", initialSizes: t, onSizesChange: n,
 			coarse: 44,
 			fine: 12
 		},
-		...a({ className: "xeuugli x2lwn1j xh8yej3 x5yr21d" }, o)
+		...s({ className: "xeuugli x2lwn1j xh8yej3 x5yr21d" }, a)
 	});
 }
-function ne({ id: e, initialSizePercent: t, minimumSizePercent: n = 10, maximumSizePercent: r = 100, collapsible: i = !1, ref: o, ...s }) {
-	return /* @__PURE__ */ m(b, {
+function oe({ id: e, initialSizePercent: t, minimumSizePercent: n = 10, maximumSizePercent: r = 100, collapsible: i = !1, ref: a, ...o }) {
+	return /* @__PURE__ */ _(C, {
 		id: e,
 		defaultSize: t === void 0 ? void 0 : `${t}%`,
 		minSize: `${n}%`,
 		maxSize: `${r}%`,
 		collapsible: i,
-		elementRef: o,
-		...a({ className: "xeuugli x2lwn1j xysyzu8" }, s)
+		elementRef: a,
+		...s({ className: "xeuugli x2lwn1j xysyzu8" }, o)
 	});
 }
-function re({ ref: e, ...t }) {
-	return /* @__PURE__ */ m(x, {
+function se({ ref: e, ...t }) {
+	return /* @__PURE__ */ _(w, {
 		elementRef: e,
-		...a({ className: "x1fa40ue x1i1rx1s xgc0pbm xir5lan xfaai28 x1rbdpqn x8wp5i9 x13qnu6 x9v5kkp x19rmrnh x13iak60" }, t)
+		...s({ className: "x1fa40ue x1i1rx1s xgc0pbm xir5lan xfaai28 x1rbdpqn x8wp5i9 x13qnu6 x9v5kkp x19rmrnh x13iak60" }, t)
 	});
 }
-var ie = {
-	Root: te,
-	Pane: ne,
-	Handle: re
+var ce = {
+	Root: ae,
+	Pane: oe,
+	Handle: se
 };
-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 };
+export { z as AppShell, B as DetailPage, V as FocusPage, j as Navigation, N as NavigationItem, P as NavigationLink, M as NavigationSection, X as PageContent, J as PageToolbar, ie as RecordPage, ce as Resizable, I as SidebarFooter, F as SidebarLabel, Y as ToolbarAction, K as ViewStack, H as Workbench, ee as WorkbenchFooter, U as WorkbenchScroll };