@mechane-ai/ui 0.2.1 → 0.3.0

package/dist/layout.js

@@ -1,29 +1,31 @@
-import { F as e, P as t, b as n } from "./src-Czfi0YQa.js";
+import { W as e, at as t, it as n } from "./src-E7YRJBMO.js";
+import { mergeProps as r } from "@base-ui/react/merge-props";
 import "@stylexjs/stylex";
-import { createContext as r, useContext as i, useEffect as a, useId as o, useRef as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { PanelLeft as f, X as p } from "lucide-react";
-// src/layout/frame.stylex.ts
-var m = {
+import { createContext as i, useContext as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { PanelLeft as p, X as m } from "lucide-react";
+import { Group as h, Panel as g, Separator as _ } from "react-resizable-panels";
+// packages/layout/src/frame.stylex.ts
+var v = {
 	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)"
-}, h = r(null), g = {
+}, y = i(null), b = {
 	navigationControl: {
 		kjj79g: "x1nhvcw1",
-		kOIVth: "x1qd3hfq",
-		kZKoxP: "x1gdgpn7 x1v3vec5",
-		kAzted: "xwusre6",
+		kOIVth: "xf0fr40",
+		kZKoxP: "xrf4eig xv0o0l7",
+		kAzted: "x1qcvxkf",
 		kzqmXN: "xh8yej3",
 		k7Eaqz: "xeuugli",
 		k8WAf4: "xt970qd",
-		kg3NbH: "x3agzmu",
+		kg3NbH: "x1le9dmh",
 		$$css: !0
 	},
 	collapsedButton: {
-		kjj79g: "xl56j7k x2wwxx",
+		kjj79g: "xl56j7k x1cnzrzl",
 		$$css: !0
 	},
 	toggle: {
@@ -37,7 +39,7 @@ var m = {
 	},
 	close: {
 		kZKoxP: "x5yr21d",
-		kzqmXN: "x1ey3j9m",
+		kzqmXN: "x6u7gfb",
 		kmuXW: "x2lah0s",
 		kaIpWk: "x2u8bby",
 		k8WAf4: "xt970qd",
@@ -45,293 +47,332 @@ var m = {
 		$$css: !0
 	}
 };
-function _({ header: e, footer: t, close: n, children: r }) {
-	return /* @__PURE__ */ d(l, { children: [
-		/* @__PURE__ */ d("div", {
+function x({ header: e, footer: t, close: n, children: r }) {
+	return /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ f("div", {
 			...{
-				0: { className: "x9f619 x78zum5 x1qjc9v5 x771t8i x2lah0s xeuugli xso031l x1q0q8m5 xx6l4uz" },
-				1: { className: "x9f619 x1qjc9v5 x771t8i x2lah0s xeuugli xso031l x1q0q8m5 xx6l4uz x1s85apg x129v5fc" }
+				0: { className: "x9f619 x78zum5 x1qjc9v5 xy3xr7v x2lah0s xeuugli xso031l x1q0q8m5 x7a6td9" },
+				1: { className: "x9f619 x1qjc9v5 xy3xr7v x2lah0s xeuugli xso031l x1q0q8m5 x7a6td9 x1s85apg x7ayp2i" }
 			}[e == null | 0],
-			children: [/* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ d("div", {
 				className: "x78zum5 x6s0dn4 x98rzlu xeuugli",
 				children: e
 			}), n]
 		}),
-		/* @__PURE__ */ u("div", {
+		/* @__PURE__ */ d("div", {
 			role: "region",
 			"aria-label": "Navigation links",
 			tabIndex: 0,
-			className: "x98rzlu x2lwn1j x1odjw0f xish69e x1gf6l2n xdv554w x9v5kkp x1f1h9gf x1bqaal",
+			className: "x98rzlu x2lwn1j x1odjw0f xish69e x1hx1mj5 xnktsf1 x9v5kkp x1m2ab5f x1bqaal",
 			children: r
 		}),
-		t != null && /* @__PURE__ */ u("div", {
-			className: "xr1yuqi x1ns7tj1",
+		t != null && /* @__PURE__ */ d("div", {
+			className: "xr1yuqi xv9cywu",
 			children: t
 		})
 	] });
 }
-function v() {
-	return /* @__PURE__ */ u(n.Close, {
-		render: /* @__PURE__ */ u(e, {
+function S() {
+	return /* @__PURE__ */ d(e.Close, {
+		render: /* @__PURE__ */ d(t, {
 			variant: "ghost",
 			"aria-label": "Close navigation",
-			xstyle: g.close
+			xstyle: b.close
 		}),
-		children: /* @__PURE__ */ u(p, {
+		children: /* @__PURE__ */ d(m, {
 			size: 16,
 			"aria-hidden": !0
 		})
 	});
 }
-function y({ children: e, label: t = "Main" }) {
-	let n = i(h), r = n !== null && !n.isExpanded;
-	return /* @__PURE__ */ u("nav", {
+function C({ children: e, label: t = "Main" }) {
+	let n = a(y), r = n !== null && !n.isExpanded;
+	return /* @__PURE__ */ d("nav", {
 		"aria-label": t,
 		...{
-			0: { className: "x78zum5 xdt5ytf x1tothx9 x3agzmu" },
-			1: { className: "x78zum5 xdt5ytf x1tothx9 x3agzmu x1o4uw0v" }
+			0: { className: "x78zum5 xdt5ytf x1r8op4a x1le9dmh" },
+			1: { className: "x78zum5 xdt5ytf x1r8op4a x1le9dmh xefn7zv" }
 		}[!!r | 0],
 		children: e
 	});
 }
-function b({ children: e, icon: n, selected: r = !1, onClick: a, ...s }) {
-	let c = i(h), l = o(), f = c !== null && !c.isExpanded;
-	return /* @__PURE__ */ u("div", {
+function w({ children: e, icon: t, selected: r = !1, onClick: i, ...o }) {
+	let c = a(y), l = s(), u = c !== null && !c.isExpanded;
+	return /* @__PURE__ */ d("div", {
 		...{
-			0: { className: "x78zum5 xeuugli x1pwc8qb" },
-			1: { className: "x78zum5 xeuugli x1pwc8qb xco4m3t" }
+			0: { className: "x78zum5 xeuugli x1fa2hmj" },
+			1: { className: "x78zum5 xeuugli x1fa2hmj x1m7rfvg" }
 		}[!!r | 0],
-		children: /* @__PURE__ */ d(t, {
-			...s,
+		children: /* @__PURE__ */ f(n, {
+			...o,
 			variant: "ghost",
 			"aria-current": r ? "page" : void 0,
-			"aria-labelledby": s["aria-labelledby"] ?? l,
-			title: s.title ?? (typeof e == "string" ? e : void 0),
+			"aria-labelledby": o["aria-labelledby"] ?? l,
+			title: o.title ?? (typeof e == "string" ? e : void 0),
 			onClick: (e) => {
-				a !== void 0 && a(e), !e.defaultPrevented && c !== null && c.onNavigate();
+				i !== void 0 && i(e), !e.defaultPrevented && c !== null && c.onNavigate();
 			},
-			xstyle: [g.navigationControl, f && g.collapsedButton],
-			children: [n != null && /* @__PURE__ */ u("span", {
+			xstyle: [b.navigationControl, u && b.collapsedButton],
+			children: [t != null && /* @__PURE__ */ d("span", {
 				"aria-hidden": !0,
-				className: "x3nfvp2 x6s0dn4 xl56j7k x19ssgm5 xbslpof x2lah0s",
-				children: n
-			}), /* @__PURE__ */ u("span", {
+				className: "x3nfvp2 x6s0dn4 xl56j7k xbor0ac x1sqm5u1 x2lah0s",
+				children: t
+			}), /* @__PURE__ */ d("span", {
 				id: l,
 				...{
 					0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
-					1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xftgtud" }
-				}[!!f | 0],
+					1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xd61pmw" }
+				}[!!u | 0],
 				children: e
 			})]
 		})
 	});
 }
-function x({ children: e, icon: t, selected: n = !1, onClick: r, className: a, style: s, ...c }) {
-	let l = i(h), f = o(), p = l !== null && !l.isExpanded, m = {
-		0: { className: "x9f619 x78zum5 x6s0dn4 x1pwc8qb xn4qiis xjbqb8w x1o2ymkw xsbzcza x1l4bni5 xo1l8bm xvmahel xdpxx8g xkrqix3 x1p052by xdv554w x9v5kkp x1f1h9gf x1bqaal x1nhvcw1 x1qd3hfq x1gdgpn7 x1v3vec5 xwusre6 xh8yej3 xeuugli xt970qd x3agzmu" },
-		2: { className: "x9f619 x78zum5 x6s0dn4 x1pwc8qb xn4qiis xjbqb8w x1o2ymkw xsbzcza x1l4bni5 xo1l8bm xvmahel xdpxx8g xkrqix3 x1p052by xdv554w x9v5kkp x1f1h9gf x1bqaal x1qd3hfq x1gdgpn7 x1v3vec5 xwusre6 xh8yej3 xeuugli xt970qd x3agzmu xl56j7k x2wwxx" },
-		1: { className: "x9f619 x78zum5 x6s0dn4 x1pwc8qb xn4qiis x1o2ymkw xsbzcza x1l4bni5 xo1l8bm xvmahel xdpxx8g xkrqix3 x1p052by xdv554w x9v5kkp x1f1h9gf x1bqaal x1nhvcw1 x1qd3hfq x1gdgpn7 x1v3vec5 xwusre6 xh8yej3 xeuugli xt970qd x3agzmu xco4m3t" },
-		3: { className: "x9f619 x78zum5 x6s0dn4 x1pwc8qb xn4qiis x1o2ymkw xsbzcza x1l4bni5 xo1l8bm xvmahel xdpxx8g xkrqix3 x1p052by xdv554w x9v5kkp x1f1h9gf x1bqaal x1qd3hfq x1gdgpn7 x1v3vec5 xwusre6 xh8yej3 xeuugli xt970qd x3agzmu xl56j7k x2wwxx xco4m3t" }
+function T({ children: e, icon: t, selected: n = !1, onClick: r, className: i, style: o, ...c }) {
+	let l = a(y), u = s(), p = l !== null && !l.isExpanded, m = {
+		0: { className: "x9f619 x78zum5 x6s0dn4 x1fa2hmj xgl13c xjbqb8w xoedhln x118kxxs x1hyyzld xo1l8bm xvmahel xdpxx8g xkrqix3 x160po9z xnktsf1 x9v5kkp x1m2ab5f x1bqaal x1nhvcw1 xf0fr40 xrf4eig xv0o0l7 x1qcvxkf xh8yej3 xeuugli xt970qd x1le9dmh" },
+		2: { className: "x9f619 x78zum5 x6s0dn4 x1fa2hmj xgl13c xjbqb8w xoedhln x118kxxs x1hyyzld xo1l8bm xvmahel xdpxx8g xkrqix3 x160po9z xnktsf1 x9v5kkp x1m2ab5f x1bqaal xf0fr40 xrf4eig xv0o0l7 x1qcvxkf xh8yej3 xeuugli xt970qd x1le9dmh xl56j7k x1cnzrzl" },
+		1: { className: "x9f619 x78zum5 x6s0dn4 x1fa2hmj xgl13c xoedhln x118kxxs x1hyyzld xo1l8bm xvmahel xdpxx8g xkrqix3 x160po9z xnktsf1 x9v5kkp x1m2ab5f x1bqaal x1nhvcw1 xf0fr40 xrf4eig xv0o0l7 x1qcvxkf xh8yej3 xeuugli xt970qd x1le9dmh x1m7rfvg" },
+		3: { className: "x9f619 x78zum5 x6s0dn4 x1fa2hmj xgl13c xoedhln x118kxxs x1hyyzld xo1l8bm xvmahel xdpxx8g xkrqix3 x160po9z xnktsf1 x9v5kkp x1m2ab5f x1bqaal xf0fr40 xrf4eig xv0o0l7 x1qcvxkf xh8yej3 xeuugli xt970qd x1le9dmh xl56j7k x1cnzrzl x1m7rfvg" }
 	}[!!p << 1 | !!n];
-	return /* @__PURE__ */ d("a", {
+	return /* @__PURE__ */ f("a", {
 		...c,
 		"aria-current": n ? "page" : void 0,
-		"aria-labelledby": c["aria-labelledby"] ?? f,
+		"aria-labelledby": c["aria-labelledby"] ?? u,
 		title: c.title ?? (typeof e == "string" ? e : void 0),
 		onClick: (e) => {
 			if (r !== void 0 && r(e), l === null || e.button !== 0) return;
 			let t = e.metaKey || e.ctrlKey, n = e.shiftKey || e.altKey;
 			t || n || l.onNavigate();
 		},
-		className: [m.className, a].filter(Boolean).join(" "),
+		className: [m.className, i].filter(Boolean).join(" "),
 		style: {
 			...m.style,
-			...s
+			...o
 		},
-		children: [t != null && /* @__PURE__ */ u("span", {
+		children: [t != null && /* @__PURE__ */ d("span", {
 			"aria-hidden": !0,
-			className: "x3nfvp2 x6s0dn4 xl56j7k x19ssgm5 xbslpof x2lah0s",
+			className: "x3nfvp2 x6s0dn4 xl56j7k xbor0ac x1sqm5u1 x2lah0s",
 			children: t
-		}), /* @__PURE__ */ u("span", {
-			id: f,
+		}), /* @__PURE__ */ d("span", {
+			id: u,
 			...{
 				0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
-				1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xftgtud" }
+				1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xd61pmw" }
 			}[!!p | 0],
 			children: e
 		})]
 	});
 }
-function S({ children: e, grow: t = !1 }) {
-	let n = i(h), r = n !== null && !n.isExpanded;
-	return /* @__PURE__ */ u("span", {
+function E({ children: e, grow: t = !1 }) {
+	let n = a(y), r = n !== null && !n.isExpanded;
+	return /* @__PURE__ */ d("span", {
 		...{
 			0: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft" },
-			2: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x78zum5 x6s0dn4 x1qd3hfq x98rzlu" },
-			1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xftgtud" },
-			3: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x6s0dn4 x1qd3hfq x98rzlu x1s85apg xftgtud" }
+			2: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x78zum5 x6s0dn4 xf0fr40 x98rzlu" },
+			1: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x1s85apg xd61pmw" },
+			3: { className: "xeuugli xb3r6kr xlyipyv xuxw1ft x6s0dn4 xf0fr40 x98rzlu x1s85apg xd61pmw" }
 		}[!!t << 1 | !!r],
 		children: e
 	});
 }
-function C({ children: e }) {
-	let t = i(h), n = t !== null && !t.isExpanded;
-	return /* @__PURE__ */ u("div", {
+function D({ children: e }) {
+	let t = a(y), n = t !== null && !t.isExpanded;
+	return /* @__PURE__ */ d("div", {
 		...{
-			0: { className: "x9f619 x78zum5 x6s0dn4 x1qd3hfq xkfhurs x1m1m655 x178xt8z x13fuv20 x1y5kzy2 x1ns7tj1 x1755wjq x1df3ybb xuxw1ft" },
-			1: { className: "x9f619 x78zum5 x6s0dn4 x1qd3hfq xkfhurs x178xt8z x13fuv20 x1y5kzy2 x1ns7tj1 x1755wjq x1df3ybb xuxw1ft xl56j7k x2wwxx xnjsko4 x1latcaw" }
+			0: { className: "x9f619 x78zum5 x6s0dn4 xf0fr40 x1fqwxbd xa28c80 x178xt8z x13fuv20 x1cbnph0 xv9cywu xut3y95 xam3yii xuxw1ft" },
+			1: { className: "x9f619 x78zum5 x6s0dn4 xf0fr40 x1fqwxbd x178xt8z x13fuv20 x1cbnph0 xv9cywu xut3y95 xam3yii xuxw1ft xl56j7k x1cnzrzl xnjsko4 x1347p9t" }
 		}[!!n | 0],
 		children: e
 	});
 }
-function w() {
-	let t = i(h);
-	return t === null ? null : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
-		className: "x9f619 x2lah0s x1ey3j9m xs1s249 x32b0ac x1dnzeuw x78zum5 x1fprbv3",
-		children: /* @__PURE__ */ u(e, {
-			ref: t.navigationToggleRef,
+function O() {
+	let n = a(y);
+	return n === null ? null : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
+		className: "x9f619 x2lah0s x6u7gfb xs1s249 x32b0ac x1qm8nhn x78zum5 x1gpshee",
+		children: /* @__PURE__ */ d(t, {
+			ref: n.navigationToggleRef,
 			variant: "ghost",
-			"aria-label": t.isExpanded ? "Collapse navigation" : "Expand navigation",
-			"aria-controls": t.sidebarId,
-			"aria-expanded": t.isExpanded,
-			onClick: t.onToggle,
-			xstyle: g.toggle,
-			children: /* @__PURE__ */ u(f, {
+			"aria-label": n.isExpanded ? "Collapse navigation" : "Expand navigation",
+			"aria-controls": n.sidebarId,
+			"aria-expanded": n.isExpanded,
+			onClick: n.onToggle,
+			xstyle: b.toggle,
+			children: /* @__PURE__ */ d(p, {
 				size: 16,
 				"aria-hidden": !0
 			})
 		})
-	}), /* @__PURE__ */ u("div", {
-		className: "x9f619 x2lah0s x1ey3j9m xs1s249 x32b0ac x1dnzeuw x1s85apg x129v5fc",
-		children: /* @__PURE__ */ u(n.Trigger, {
-			handle: t.drawerHandle,
-			render: /* @__PURE__ */ u(e, {
+	}), /* @__PURE__ */ d("div", {
+		className: "x9f619 x2lah0s x6u7gfb xs1s249 x32b0ac x1qm8nhn x1s85apg x7ayp2i",
+		children: /* @__PURE__ */ d(e.Trigger, {
+			handle: n.drawerHandle,
+			render: /* @__PURE__ */ d(t, {
 				variant: "ghost",
 				"aria-label": "Open navigation",
-				xstyle: g.toggle
+				xstyle: b.toggle
 			}),
-			children: /* @__PURE__ */ u(f, {
+			children: /* @__PURE__ */ d(p, {
 				size: 16,
 				"aria-hidden": !0
 			})
 		})
 	})] });
 }
-// src/layout/app-shell.tsx
-var T = { drawer: {
-	kzqmXN: "x10cvabo",
+// packages/layout/src/app-shell.tsx
+var k = { drawer: {
+	kzqmXN: "xt08k61",
 	ks0D6T: "x1recik0",
 	$$css: !0
 } };
-function E({ sidebarHeader: e, sidebar: t, footer: r, children: i }) {
-	let [l, f] = c(!0), [p, g] = c(!1), [y] = c(() => n.createHandle()), b = o(), x = s(null);
-	return a(() => {
-		let e = globalThis.matchMedia(m.sidebarDesktopQuery);
+function A({ sidebarHeader: t, sidebar: n, footer: r, children: i }) {
+	let [a, u] = l(!0), [p, m] = l(!1), [h] = l(() => e.createHandle()), g = s(), _ = c(null);
+	return o(() => {
+		let e = globalThis.matchMedia(v.sidebarDesktopQuery);
 		function t() {
-			e.matches && g(!1);
+			e.matches && m(!1);
 		}
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []), /* @__PURE__ */ d(h.Provider, {
+	}, []), /* @__PURE__ */ f(y.Provider, {
 		value: {
-			isExpanded: l,
-			sidebarId: b,
-			drawerHandle: y,
-			navigationToggleRef: x,
-			onToggle: () => f((e) => !e),
-			onNavigate: () => g(!1)
+			isExpanded: a,
+			sidebarId: g,
+			drawerHandle: h,
+			navigationToggleRef: _,
+			onToggle: () => u((e) => !e),
+			onNavigate: () => m(!1)
 		},
-		children: [/* @__PURE__ */ d("div", {
-			className: "x9f619 x1ov3xa9 x78zum5 x1kb4e9r xn4qiis x1o2ymkw xsbzcza x1l4bni5 xvmahel",
-			children: [/* @__PURE__ */ u("aside", {
-				id: b,
+		children: [/* @__PURE__ */ f("div", {
+			className: "x9f619 x1ov3xa9 x78zum5 x1l90twa xgl13c xoedhln x118kxxs x1hyyzld xvmahel",
+			children: [/* @__PURE__ */ d("aside", {
+				id: g,
 				"aria-label": "Navigation",
 				...{
-					0: { className: "x9f619 x78zum5 x1fprbv3 xdt5ytf xs1s249 x32b0ac x1dnzeuw x1kb4e9r x7wzq59 x13vifvy xtdtrs8 x10cvabo x2lah0s x2lwn1j xeuugli" },
-					1: { className: "x9f619 x78zum5 x1fprbv3 xdt5ytf xs1s249 x32b0ac x1dnzeuw x1kb4e9r x7wzq59 x13vifvy xtdtrs8 x2lah0s x2lwn1j xeuugli x1ey3j9m" }
-				}[!l | 0],
-				children: /* @__PURE__ */ u(_, {
-					header: e,
+					0: { className: "x9f619 x78zum5 x1gpshee xdt5ytf xs1s249 x32b0ac x1qm8nhn x1l90twa x7wzq59 x13vifvy xtdtrs8 xt08k61 x2lah0s x2lwn1j xeuugli" },
+					1: { className: "x9f619 x78zum5 x1gpshee xdt5ytf xs1s249 x32b0ac x1qm8nhn x1l90twa x7wzq59 x13vifvy xtdtrs8 x2lah0s x2lwn1j xeuugli x6u7gfb" }
+				}[!a | 0],
+				children: /* @__PURE__ */ d(x, {
+					header: t,
 					footer: r,
-					children: t
+					children: n
 				})
-			}), /* @__PURE__ */ u("main", {
+			}), /* @__PURE__ */ d("main", {
 				id: "main",
 				tabIndex: -1,
 				className: "xeuugli x98rzlu",
 				children: i
 			})]
-		}), /* @__PURE__ */ u(n.Root, {
-			handle: y,
+		}), /* @__PURE__ */ d(e.Root, {
+			handle: h,
 			open: p,
-			onOpenChange: g,
-			children: /* @__PURE__ */ d(n.Portal, { children: [/* @__PURE__ */ u(n.Backdrop, {}), /* @__PURE__ */ u(n.Viewport, { children: /* @__PURE__ */ d(n.Popup, {
-				xstyle: T.drawer,
-				finalFocus: () => !globalThis.matchMedia(m.sidebarDesktopQuery).matches || x.current,
-				children: [/* @__PURE__ */ u(n.Title, {
+			onOpenChange: m,
+			children: /* @__PURE__ */ f(e.Portal, { children: [/* @__PURE__ */ d(e.Backdrop, {}), /* @__PURE__ */ d(e.Viewport, { children: /* @__PURE__ */ f(e.Popup, {
+				xstyle: k.drawer,
+				finalFocus: () => !globalThis.matchMedia(v.sidebarDesktopQuery).matches || _.current,
+				children: [/* @__PURE__ */ d(e.Title, {
 					visuallyHidden: !0,
 					children: "Navigation"
-				}), /* @__PURE__ */ u(_, {
-					header: e,
+				}), /* @__PURE__ */ d(x, {
+					header: t,
 					footer: r,
-					close: /* @__PURE__ */ u(v, {}),
-					children: t
+					close: /* @__PURE__ */ d(S, {}),
+					children: n
 				})]
 			}) })] })
 		})]
 	});
 }
-// src/layout/page-toolbar.tsx
-var D = { action: {
+// packages/layout/src/page-toolbar.tsx
+var j = { action: {
 	kZKoxP: "x5yr21d",
-	k7Eaqz: "xpzsywk",
+	k7Eaqz: "x1py3403",
 	k8WAf4: "xt970qd",
-	kg3NbH: "xay9x1u",
+	kg3NbH: "xom4gu7",
 	kaIpWk: "x2u8bby",
-	kOIVth: "x1qd3hfq",
+	kOIVth: "xf0fr40",
 	$$css: !0
 } };
-function O({ title: e, actions: t, breadcrumb: n = !1, navigation: r = !0 }) {
-	return /* @__PURE__ */ d("header", {
-		className: "x9f619 x78zum5 x12h1iku x14ut1dr x1qjc9v5 x771t8i xso031l x1q0q8m5 xx6l4uz x1kb4e9r xn4qiis x1o2ymkw xeim5c6 x1l4bni5 xvmahel xeuugli",
+function M({ title: e, actions: t, breadcrumb: n = !1, navigation: r = !0 }) {
+	return /* @__PURE__ */ f("header", {
+		className: "x9f619 x78zum5 x12h1iku x14ut1dr x1qjc9v5 xy3xr7v xso031l x1q0q8m5 x7a6td9 x1l90twa xgl13c xoedhln x1hm5896 x1hyyzld xvmahel xeuugli",
 		children: [
-			r && /* @__PURE__ */ u(w, {}),
-			/* @__PURE__ */ u(n ? "nav" : "h1", {
+			r && /* @__PURE__ */ d(O, {}),
+			/* @__PURE__ */ d(n ? "nav" : "h1", {
 				"aria-label": n ? "Breadcrumb" : void 0,
-				className: "x78zum5 x6s0dn4 x1qd3hfq xay9x1u xeuugli xs83m0k x1ghz6dp x1qlqyl8 xo1l8bm",
-				children: /* @__PURE__ */ u("span", {
+				className: "x78zum5 x6s0dn4 xf0fr40 xom4gu7 xeuugli xs83m0k x1ghz6dp x1qlqyl8 xo1l8bm",
+				children: /* @__PURE__ */ d("span", {
 					className: "xeuugli xb3r6kr xlyipyv xuxw1ft",
 					children: e
 				})
 			}),
-			t != null && /* @__PURE__ */ u("div", {
+			t != null && /* @__PURE__ */ d("div", {
 				className: "x78zum5 x1qjc9v5 xeuugli x2lah0s x8x9d4c",
 				children: t
 			})
 		]
 	});
 }
-function k({ icon: e, children: n, ...r }) {
+function N({ icon: e, children: t, ...r }) {
 	let i = e != null;
-	return /* @__PURE__ */ u("div", {
-		className: "x9f619 x78zum5 x1qjc9v5 xeuugli xe0pwq x19ypqd9 xniy3ka",
-		children: /* @__PURE__ */ d(t, {
+	return /* @__PURE__ */ d("div", {
+		className: "x9f619 x78zum5 x1qjc9v5 xeuugli xe0pwq x19ypqd9 x1wk39ei",
+		children: /* @__PURE__ */ f(n, {
 			...r,
 			variant: "ghost",
 			size: "md",
-			"aria-label": r["aria-label"] ?? (typeof n == "string" ? n : void 0),
-			xstyle: D.action,
-			children: [e, i ? /* @__PURE__ */ u("span", {
-				className: "xeuugli xb3r6kr xlyipyv xuxw1ft xt0psk2 x35s1o9",
-				children: n
-			}) : n]
+			"aria-label": r["aria-label"] ?? (typeof t == "string" ? t : void 0),
+			xstyle: j.action,
+			children: [e, i ? /* @__PURE__ */ d("span", {
+				className: "xeuugli xb3r6kr xlyipyv xuxw1ft xt0psk2 x1f44uuf",
+				children: t
+			}) : t]
 		})
 	});
 }
-// src/layout/detail-page.tsx
-function A({ children: e }) {
-	return /* @__PURE__ */ u("div", {
-		className: "x9f619 xd8b7iz xjeubpl x1fqw3s0 xeuugli xvueqy4 xnjsko4 xm3he45 xf1f8v9 xeaany9 x1lp8wp9 x149zk0i",
+// packages/layout/src/detail-page.tsx
+function P({ children: e }) {
+	return /* @__PURE__ */ d("div", {
+		className: "x9f619 xb0529t x1kych2s x136ay5 xeuugli xvueqy4 xnjsko4 xwler67 x66m5wn x1p30wdl xmzgwow x1ntmna7",
 		children: e
 	});
 }
-export { E as AppShell, A as DetailPage, y as Navigation, b as NavigationItem, x as NavigationLink, O as PageToolbar, C as SidebarFooter, S as SidebarLabel, k as ToolbarAction };
+// packages/layout/src/resizable.tsx
+function F({ orientation: e = "horizontal", initialSizes: t, onSizesChange: n, disabled: i, ref: a, ...o }) {
+	return /* @__PURE__ */ d(h, {
+		orientation: e,
+		defaultLayout: t,
+		onLayoutChanged: (e, t) => {
+			t.isUserInteraction && n?.(e);
+		},
+		disabled: i,
+		elementRef: a,
+		resizeTargetMinimumSize: {
+			coarse: 44,
+			fine: 12
+		},
+		...r({ className: "xeuugli x2lwn1j xh8yej3 x5yr21d" }, o)
+	});
+}
+function I({ id: e, initialSizePercent: t, minimumSizePercent: n = 10, maximumSizePercent: i = 100, collapsible: a = !1, ref: o, ...s }) {
+	return /* @__PURE__ */ d(g, {
+		id: e,
+		defaultSize: t === void 0 ? void 0 : `${t}%`,
+		minSize: `${n}%`,
+		maxSize: `${i}%`,
+		collapsible: a,
+		elementRef: o,
+		...r({ className: "xeuugli x2lwn1j xysyzu8" }, s)
+	});
+}
+function L({ ref: e, ...t }) {
+	return /* @__PURE__ */ d(_, {
+		elementRef: e,
+		...r({ className: "x1k2gaww x1i1rx1s xgc0pbm xir5lan xfaai28 x1rbdpqn xw7ai76 xnktsf1 x9v5kkp x1m2ab5f x13iak60" }, t)
+	});
+}
+var R = {
+	Root: F,
+	Pane: I,
+	Handle: L
+};
+export { A as AppShell, P as DetailPage, C as Navigation, w as NavigationItem, T as NavigationLink, M as PageToolbar, R as Resizable, D as SidebarFooter, E as SidebarLabel, N as ToolbarAction };