import { t as e } from "./utils-BC9GT6Pr.js";
import { forwardRef as t } from "react";
import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
//#region src/react/layout/browser-layout.tsx
var a = t(({ toolbar: t, sidebar: n, sidebarWidth: a = "240px", detail: o, detailWidth: s = "400px", className: c, children: l, ...u }, d) => /* @__PURE__ */ i("div", {
	ref: d,
	className: e("flex h-full flex-col", c),
	...u,
	children: [t && /* @__PURE__ */ r("div", {
		className: "shrink-0 border-b border-border-glass px-4 py-3",
		children: t
	}), /* @__PURE__ */ i("div", {
		className: "flex min-h-0 flex-1",
		children: [
			n && /* @__PURE__ */ r("aside", {
				className: "shrink-0 overflow-y-auto border-r border-border-glass p-3",
				style: { width: a },
				children: n
			}),
			/* @__PURE__ */ r("div", {
				className: "min-w-0 flex-1 overflow-y-auto",
				children: l
			}),
			o && /* @__PURE__ */ r("aside", {
				className: "shrink-0 overflow-y-auto border-l border-border-glass",
				style: { width: s },
				children: o
			})
		]
	})]
}));
a.displayName = "BrowserLayout";
//#endregion
//#region src/react/layout/detail-header.tsx
var o = t(({ icon: t, title: n, subtitle: a, badges: o, actions: s, trailing: c, backAction: l, className: u, ...d }, f) => /* @__PURE__ */ i("header", {
	ref: f,
	className: e("flex flex-col gap-4 pb-4", u),
	...d,
	children: [l && /* @__PURE__ */ r("div", { children: l }), /* @__PURE__ */ i("div", {
		className: "flex items-start gap-4",
		children: [
			t && /* @__PURE__ */ r("div", {
				className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-foreground/[0.06] text-foreground-secondary [&>svg]:size-6",
				children: t
			}),
			/* @__PURE__ */ i("div", {
				className: "min-w-0 flex-1",
				children: [/* @__PURE__ */ i("div", {
					className: "flex items-center gap-3",
					children: [/* @__PURE__ */ r("h1", {
						className: "truncate text-xl font-bold tracking-tight text-foreground",
						children: n
					}), o && o.length > 0 && /* @__PURE__ */ r("div", {
						className: "flex shrink-0 items-center gap-1.5",
						children: o
					})]
				}), a && /* @__PURE__ */ r("p", {
					className: "mt-0.5 text-sm text-foreground-secondary",
					children: a
				})]
			}),
			c && /* @__PURE__ */ r("div", {
				className: "shrink-0",
				children: c
			}),
			s && /* @__PURE__ */ r("div", {
				className: "flex shrink-0 items-center gap-2",
				children: s
			})
		]
	})]
}));
o.displayName = "DetailHeader";
//#endregion
//#region src/react/layout/sub-nav.tsx
var s = t(({ items: t, onSelect: a, className: o, ...s }, c) => /* @__PURE__ */ r("nav", {
	ref: c,
	className: e("flex gap-1 overflow-x-auto pb-1", o),
	"aria-label": "Section navigation",
	role: "tablist",
	...s,
	children: t.map((t) => {
		let o = e("inline-flex shrink-0 items-center gap-1.5 rounded-lg border px-3 py-1.5 text-xs font-semibold transition-colors", t.active ? "border-primary/25 bg-primary/15 text-[hsl(var(--primary))]" : "border-transparent text-foreground-tertiary hover:bg-foreground/[0.05] hover:text-foreground-secondary"), s = /* @__PURE__ */ i(n, { children: [t.icon, t.label] });
		return t.href ? /* @__PURE__ */ r("a", {
			href: t.href,
			role: "tab",
			"aria-selected": t.active,
			onClick: () => a?.(t.id),
			className: o,
			children: s
		}, t.id) : /* @__PURE__ */ r("button", {
			type: "button",
			role: "tab",
			"aria-selected": t.active,
			onClick: () => a?.(t.id),
			className: o,
			children: s
		}, t.id);
	})
}));
s.displayName = "SubNav";
//#endregion
//#region src/react/layout/page-frame.tsx
var c = t(({ title: t, subtitle: n, actions: a, nav: o, className: s, children: c, ...l }, u) => /* @__PURE__ */ i("div", {
	ref: u,
	className: e("flex min-h-full flex-col", s),
	...l,
	children: [/* @__PURE__ */ i("div", {
		className: "border-b border-border-glass/50 px-6 pb-3 pt-5",
		children: [/* @__PURE__ */ i("div", {
			className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
			children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h1", {
				className: "text-xl font-bold tracking-tight text-foreground",
				children: t
			}), n && /* @__PURE__ */ r("p", {
				className: "mt-0.5 text-xs text-foreground-tertiary",
				children: n
			})] }), a && /* @__PURE__ */ r("div", {
				className: "flex shrink-0 items-center gap-2",
				children: a
			})]
		}), o && /* @__PURE__ */ r("div", {
			className: "mt-4",
			children: o
		})]
	}), /* @__PURE__ */ r("main", {
		className: "flex-1 space-y-4 px-4 py-4 lg:px-6",
		children: c
	})]
}));
c.displayName = "PageFrame";
//#endregion
export { a as i, s as n, o as r, c as t };

//# sourceMappingURL=layout-64M2la9A.js.map