@object-ui/layout 17.1.0 → 17.3.0

package/dist/index.js

@@ -2,31 +2,31 @@ import { ComponentRegistry as e } from "@object-ui/core";
 import t, { useEffect as n, useMemo as r, useState as i } from "react";
 import { Badge as a, Button as o, Collapsible as s, CollapsibleContent as c, CollapsibleTrigger as l, Input as u, LazyIcon as d, Separator as f, Sidebar as p, SidebarContent as m, SidebarFooter as h, SidebarGroup as g, SidebarGroupContent as _, SidebarGroupLabel as v, SidebarHeader as y, SidebarInput as b, SidebarInset as x, SidebarMenu as S, SidebarMenuAction as C, SidebarMenuButton as w, SidebarMenuItem as T, SidebarMenuSub as E, SidebarMenuSubButton as D, SidebarMenuSubItem as O, SidebarProvider as k, cn as A, getLazyIcon as j, useIsMobile as M } from "@object-ui/components";
 import { ArrowLeft as N, ChevronRight as P, FileText as F, GripVertical as ee, Layers as te, Pin as ne, PinOff as re, Search as ie, Star as I } from "lucide-react";
-import { SchemaRenderer as L, useRecordContext as ae } from "@object-ui/react";
-import { Fragment as oe, jsx as R, jsxs as z } from "react/jsx-runtime";
-import { Link as se, NavLink as B, useLocation as V } from "react-router-dom";
-import { DndContext as ce, KeyboardSensor as H, PointerSensor as le, closestCenter as ue, useSensor as U, useSensors as W } from "@dnd-kit/core";
-import { SortableContext as de, arrayMove as fe, useSortable as pe, verticalListSortingStrategy as me } from "@dnd-kit/sortable";
-import { CSS as he } from "@dnd-kit/utilities";
-import { menuItemToNavigationItem as ge } from "@object-ui/types";
+import { SchemaRenderer as L, useRecordContext as R } from "@object-ui/react";
+import { Fragment as ae, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { Link as oe, NavLink as V, useLocation as H } from "react-router-dom";
+import { DndContext as U, KeyboardSensor as se, PointerSensor as W, closestCenter as ce, useSensor as G, useSensors as K } from "@dnd-kit/core";
+import { SortableContext as q, arrayMove as le, useSortable as ue, verticalListSortingStrategy as de } from "@dnd-kit/sortable";
+import { CSS as fe } from "@dnd-kit/utilities";
+import { menuItemToNavigationItem as pe } from "@object-ui/types";
 //#region src/PageHeader.tsx
-var _e = (e) => {
+var me = (e) => {
 	let t = e?.name ?? e?.full_name ?? e?.display_name ?? e?.label ?? e?.title ?? e?.subject;
 	return t != null && String(t).trim() ? String(t) : [
 		e?.salutation,
 		e?.first_name,
 		e?.last_name
 	].filter((e) => typeof e == "string" && e.trim()).map((e) => e.trim()).join(" ") || (typeof e?.email == "string" && e.email.trim() ? e.email.trim() : null);
-}, ve = (e, t) => !e || typeof e != "string" ? e ?? "" : e.includes("{") ? e.replace(/\{([a-zA-Z0-9_.]+)\}/g, (e, n) => {
+}, he = (e, t) => !e || typeof e != "string" ? e ?? "" : e.includes("{") ? e.replace(/\{([a-zA-Z0-9_.]+)\}/g, (e, n) => {
 	let r = n.split(".").reduce((e, t) => e == null ? e : e[t], t);
-	return r == null ? "" : typeof r == "object" ? _e(r) ?? "" : String(r);
+	return r == null ? "" : typeof r == "object" ? me(r) ?? "" : String(r);
 }).replace(/\s*[-–—|/·,:]\s*(?=\s*[-–—|/·,:]|$)/g, "").replace(/^\s*[-–—|/·,:]\s*/, "").replace(/\s+/g, " ").trim() : e;
-function G({ title: e, subtitle: n, description: r, icon: i, action: a, actions: s, showBack: c, schema: l, className: u, children: f, ...p }) {
-	let m = ae(), h = typeof e == "string" && /\{[a-zA-Z0-9_.]+\}/.test(e), g = ve(e, m?.data) || (h ? "" : e), _ = n ?? r, v = typeof _ == "string" && /\{[a-zA-Z0-9_.]+\}/.test(_), y = ve(_, m?.data) || (v ? "" : _), b = !!m?.recordId, x = !!m?.embedded, S = c ?? (b && !x), C = t.useCallback(() => {
+function ge({ title: e, subtitle: n, description: r, icon: i, action: a, actions: s, showBack: c, schema: l, className: u, children: f, ...p }) {
+	let m = R(), h = typeof e == "string" && /\{[a-zA-Z0-9_.]+\}/.test(e), g = he(e, m?.data) || (h ? "" : e), _ = n ?? r, v = typeof _ == "string" && /\{[a-zA-Z0-9_.]+\}/.test(_), y = he(_, m?.data) || (v ? "" : _), b = !!m?.recordId, x = !!m?.embedded, S = c ?? (b && !x), C = t.useCallback(() => {
 		if (typeof window > "u") return;
 		let e = window.location.pathname, t = e.replace(/\/record\/[^/]+\/?$/, "");
 		t === e ? window.history.length > 1 && window.history.back() : (window.history.pushState({}, "", t + window.location.search), window.dispatchEvent(new PopStateEvent("popstate")));
-	}, []), w = Array.isArray(l?.children) ? l.children.filter(Boolean).map((e, t) => /* @__PURE__ */ R(L, { schema: e }, e?.id || `pgh-child-${t}`)) : null, T = Array.isArray(s) && s.length > 0 && s || Array.isArray(l?.actions) && l.actions.length > 0 && l.actions || Array.isArray(l?.properties?.actions) && l.properties.actions.length > 0 && l.properties.actions || null, E = a || f || (T ? /* @__PURE__ */ R(L, { schema: {
+	}, []), w = Array.isArray(l?.children) ? l.children.filter(Boolean).map((e, t) => /* @__PURE__ */ z(L, { schema: e }, e?.id || `pgh-child-${t}`)) : null, T = Array.isArray(s) && s.length > 0 && s || Array.isArray(l?.actions) && l.actions.length > 0 && l.actions || Array.isArray(l?.properties?.actions) && l.properties.actions.length > 0 && l.properties.actions || null, E = a || f || (T ? /* @__PURE__ */ z(L, { schema: {
 		type: "record:quick_actions",
 		properties: {
 			actions: T,
@@ -35,39 +35,39 @@ function G({ title: e, subtitle: n, description: r, icon: i, action: a, actions:
 			inline: !0
 		}
 	} }) : null) || w;
-	return /* @__PURE__ */ R("div", {
+	return /* @__PURE__ */ z("div", {
 		className: A("flex flex-col gap-3 pb-4 border-b", u),
 		...p,
-		children: /* @__PURE__ */ z("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: "flex flex-wrap items-center gap-x-4 gap-y-2",
 			children: [
-				S && /* @__PURE__ */ R(o, {
+				S && /* @__PURE__ */ z(o, {
 					type: "button",
 					variant: "ghost",
 					size: "icon",
 					onClick: C,
 					"aria-label": "Back to list",
 					className: "flex-shrink-0 -ml-2",
-					children: /* @__PURE__ */ R(N, { className: "size-4" })
+					children: /* @__PURE__ */ z(N, { className: "size-4" })
 				}),
-				i && (g || y) && /* @__PURE__ */ R("div", {
+				i && (g || y) && /* @__PURE__ */ z("div", {
 					className: "flex-shrink-0 grid place-items-center size-10 rounded-md bg-primary/10 text-primary",
-					children: typeof i == "string" ? /* @__PURE__ */ R(d, {
+					children: typeof i == "string" ? /* @__PURE__ */ z(d, {
 						name: i,
 						className: "size-5"
 					}) : i
 				}),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flex flex-col min-w-0 flex-1",
-					children: [g ? /* @__PURE__ */ R("h1", {
+					children: [g ? /* @__PURE__ */ z("h1", {
 						className: "text-2xl font-bold tracking-tight md:text-3xl truncate",
 						children: g
-					}) : null, y && /* @__PURE__ */ R("p", {
+					}) : null, y && /* @__PURE__ */ z("p", {
 						className: "text-sm text-muted-foreground truncate",
 						children: y
 					})]
 				}),
-				E && /* @__PURE__ */ R("div", {
+				E && /* @__PURE__ */ z("div", {
 					className: "flex items-center gap-2 ml-auto",
 					children: E
 				})
@@ -77,7 +77,7 @@ function G({ title: e, subtitle: n, description: r, icon: i, action: a, actions:
 }
 //#endregion
 //#region src/AppShell.tsx
-function ye(e) {
+function _e(e) {
 	let t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
 	if (!t) return null;
 	let n = parseInt(t[1], 16) / 255, r = parseInt(t[2], 16) / 255, i = parseInt(t[3], 16) / 255, a = Math.max(n, r, i), o = Math.min(n, r, i), s = 0, c = 0, l = (a + o) / 2;
@@ -90,9 +90,7 @@ function ye(e) {
 			case r:
 				s = ((i - n) / e + 2) / 6;
 				break;
-			case i:
-				s = ((n - r) / e + 4) / 6;
-				break;
+			case i: s = ((n - r) / e + 4) / 6;
 		}
 	}
 	return {
@@ -101,17 +99,17 @@ function ye(e) {
 		l: l * 100
 	};
 }
-function be(e) {
-	let t = ye(e);
+function ve(e) {
+	let t = _e(e);
 	return t ? `${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}%` : null;
 }
-function xe(e) {
-	let t = ye(e);
+function ye(e) {
+	let t = _e(e);
 	if (!t) return null;
 	let n = Math.max(t.l, 65), r = t.s > 80 ? Math.max(t.s - 10, 70) : t.s;
 	return `${Math.round(t.h)} ${Math.round(r)}% ${Math.round(n)}%`;
 }
-function Se(e) {
+function be(e) {
 	let t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
 	if (!t) return "0 0% 100%";
 	let n = (e) => {
@@ -120,16 +118,16 @@ function Se(e) {
 	}, r = n(parseInt(t[1], 16)), i = n(parseInt(t[2], 16)), a = n(parseInt(t[3], 16));
 	return .2126 * r + .7152 * i + .0722 * a > .6 ? "222 47% 11%" : "0 0% 100%";
 }
-function Ce(e, t) {
+function xe(e, t) {
 	n(() => {
 		let n = document.documentElement, r = () => n.classList.contains("dark"), i = () => {
 			if (e?.primaryColor) {
-				let t = be(e.primaryColor), i = xe(e.primaryColor), a = r() && i || t;
-				a && (n.style.setProperty("--brand-primary", e.primaryColor), n.style.setProperty("--brand-primary-hsl", t || a), n.style.setProperty("--primary", a), n.style.setProperty("--primary-foreground", r() ? "222 47% 11%" : Se(e.primaryColor)), n.style.setProperty("--ring", a), n.style.setProperty("--sidebar-primary", a), n.style.setProperty("--sidebar-ring", a));
+				let t = ve(e.primaryColor), i = ye(e.primaryColor), a = r() && i || t;
+				a && (n.style.setProperty("--brand-primary", e.primaryColor), n.style.setProperty("--brand-primary-hsl", t || a), n.style.setProperty("--primary", a), n.style.setProperty("--primary-foreground", r() ? "222 47% 11%" : be(e.primaryColor)), n.style.setProperty("--ring", a), n.style.setProperty("--sidebar-primary", a), n.style.setProperty("--sidebar-ring", a));
 			} else n.style.removeProperty("--brand-primary"), n.style.removeProperty("--brand-primary-hsl"), n.style.removeProperty("--primary"), n.style.removeProperty("--primary-foreground"), n.style.removeProperty("--ring"), n.style.removeProperty("--sidebar-primary"), n.style.removeProperty("--sidebar-ring");
 			if (e?.accentColor) {
-				let t = be(e.accentColor), i = xe(e.accentColor), a = r() && i || t;
-				a && (n.style.setProperty("--brand-accent", e.accentColor), n.style.setProperty("--brand-accent-hsl", t || a), n.style.setProperty("--accent", a), n.style.setProperty("--accent-foreground", r() ? "222 47% 11%" : Se(e.accentColor)));
+				let t = ve(e.accentColor), i = ye(e.accentColor), a = r() && i || t;
+				a && (n.style.setProperty("--brand-accent", e.accentColor), n.style.setProperty("--brand-accent-hsl", t || a), n.style.setProperty("--accent", a), n.style.setProperty("--accent-foreground", r() ? "222 47% 11%" : be(e.accentColor)));
 			} else n.style.removeProperty("--brand-accent"), n.style.removeProperty("--brand-accent-hsl"), n.style.removeProperty("--accent"), n.style.removeProperty("--accent-foreground");
 		};
 		i();
@@ -156,20 +154,20 @@ function Ce(e, t) {
 		t
 	]);
 }
-function K({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i = !0, branding: a, rightRail: o }) {
-	return Ce(a, a?.title), /* @__PURE__ */ z(k, {
+function J({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i = !0, branding: a, rightRail: o }) {
+	return xe(a, a?.title), /* @__PURE__ */ B(k, {
 		defaultOpen: i,
 		className: "!flex-col h-svh overflow-hidden",
-		children: [/* @__PURE__ */ R("header", {
+		children: [/* @__PURE__ */ z("header", {
 			className: "sticky top-0 z-30 flex h-14 w-full shrink-0 items-center gap-2 border-b bg-background px-2 sm:px-4",
 			children: t
-		}), /* @__PURE__ */ z("div", {
+		}), /* @__PURE__ */ B("div", {
 			className: "flex flex-1 min-h-0 w-full",
 			children: [
 				e,
-				/* @__PURE__ */ R(x, {
+				/* @__PURE__ */ z(x, {
 					className: "min-w-0",
-					children: /* @__PURE__ */ R("main", {
+					children: /* @__PURE__ */ z("main", {
 						className: A("flex-1 min-w-0 overflow-auto p-3 sm:p-4 md:p-6 pb-20 sm:pb-4 md:pb-6", r),
 						children: n
 					})
@@ -181,11 +179,11 @@ function K({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i =
 }
 //#endregion
 //#region src/PageCard.tsx
-function we({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ R("div", {
+function Se({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ z("div", {
 		className: A("rounded-xl border bg-card text-card-foreground shadow", e),
 		...n,
-		children: /* @__PURE__ */ R("div", {
+		children: /* @__PURE__ */ z("div", {
 			className: "p-6",
 			children: t
 		})
@@ -193,7 +191,7 @@ function we({ className: e, children: t, ...n }) {
 }
 //#endregion
 //#region src/ResponsiveGrid.tsx
-var Te = {
+var Ce = {
 	xs: {
 		1: "grid-cols-1",
 		2: "grid-cols-2",
@@ -243,11 +241,11 @@ var Te = {
 		12: "2xl:grid-cols-12"
 	}
 };
-function Ee(e) {
+function we(e) {
 	if (!e) return "grid-cols-1";
 	let t = [];
 	for (let [n, r] of Object.entries(e)) {
-		let e = Te[n];
+		let e = Ce[n];
 		if (e && r) {
 			let n = Object.keys(e).map(Number).reduce((e, t) => Math.abs(t - r) < Math.abs(e - r) ? t : e);
 			t.push(e[n]);
@@ -255,7 +253,7 @@ function Ee(e) {
 	}
 	return t.join(" ") || "grid-cols-1";
 }
-var De = {
+var Te = {
 	0: "gap-0",
 	1: "gap-1",
 	2: "gap-2",
@@ -264,16 +262,19 @@ var De = {
 	5: "gap-5",
 	6: "gap-6",
 	8: "gap-8"
-}, Oe = ({ columns: e, gap: t = 4, className: n, children: r }) => /* @__PURE__ */ R("div", {
-	className: A("grid", Ee(e), typeof t == "number" ? De[t] || `gap-${t}` : "", n),
-	children: r
-});
+}, Ee = ({ columns: e, gap: t = 4, className: n, children: r }) => {
+	let i = we(e), a = typeof t == "number" ? Te[t] || `gap-${t}` : "";
+	return /* @__PURE__ */ z("div", {
+		className: A("grid", i, a, n),
+		children: r
+	});
+};
 //#endregion
 //#region src/NavigationRenderer.tsx
-function q(e) {
+function Y(e) {
 	return e ? j(e) : F;
 }
-function J(e, t) {
+function X(e, t) {
 	if (typeof e == "string") return e;
 	if (t) {
 		let n = t(e.key, {
@@ -284,8 +285,8 @@ function J(e, t) {
 	}
 	return e.defaultValue || e.key;
 }
-function ke(e, t, n, r, i, a, o) {
-	let s = J(e.label, n);
+function De(e, t, n, r, i, a, o) {
+	let s = X(e.label, n);
 	if (typeof e.label != "string") return s;
 	let c = (e) => !!e && s.trim().toLowerCase() !== e.trim().toLowerCase();
 	if (e.type === "object" && e.objectName) {
@@ -303,21 +304,33 @@ function ke(e, t, n, r, i, a, o) {
 	}
 	return o && e.id && !c(e.id) ? o(e.id, s) : s;
 }
-var Ae = (e) => !(e === !1 || e === "false"), je = () => !0, Me = () => !0, Ne = /\{(current_user_id|current_org_id|[a-z][a-z0-9_]*)\}/g;
-function Y(e, t) {
+var Oe = (e) => e !== !1 && e !== "false", ke = () => !0, Ae = () => !0;
+function je(e, t = {}) {
+	let { evaluateVisibility: n = Oe, checkPermission: r = ke, checkCapability: i = Ae, hasActionHandler: a = !1 } = t;
+	for (let o of e) if (n(o.visible) && !(o.requiredPermissions?.length && !r(o.requiredPermissions)) && !(o.requiresObject && !i("object", o.requiresObject)) && !(o.requiresService && !i("service", o.requiresService)) && o.type !== "separator") {
+		if (o.type === "group") {
+			if (je(o.children ?? [], t)) return !0;
+			continue;
+		}
+		if (!(o.type === "action" && !a)) return !0;
+	}
+	return !1;
+}
+var Me = /\{(current_user_id|current_org_id|[a-z][a-z0-9_]*)\}/g;
+function Z(e, t) {
 	if (!e.includes("{")) return e;
-	let n = !1, r = e.replace(Ne, (e, r) => {
+	let n = !1, r = e.replace(Me, (e, r) => {
 		let i;
 		return i = r === "current_user_id" ? t?.currentUserId : r === "current_org_id" ? t?.currentOrgId : t?.contextValues?.[r], i || (n = !0, "");
 	});
 	return n ? null : r;
 }
-function X(e, t, n) {
+function Ne(e, t, n) {
 	switch (e.type) {
 		case "object": {
 			let r = `${t}/${e.objectName ?? ""}`, i = e.recordId;
 			if (i) {
-				let t = Y(i, n);
+				let t = Z(i, n);
 				if (t) {
 					let n = `${r}/record/${encodeURIComponent(t)}`;
 					return {
@@ -331,7 +344,7 @@ function X(e, t, n) {
 				let e = new URLSearchParams();
 				for (let [t, r] of Object.entries(a)) {
 					if (r == null || t === "") continue;
-					let i = Y(String(r), n);
+					let i = Z(String(r), n);
 					i !== null && e.set(`filter[${t}]`, i);
 				}
 				let t = e.toString();
@@ -358,7 +371,7 @@ function X(e, t, n) {
 			if (r && typeof r == "object") {
 				let e = new URLSearchParams();
 				for (let [t, i] of Object.entries(r)) if (i != null) if (typeof i == "string") {
-					let r = Y(i, n);
+					let r = Z(i, n);
 					r !== null && e.set(t, r);
 				} else e.set(t, JSON.stringify(i));
 				let t = e.toString();
@@ -393,8 +406,8 @@ function X(e, t, n) {
 				let e = i[1], r = a && typeof a.type == "string" ? a.type : void 0, o = a && typeof a.name == "string" ? a.name : void 0, s = "";
 				if (a && typeof a == "object") {
 					let e = new URLSearchParams();
-					for (let [t, r] of Object.entries(a)) if (!(t === "type" || t === "name") && r != null) if (typeof r == "string") {
-						let i = Y(r, n);
+					for (let [t, r] of Object.entries(a)) if (t !== "type" && t !== "name" && r != null) if (typeof r == "string") {
+						let i = Z(r, n);
 						i && e.set(t, i);
 					} else e.set(t, JSON.stringify(r));
 					let t = e.toString();
@@ -441,14 +454,14 @@ function Ve(e, t) {
 	return t.startsWith(`${e}.`) ? t.slice(e.length + 1) : t;
 }
 function He(e, t, n, r, i) {
-	let { href: a, external: o } = X(e, r, i);
+	let { href: a, external: o } = Ne(e, r, i);
 	if (o || a === "#") return 0;
 	if (e.type === "object" && e.objectName) {
 		let a = `${r}/${e.objectName}`;
 		if (t !== a && !t.startsWith(`${a}/`)) return 0;
 		let o = t === a ? [] : t.slice(a.length + 1).split("/"), s = e.recordId;
 		if (s) {
-			let e = Y(s, i);
+			let e = Z(s, i);
 			if (e) return o[0] === "record" && decodeURIComponent(o[1] ?? "") === e ? Pe : 0;
 		}
 		let c = e.filters;
@@ -457,7 +470,7 @@ function He(e, t, n, r, i) {
 			let e = /* @__PURE__ */ new Map();
 			for (let [t, n] of Object.entries(c)) {
 				if (n == null || t === "") continue;
-				let r = Y(String(n), i);
+				let r = Z(String(n), i);
 				r !== null && e.set(t, r);
 			}
 			if (e.size !== n.size) return 0;
@@ -484,38 +497,38 @@ function Ue(e, t, n, r, i) {
 	};
 	return c(e), o;
 }
-var Z = t.createContext(null);
-function We(e, t) {
+var We = t.createContext(null);
+function Ge(e, t) {
 	if (!t.trim()) return e;
 	let n = t.toLowerCase().trim();
 	return e.reduce((e, r) => {
 		if (r.type === "separator") return e;
 		if (r.type === "group" && r.children?.length) {
-			let n = We(r.children, t);
+			let n = Ge(r.children, t);
 			return n.length > 0 && e.push({
 				...r,
 				children: n
 			}), e;
 		}
-		return J(r.label).toLowerCase().includes(n) && e.push(r), e;
+		return X(r.label).toLowerCase().includes(n) && e.push(r), e;
 	}, []);
 }
-var Ge = 5;
-function Ke({ item: e, basePath: t, evalVis: n, checkPerm: r, checkCap: i, onAction: a, enablePinning: o, onPinToggle: s, enableReorder: c, resolveObjectLabel: l, resolveDashboardLabel: u, resolveGroupLabel: d, resolveViewLabel: f, resolveItemLabel: p, t: m, templateContext: h }) {
-	let { attributes: g, listeners: _, setNodeRef: v, transform: y, transition: b, isDragging: x } = pe({
+var Ke = 5;
+function qe({ item: e, basePath: t, evalVis: n, checkPerm: r, checkCap: i, onAction: a, enablePinning: o, onPinToggle: s, enableReorder: c, resolveObjectLabel: l, resolveDashboardLabel: u, resolveGroupLabel: d, resolveViewLabel: f, resolveItemLabel: p, t: m, templateContext: h }) {
+	let { attributes: g, listeners: _, setNodeRef: v, transform: y, transition: b, isDragging: x } = ue({
 		id: e.id,
 		disabled: !c
-	});
-	return /* @__PURE__ */ R("div", {
+	}), S = {
+		transform: fe.Transform.toString(y),
+		transition: b,
+		opacity: x ? .5 : void 0,
+		zIndex: x ? 10 : void 0
+	};
+	return /* @__PURE__ */ z("div", {
 		ref: v,
-		style: {
-			transform: he.Transform.toString(y),
-			transition: b,
-			opacity: x ? .5 : void 0,
-			zIndex: x ? 10 : void 0
-		},
+		style: S,
 		...g,
-		children: /* @__PURE__ */ R(Q, {
+		children: /* @__PURE__ */ z(Q, {
 			item: e,
 			basePath: t,
 			evalVis: n,
@@ -539,27 +552,27 @@ function Q({ item: e, basePath: n, evalVis: r, checkPerm: o, checkCap: u, onActi
 	let j = M(), N = j ? "min-h-[44px] text-[15px] gap-3 rounded-xl" : void 0, F = A("shrink-0", j ? "h-5 w-5" : "h-4 w-4"), te = (() => {
 		if (typeof e.expanded == "boolean") return e.expanded;
 		if (typeof e.defaultOpen == "boolean") return e.defaultOpen;
-	})(), ie = e.type === "group" ? e.children?.length ?? 0 : 0, I = t.useContext(Z), [L, ae] = i(t.useMemo(() => {
+	})(), ie = e.type === "group" ? e.children?.length ?? 0 : 0, I = t.useContext(We), L = t.useMemo(() => {
 		if (e.type !== "group" || !I) return !1;
 		let t = (e) => !!e?.some((e) => e.id === I || e.type === "group" && t(e.children));
 		return t(e.children);
-	}, [e, I]) ? !0 : te ?? !(ie >= 8));
+	}, [e, I]) ? !0 : te ?? !(ie >= 8), [R, V] = i(L);
 	if (!r(e.visible) || e.requiredPermissions?.length && !o(e.requiredPermissions)) return null;
-	let B = e.requiresObject, V = e.requiresService;
-	if (B && !u("object", B) || V && !u("service", V)) return null;
-	if (e.type === "separator") return /* @__PURE__ */ R(f, { className: "my-2" });
+	let H = e.requiresObject, U = e.requiresService;
+	if (H && !u("object", H) || U && !u("service", U)) return null;
+	if (e.type === "separator") return /* @__PURE__ */ z(f, { className: "my-2" });
 	if (e.type === "group") {
-		let t = (e.children ?? []).slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), i = ke(e, y, O, b, x, E, D);
-		return /* @__PURE__ */ R(s, {
-			open: L,
-			onOpenChange: ae,
-			children: /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ R(v, {
+		let t = (e.children ?? []).slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), i = De(e, y, O, b, x, E, D);
+		return /* @__PURE__ */ z(s, {
+			open: R,
+			onOpenChange: V,
+			children: /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, {
 				asChild: !0,
-				children: /* @__PURE__ */ z(l, {
+				children: /* @__PURE__ */ B(l, {
 					className: A("flex w-full items-center justify-between", j && "min-h-[44px] text-[15px] rounded-xl"),
-					children: [i, /* @__PURE__ */ R(P, { className: A("ml-auto transition-transform", j ? "h-5 w-5" : "h-4 w-4", L && "rotate-90") })]
+					children: [i, /* @__PURE__ */ z(P, { className: A("ml-auto transition-transform", j ? "h-5 w-5" : "h-4 w-4", R && "rotate-90") })]
 				})
-			}), /* @__PURE__ */ R(c, { children: /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: t.map((e) => /* @__PURE__ */ R(Q, {
+			}), /* @__PURE__ */ z(c, { children: /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: t.map((e) => /* @__PURE__ */ z(Q, {
 				item: e,
 				basePath: n,
 				evalVis: r,
@@ -579,93 +592,94 @@ function Q({ item: e, basePath: n, evalVis: r, checkPerm: o, checkCap: u, onActi
 		});
 	}
 	if (e.type === "action") {
-		let t = q(e.icon), r = J(e.label, O);
-		return /* @__PURE__ */ z(T, { children: [
-			h && /* @__PURE__ */ R("span", {
+		if (!d) return null;
+		let t = Y(e.icon), r = X(e.label, O);
+		return /* @__PURE__ */ B(T, { children: [
+			h && /* @__PURE__ */ z("span", {
 				className: "absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground",
 				"aria-label": O ? O("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
 				...h,
-				children: /* @__PURE__ */ R(ee, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ z(ee, { className: "h-3.5 w-3.5" })
 			}),
-			/* @__PURE__ */ z(w, {
+			/* @__PURE__ */ B(w, {
 				tooltip: r,
 				onClick: () => d?.(e),
 				className: N,
 				children: [
-					/* @__PURE__ */ R(t, { className: F }),
-					/* @__PURE__ */ R("span", { children: r }),
-					e.badge != null && /* @__PURE__ */ R(a, {
+					/* @__PURE__ */ z(t, { className: F }),
+					/* @__PURE__ */ z("span", { children: r }),
+					e.badge != null && /* @__PURE__ */ z(a, {
 						variant: e.badgeVariant ?? "default",
 						className: "ml-auto text-[10px] px-1.5 py-0",
 						children: e.badge
 					})
 				]
 			}),
-			p && m && /* @__PURE__ */ R(C, {
+			p && m && /* @__PURE__ */ z(C, {
 				showOnHover: !0,
 				onClick: () => m(e.id, !e.pinned, e, n),
 				"aria-label": O ? O(e.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
 					defaultValue: e.pinned ? `Unpin ${r}` : `Pin ${r}`,
 					name: r
 				}) : e.pinned ? `Unpin ${r}` : `Pin ${r}`,
-				children: e.pinned ? /* @__PURE__ */ R(re, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ R(ne, { className: "h-3.5 w-3.5" })
+				children: e.pinned ? /* @__PURE__ */ z(re, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ z(ne, { className: "h-3.5 w-3.5" })
 			})
 		] });
 	}
-	let ce = q(e.icon), { href: H, external: le } = X(e, n, k), ue = I !== null && e.id === I, U = ke(e, y, O, b, x, E, D), W = /* @__PURE__ */ z(oe, { children: [
-		/* @__PURE__ */ R(ce, { className: F }),
-		/* @__PURE__ */ R("span", { children: U }),
-		e.badge != null && /* @__PURE__ */ R(a, {
+	let se = Y(e.icon), { href: W, external: ce } = Ne(e, n, k), G = I !== null && e.id === I, K = De(e, y, O, b, x, E, D), q = /* @__PURE__ */ B(ae, { children: [
+		/* @__PURE__ */ z(se, { className: F }),
+		/* @__PURE__ */ z("span", { children: K }),
+		e.badge != null && /* @__PURE__ */ z(a, {
 			variant: e.badgeVariant ?? "default",
 			className: "ml-auto text-[10px] px-1.5 py-0",
 			children: e.badge
 		})
 	] });
-	return /* @__PURE__ */ z(T, { children: [
-		h && /* @__PURE__ */ R("span", {
+	return /* @__PURE__ */ B(T, { children: [
+		h && /* @__PURE__ */ z("span", {
 			className: "absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground",
 			"aria-label": O ? O("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
 			...h,
-			children: /* @__PURE__ */ R(ee, { className: "h-3.5 w-3.5" })
+			children: /* @__PURE__ */ z(ee, { className: "h-3.5 w-3.5" })
 		}),
-		/* @__PURE__ */ R(w, {
+		/* @__PURE__ */ z(w, {
 			asChild: !0,
-			isActive: ue,
-			tooltip: U,
+			isActive: G,
+			tooltip: K,
 			className: N,
-			children: le ? /* @__PURE__ */ R("a", {
-				href: H,
+			children: ce ? /* @__PURE__ */ z("a", {
+				href: W,
 				target: "_blank",
 				rel: "noopener noreferrer",
-				children: W
-			}) : /* @__PURE__ */ R(se, {
-				to: H,
-				children: W
+				children: q
+			}) : /* @__PURE__ */ z(oe, {
+				to: W,
+				children: q
 			})
 		}),
-		p && m && /* @__PURE__ */ R(C, {
+		p && m && /* @__PURE__ */ z(C, {
 			showOnHover: !0,
 			onClick: () => m(e.id, !e.pinned, e, n),
 			"aria-label": O ? O(e.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
-				defaultValue: e.pinned ? `Unpin ${U}` : `Pin ${U}`,
-				name: U
-			}) : e.pinned ? `Unpin ${U}` : `Pin ${U}`,
-			children: e.pinned ? /* @__PURE__ */ R(re, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ R(ne, { className: "h-3.5 w-3.5" })
+				defaultValue: e.pinned ? `Unpin ${K}` : `Pin ${K}`,
+				name: K
+			}) : e.pinned ? `Unpin ${K}` : `Pin ${K}`,
+			children: e.pinned ? /* @__PURE__ */ z(re, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ z(ne, { className: "h-3.5 w-3.5" })
 		})
 	] });
 }
-function $({ items: e, basePath: t = "", evaluateVisibility: n = Ae, checkPermission: i = je, checkCapability: a = Me, onAction: o, searchQuery: s, enablePinning: c, onPinToggle: l, enableReorder: u, onReorder: d, resolveObjectLabel: f, resolveDashboardLabel: p, resolveGroupLabel: m, resolveViewLabel: h, resolveItemLabel: y, t: b, templateContext: x }) {
-	let C = V(), w = r(() => Ue(e, C.pathname, C.search, t, x)?.id ?? null, [
+function $({ items: e, basePath: t = "", evaluateVisibility: n = Oe, checkPermission: i = ke, checkCapability: a = Ae, onAction: o, searchQuery: s, enablePinning: c, onPinToggle: l, enableReorder: u, onReorder: d, resolveObjectLabel: f, resolveDashboardLabel: p, resolveGroupLabel: m, resolveViewLabel: h, resolveItemLabel: y, t: b, templateContext: x }) {
+	let C = H(), w = r(() => Ue(e, C.pathname, C.search, t, x)?.id ?? null, [
 		e,
 		C.pathname,
 		C.search,
 		t,
 		x
-	]), T = r(() => s ? We(e, s) : e, [e, s]), E = r(() => qe(T), [T]), D = T.slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), O = W(U(le, { activationConstraint: { distance: Ge } }), U(H)), k = (e) => {
+	]), T = r(() => s ? Ge(e, s) : e, [e, s]), E = r(() => Je(T), [T]), D = T.slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), O = K(G(W, { activationConstraint: { distance: Ke } }), G(se)), k = (e) => {
 		let { active: t, over: n } = e;
 		if (!n || t.id === n.id || !d) return;
 		let r = D.findIndex((e) => e.id === t.id), i = D.findIndex((e) => e.id === n.id);
-		r === -1 || i === -1 || d(fe(D, r, i).map((e, t) => ({
+		r !== -1 && i !== -1 && d(le(D, r, i).map((e, t) => ({
 			...e,
 			order: t
 		})));
@@ -684,88 +698,87 @@ function $({ items: e, basePath: t = "", evaluateVisibility: n = Ae, checkPermis
 		resolveItemLabel: y,
 		t: b,
 		templateContext: x
-	}, j = D.some((e) => e.type === "group"), M = E.length > 0 && c ? /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ z(v, {
+	}, j = D.some((e) => e.type === "group"), M = E.length > 0 && c ? /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ B(v, {
 		className: "flex items-center gap-1.5",
-		children: [/* @__PURE__ */ R(I, { className: "h-3.5 w-3.5" }), b ? b("console.nav.favorites", { defaultValue: "Favorites" }) : "Favorites"]
-	}), /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: E.map((e) => /* @__PURE__ */ R(Q, {
+		children: [/* @__PURE__ */ z(I, { className: "h-3.5 w-3.5" }), b ? b("console.nav.favorites", { defaultValue: "Favorites" }) : "Favorites"]
+	}), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: E.map((e) => /* @__PURE__ */ z(Q, {
 		item: e,
 		...A
 	}, `fav-${e.id}`)) }) })] }) : null;
 	if (!j) {
-		let e = D.filter((e) => e.type !== "group").map((e) => e.id), t = u ? /* @__PURE__ */ R(ce, {
+		let e = D.filter((e) => e.type !== "group").map((e) => e.id), t = u ? /* @__PURE__ */ z(U, {
 			sensors: O,
-			collisionDetection: ue,
+			collisionDetection: ce,
 			onDragEnd: k,
-			children: /* @__PURE__ */ R(de, {
+			children: /* @__PURE__ */ z(q, {
 				items: e,
-				strategy: me,
-				children: /* @__PURE__ */ R(S, { children: D.map((e) => /* @__PURE__ */ R(Ke, {
+				strategy: de,
+				children: /* @__PURE__ */ z(S, { children: D.map((e) => /* @__PURE__ */ z(qe, {
 					item: e,
 					enableReorder: u,
 					...A
 				}, e.id)) })
 			})
-		}) : /* @__PURE__ */ R(S, { children: D.map((e) => /* @__PURE__ */ R(Q, {
+		}) : /* @__PURE__ */ z(S, { children: D.map((e) => /* @__PURE__ */ z(Q, {
 			item: e,
 			...A
 		}, e.id)) });
-		return /* @__PURE__ */ z(Z.Provider, {
+		return /* @__PURE__ */ B(We.Provider, {
 			value: w,
-			children: [M, /* @__PURE__ */ R(g, { children: /* @__PURE__ */ R(_, { children: t }) })]
+			children: [M, /* @__PURE__ */ z(g, { children: /* @__PURE__ */ z(_, { children: t }) })]
 		});
 	}
 	let N = [], P = [], F = (e) => {
 		if (P.length === 0) return;
 		let t = P;
-		P = [], N.push(/* @__PURE__ */ R(g, { children: /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: t.map((e) => /* @__PURE__ */ R(Q, {
+		P = [], N.push(/* @__PURE__ */ z(g, { children: /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: t.map((e) => /* @__PURE__ */ z(Q, {
 			item: e,
 			...A
 		}, e.id)) }) }) }, e));
 	};
 	return D.forEach((e, t) => {
-		e.type === "group" ? (F(`leaf-${t}`), N.push(/* @__PURE__ */ R(Q, {
+		e.type === "group" ? (F(`leaf-${t}`), N.push(/* @__PURE__ */ z(Q, {
 			item: e,
 			...A
 		}, e.id))) : P.push(e);
-	}), F("leaf-end"), /* @__PURE__ */ z(Z.Provider, {
+	}), F("leaf-end"), /* @__PURE__ */ B(We.Provider, {
 		value: w,
 		children: [M, N]
 	});
 }
-function qe(e) {
+function Je(e) {
 	let t = [];
-	for (let n of e) n.pinned && n.type !== "group" && n.type !== "separator" && t.push(n), n.children?.length && t.push(...qe(n.children));
+	for (let n of e) n.pinned && n.type !== "group" && n.type !== "separator" && t.push(n), n.children?.length && t.push(...Je(n.children));
 	return t;
 }
 //#endregion
 //#region src/AppSchemaRenderer.tsx
-function Je({ areas: e, activeAreaId: t, onAreaChange: n, evalVis: r, checkPerm: i }) {
-	let a = e.filter((e) => !(!r(e.visible) || e.requiredPermissions?.length && !i(e.requiredPermissions)));
-	return a.length <= 1 ? null : /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ z(v, {
+function Ye({ areas: e, activeAreaId: t, onAreaChange: n }) {
+	return e.length <= 1 ? null : /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ B(v, {
 		className: "flex items-center gap-1.5",
-		children: [/* @__PURE__ */ R(te, { className: "h-3.5 w-3.5" }), "Area"]
-	}), /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: a.map((e) => {
-		let r = q(e.icon);
-		return /* @__PURE__ */ R(T, { children: /* @__PURE__ */ z(w, {
+		children: [/* @__PURE__ */ z(te, { className: "h-3.5 w-3.5" }), "Area"]
+	}), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: e.map((e) => {
+		let r = Y(e.icon);
+		return /* @__PURE__ */ z(T, { children: /* @__PURE__ */ B(w, {
 			isActive: e.id === t,
-			tooltip: J(e.label),
+			tooltip: X(e.label),
 			onClick: () => n(e.id),
-			children: [/* @__PURE__ */ R(r, { className: "h-4 w-4" }), /* @__PURE__ */ R("span", { children: J(e.label) })]
+			children: [/* @__PURE__ */ z(r, { className: "h-4 w-4" }), /* @__PURE__ */ z("span", { children: X(e.label) })]
 		}) }, e.id);
 	}) }) })] });
 }
-function Ye({ items: e, basePath: t }) {
-	let n = V(), r = (e) => {
+function Xe({ items: e, basePath: t }) {
+	let n = H(), r = (e) => {
 		let t = [];
 		for (let n of e) n.type !== "separator" && (n.type === "group" ? t.push(...r(n.children || [])) : t.push(n));
 		return t;
 	}, i = r(e).slice(0, 5);
-	return i.length === 0 ? null : /* @__PURE__ */ R("div", {
+	return i.length === 0 ? null : /* @__PURE__ */ z("div", {
 		className: "fixed bottom-0 left-0 right-0 z-50 flex items-center justify-around border-t bg-background/95 backdrop-blur-sm px-2 py-1 sm:hidden safe-area-bottom",
 		role: "navigation",
 		"aria-label": "Mobile navigation",
 		children: i.map((e) => {
-			let r = q(e.icon), i = "#";
+			let r = Y(e.icon), i = "#";
 			if (e.type === "object") i = `${t}/${e.objectName}`, e.viewName && (i += `/view/${e.viewName}`);
 			else if (e.type === "dashboard") i = e.dashboardName ? `${t}/dashboard/${e.dashboardName}` : "#";
 			else if (e.type === "page") i = e.pageName ? `${t}/page/${e.pageName}` : "#";
@@ -785,174 +798,157 @@ function Ye({ items: e, basePath: t }) {
 				}
 			}
 			let a = i !== "#" && n.pathname.startsWith(i);
-			return /* @__PURE__ */ z(se, {
+			return /* @__PURE__ */ B(oe, {
 				to: i,
 				className: `flex flex-col items-center gap-0.5 px-2 py-1.5 transition-colors min-w-[44px] min-h-[44px] justify-center ${a ? "text-primary" : "text-muted-foreground hover:text-foreground"}`,
-				children: [/* @__PURE__ */ R(r, { className: "h-5 w-5" }), /* @__PURE__ */ R("span", {
+				children: [/* @__PURE__ */ z(r, { className: "h-5 w-5" }), /* @__PURE__ */ z("span", {
 					className: "text-[10px] truncate max-w-[60px]",
-					children: J(e.label)
+					children: X(e.label)
 				})]
 			}, e.id);
 		})
 	});
 }
-function Xe({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, onAction: o, sidebarHeader: s, sidebarFooter: c, sidebarExtra: l, activeAreaId: u, setActiveAreaId: d, resolvedNavigation: f, enableSearch: g, enablePinning: _, onPinToggle: v, enableReorder: x, onReorder: C }) {
-	let E = q(e.logo), D = e.areas ?? [], [O, k] = i("");
-	return /* @__PURE__ */ z(p, {
+function Ze({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, onAction: o, sidebarHeader: s, sidebarFooter: c, sidebarExtra: l, visibleAreas: u, activeAreaId: d, setActiveAreaId: f, resolvedNavigation: g, enableSearch: _, enablePinning: v, onPinToggle: x, enableReorder: C, onReorder: E }) {
+	let D = Y(e.logo), [O, k] = i("");
+	return /* @__PURE__ */ B(p, {
 		collapsible: "icon",
 		children: [
-			/* @__PURE__ */ z(y, { children: [s ?? /* @__PURE__ */ R(S, { children: /* @__PURE__ */ R(T, { children: /* @__PURE__ */ z(w, {
+			/* @__PURE__ */ B(y, { children: [s ?? /* @__PURE__ */ z(S, { children: /* @__PURE__ */ z(T, { children: /* @__PURE__ */ B(w, {
 				size: "lg",
 				tooltip: e.title ?? e.name,
-				children: [/* @__PURE__ */ R("div", {
+				children: [/* @__PURE__ */ z("div", {
 					className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground",
-					children: e.logo && e.logo.startsWith("http") ? /* @__PURE__ */ R("img", {
+					children: e.logo && e.logo.startsWith("http") ? /* @__PURE__ */ z("img", {
 						src: e.logo,
 						alt: e.title ?? "",
 						className: "size-6 object-contain"
-					}) : /* @__PURE__ */ R(E, { className: "size-4" })
-				}), /* @__PURE__ */ z("div", {
+					}) : /* @__PURE__ */ z(D, { className: "size-4" })
+				}), /* @__PURE__ */ B("div", {
 					className: "grid flex-1 text-left text-sm leading-tight",
-					children: [/* @__PURE__ */ R("span", {
+					children: [/* @__PURE__ */ z("span", {
 						className: "truncate font-semibold",
 						children: e.title ?? e.name ?? "App"
-					}), e.description && /* @__PURE__ */ R("span", {
+					}), e.description && /* @__PURE__ */ z("span", {
 						className: "truncate text-xs text-muted-foreground",
 						children: e.description
 					})]
 				})]
-			}) }) }), g && /* @__PURE__ */ R(b, {
+			}) }) }), _ && /* @__PURE__ */ z(b, {
 				placeholder: "Search navigation…",
 				value: O,
 				onChange: (e) => k(e.target.value),
 				"aria-label": "Search navigation"
 			})] }),
-			/* @__PURE__ */ z(m, { children: [
-				D.length > 1 && u && /* @__PURE__ */ R(Je, {
-					areas: D,
-					activeAreaId: u,
-					onAreaChange: d,
-					evalVis: n,
-					checkPerm: r
+			/* @__PURE__ */ B(m, { children: [
+				u.length > 1 && d && /* @__PURE__ */ z(Ye, {
+					areas: u,
+					activeAreaId: d,
+					onAreaChange: f
 				}),
-				/* @__PURE__ */ R($, {
-					items: f,
+				/* @__PURE__ */ z($, {
+					items: g,
 					basePath: t,
 					evaluateVisibility: n,
 					checkPermission: r,
 					checkCapability: a,
 					onAction: o,
 					searchQuery: O,
-					enablePinning: _,
-					onPinToggle: v,
-					enableReorder: x,
-					onReorder: C
+					enablePinning: v,
+					onPinToggle: x,
+					enableReorder: C,
+					onReorder: E
 				}),
 				l
 			] }),
-			c && /* @__PURE__ */ R(h, { children: c })
+			c && /* @__PURE__ */ z(h, { children: c })
 		]
 	});
 }
-function Ze({ schema: e, basePath: t = "", mobileNavMode: a = "drawer", evaluateVisibility: o, checkPermission: s, checkCapability: c, onAction: l, navbar: u, sidebarHeader: d, sidebarFooter: f, sidebarExtra: p, children: m, className: h, defaultOpen: g = !0, enableSearch: _, enablePinning: v, onPinToggle: y, enableReorder: b, onReorder: x }) {
-	let S = o ?? ((e) => !(e === !1 || e === "false")), C = s ?? (() => !0), w = c ?? (() => !0), T = r(() => (e.menu ?? []).map((e, t) => ge(e, t)), [e.menu]), E = e.navigation ?? T, D = e.areas ?? [], [O, k] = i(() => D.length > 0 ? D[0].id : null), A = D.map((e) => e.id).join(",");
+function Qe({ schema: e, basePath: t = "", mobileNavMode: a = "drawer", evaluateVisibility: o, checkPermission: s, checkCapability: c, onAction: l, navbar: u, sidebarHeader: d, sidebarFooter: f, sidebarExtra: p, children: m, className: h, defaultOpen: g = !0, enableSearch: _, enablePinning: v, onPinToggle: y, enableReorder: b, onReorder: x }) {
+	let S = o ?? ((e) => e !== !1 && e !== "false"), C = s ?? (() => !0), w = c ?? (() => !0), T = r(() => (e.menu ?? []).map((e, t) => pe(e, t)), [e.menu]), E = e.navigation ?? T, D = (e.areas ?? []).filter((e) => je(e.navigation, {
+		evaluateVisibility: S,
+		checkPermission: C,
+		checkCapability: w,
+		hasActionHandler: !!l
+	})), [O, k] = i(() => D.length > 0 ? D[0].id : null), A = D.map((e) => e.id).join(",");
 	n(() => {
 		D.length > 0 ? k((e) => D.some((t) => t.id === e) ? e : D[0].id) : k(null);
 	}, [e.name, A]);
-	let j = D.find((e) => e.id === O)?.navigation ?? E, M = {
+	let j = D.find((e) => e.id === O) ?? D[0], M = j?.navigation ?? E, N = {
 		title: e.title,
 		favicon: e.favicon,
 		logo: e.logo
-	};
-	return /* @__PURE__ */ z(oe, { children: [/* @__PURE__ */ R(K, {
-		sidebar: /* @__PURE__ */ R(Xe, {
-			schema: e,
-			basePath: t,
-			evalVis: S,
-			checkPerm: C,
-			checkCap: w,
-			onAction: l,
-			sidebarHeader: d,
-			sidebarFooter: f,
-			sidebarExtra: p,
-			activeAreaId: O,
-			setActiveAreaId: k,
-			resolvedNavigation: j,
-			enableSearch: _,
-			enablePinning: v,
-			onPinToggle: y,
-			enableReorder: b,
-			onReorder: x
-		}),
+	}, P = /* @__PURE__ */ z(Ze, {
+		schema: e,
+		basePath: t,
+		evalVis: S,
+		checkPerm: C,
+		checkCap: w,
+		onAction: l,
+		sidebarHeader: d,
+		sidebarFooter: f,
+		sidebarExtra: p,
+		visibleAreas: D,
+		activeAreaId: j?.id ?? null,
+		setActiveAreaId: k,
+		resolvedNavigation: M,
+		enableSearch: _,
+		enablePinning: v,
+		onPinToggle: y,
+		enableReorder: b,
+		onReorder: x
+	});
+	return /* @__PURE__ */ B(ae, { children: [/* @__PURE__ */ z(J, {
+		sidebar: P,
 		navbar: u,
 		className: h,
 		defaultOpen: g,
-		branding: M,
+		branding: N,
 		children: m
-	}), a === "bottom_nav" && /* @__PURE__ */ R(Ye, {
-		items: j,
+	}), a === "bottom_nav" && /* @__PURE__ */ z(Xe, {
+		items: M,
 		basePath: t
 	})] });
 }
 //#endregion
-//#region src/Page.tsx
-var Qe = (e) => e ? Array.isArray(e) ? e : [e] : [];
-function $e({ schema: e, className: t, style: n, id: r, ...i }) {
-	let a = Qe(e.children);
-	return /* @__PURE__ */ z("div", {
-		id: r || e.id,
-		className: A("flex flex-col h-full space-y-4", t),
-		style: n,
-		children: [/* @__PURE__ */ R(G, {
-			title: e.title,
-			description: e.description
-		}), /* @__PURE__ */ R("div", {
-			className: "flex-1 overflow-auto",
-			children: a.map((e, t) => /* @__PURE__ */ R(L, {
-				schema: e,
-				...i
-			}, e?.id || t))
-		})]
-	});
-}
-//#endregion
 //#region src/SidebarNav.tsx
-function et(e) {
+function $e(e) {
 	return "items" in e && !("href" in e);
 }
-function tt({ item: e, pathname: t }) {
-	return e.children && e.children.length > 0 ? /* @__PURE__ */ R(s, {
+function et({ item: e, pathname: t }) {
+	return e.children && e.children.length > 0 ? /* @__PURE__ */ z(s, {
 		asChild: !0,
 		defaultOpen: !0,
 		className: "group/collapsible",
-		children: /* @__PURE__ */ z(T, { children: [/* @__PURE__ */ R(l, {
+		children: /* @__PURE__ */ B(T, { children: [/* @__PURE__ */ z(l, {
 			asChild: !0,
-			children: /* @__PURE__ */ z(w, {
+			children: /* @__PURE__ */ B(w, {
 				tooltip: e.title,
 				className: "motion-safe:transition-colors motion-safe:duration-150",
 				children: [
-					e.icon && /* @__PURE__ */ R(e.icon, {}),
-					/* @__PURE__ */ R("span", { children: e.title }),
-					e.badge != null && /* @__PURE__ */ R(a, {
+					e.icon && /* @__PURE__ */ z(e.icon, {}),
+					/* @__PURE__ */ z("span", { children: e.title }),
+					e.badge != null && /* @__PURE__ */ z(a, {
 						variant: e.badgeVariant || "default",
 						className: "ml-auto mr-1 h-5 min-w-5 px-1 text-xs",
 						children: e.badge
 					}),
-					/* @__PURE__ */ R(P, { className: "ml-auto h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+					/* @__PURE__ */ z(P, { className: "ml-auto h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
 				]
 			})
-		}), /* @__PURE__ */ R(c, {
+		}), /* @__PURE__ */ z(c, {
 			className: "motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:slide-out-to-top-1 motion-safe:data-[state=open]:slide-in-from-top-1 motion-safe:duration-150",
-			children: /* @__PURE__ */ R(E, { children: e.children.map((e) => /* @__PURE__ */ R(O, { children: /* @__PURE__ */ R(D, {
+			children: /* @__PURE__ */ z(E, { children: e.children.map((e) => /* @__PURE__ */ z(O, { children: /* @__PURE__ */ z(D, {
 				asChild: !0,
 				isActive: t === e.href,
 				className: "motion-safe:transition-colors motion-safe:duration-150",
-				children: /* @__PURE__ */ z(B, {
+				children: /* @__PURE__ */ B(V, {
 					to: e.href,
 					children: [
-						e.icon && /* @__PURE__ */ R(e.icon, {}),
-						/* @__PURE__ */ R("span", { children: e.title }),
-						e.badge != null && /* @__PURE__ */ R(a, {
+						e.icon && /* @__PURE__ */ z(e.icon, {}),
+						/* @__PURE__ */ z("span", { children: e.title }),
+						e.badge != null && /* @__PURE__ */ z(a, {
 							variant: e.badgeVariant || "default",
 							className: "ml-auto h-5 min-w-5 px-1 text-xs",
 							children: e.badge
@@ -961,17 +957,17 @@ function tt({ item: e, pathname: t }) {
 				})
 			}) }, e.href)) })
 		})] })
-	}) : /* @__PURE__ */ R(T, { children: /* @__PURE__ */ R(w, {
+	}) : /* @__PURE__ */ z(T, { children: /* @__PURE__ */ z(w, {
 		asChild: !0,
 		isActive: t === e.href,
 		tooltip: e.title,
 		className: "motion-safe:transition-colors motion-safe:duration-150",
-		children: /* @__PURE__ */ z(B, {
+		children: /* @__PURE__ */ B(V, {
 			to: e.href,
 			children: [
-				e.icon && /* @__PURE__ */ R(e.icon, {}),
-				/* @__PURE__ */ R("span", { children: e.title }),
-				e.badge != null && /* @__PURE__ */ R(a, {
+				e.icon && /* @__PURE__ */ z(e.icon, {}),
+				/* @__PURE__ */ z("span", { children: e.title }),
+				e.badge != null && /* @__PURE__ */ z(a, {
 					variant: e.badgeVariant || "default",
 					className: "ml-auto h-5 min-w-5 px-1 text-xs",
 					children: e.badge
@@ -980,8 +976,8 @@ function tt({ item: e, pathname: t }) {
 		})
 	}) });
 }
-function nt({ items: e, title: n = "Application", className: r, collapsible: i = "icon", searchEnabled: a = !1, searchPlaceholder: o = "Search…" }) {
-	let s = V(), [c, l] = t.useState(""), d = t.useMemo(() => e.length === 0 ? [] : et(e[0]) ? e.map((e) => ({
+function tt({ items: e, title: n = "Application", className: r, collapsible: i = "icon", searchEnabled: a = !1, searchPlaceholder: o = "Search…" }) {
+	let s = H(), [c, l] = t.useState(""), d = t.useMemo(() => e.length === 0 ? [] : $e(e[0]) ? e.map((e) => ({
 		groupLabel: e.label,
 		items: e.items
 	})) : [{ items: e }], [e]), f = t.useMemo(() => {
@@ -992,14 +988,14 @@ function nt({ items: e, title: n = "Application", className: r, collapsible: i =
 			items: t.items.filter((t) => t.title.toLowerCase().includes(e) || t.children?.some((t) => t.title.toLowerCase().includes(e)))
 		})).filter((e) => e.items.length > 0);
 	}, [d, c]);
-	return /* @__PURE__ */ R(p, {
+	return /* @__PURE__ */ z(p, {
 		className: r,
 		collapsible: i,
-		children: /* @__PURE__ */ z(m, { children: [a && /* @__PURE__ */ R("div", {
+		children: /* @__PURE__ */ B(m, { children: [a && /* @__PURE__ */ z("div", {
 			className: "px-3 py-2",
-			children: /* @__PURE__ */ z("div", {
+			children: /* @__PURE__ */ B("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ R(ie, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ R(u, {
+				children: [/* @__PURE__ */ z(ie, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ z(u, {
 					type: "search",
 					placeholder: o,
 					value: c,
@@ -1007,16 +1003,16 @@ function nt({ items: e, title: n = "Application", className: r, collapsible: i =
 					className: "pl-8 h-9"
 				})]
 			})
-		}), f.map((e, t) => /* @__PURE__ */ z(g, { children: [
-			t > 0 && /* @__PURE__ */ R("div", {
+		}), f.map((e, t) => /* @__PURE__ */ B(g, { children: [
+			t > 0 && /* @__PURE__ */ z("div", {
 				className: "mx-3 mb-1 h-px bg-sidebar-border/60",
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ R(v, {
+			/* @__PURE__ */ z(v, {
 				className: "text-[10px] font-semibold uppercase tracking-wider text-sidebar-foreground/60",
 				children: e.groupLabel || n
 			}),
-			/* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: e.items.map((e) => /* @__PURE__ */ R(tt, {
+			/* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: e.items.map((e) => /* @__PURE__ */ z(et, {
 				item: e,
 				pathname: s.pathname
 			}, e.href)) }) })
@@ -1025,29 +1021,31 @@ function nt({ items: e, title: n = "Application", className: r, collapsible: i =
 }
 //#endregion
 //#region src/index.ts
-function rt() {
-	e.register("page-header", G, {
+function nt() {
+	e.register("page-header", ge, {
 		namespace: "layout",
 		label: "Page Header",
 		category: "Layout",
 		inputs: [{
 			name: "title",
-			type: "string"
+			type: "string",
+			label: "Title"
 		}, {
-			name: "description",
-			type: "string"
+			name: "subtitle",
+			type: "string",
+			label: "Subtitle"
 		}]
-	}), e.register("page:card", we, {
+	}), e.register("page:card", Se, {
 		namespace: "layout",
 		skipFallback: !0,
 		label: "Page Card",
 		category: "Layout",
 		isContainer: !0
-	}), e.register("app-shell", K, {
+	}), e.register("app-shell", J, {
 		namespace: "layout",
 		label: "App Shell",
 		category: "Layout"
-	}), e.register("responsive-grid", Oe, {
+	}), e.register("responsive-grid", Ee, {
 		namespace: "layout",
 		label: "Responsive Grid",
 		category: "Layout",
@@ -1070,7 +1068,7 @@ function rt() {
 			name: "basePath",
 			type: "string"
 		}]
-	}), e.register("app-schema-renderer", Ze, {
+	}), e.register("app-schema-renderer", Qe, {
 		namespace: "layout",
 		label: "App Schema Renderer",
 		category: "Layout",
@@ -1092,7 +1090,7 @@ function rt() {
 	});
 }
 try {
-	rt();
+	nt();
 } catch {}
 //#endregion
-export { Ze as AppSchemaRenderer, K as AppShell, $ as NavigationRenderer, $e as Page, we as PageCard, G as PageHeader, Oe as ResponsiveGrid, nt as SidebarNav, We as filterNavigationItems, rt as registerLayout, Ue as resolveActiveNavItem, X as resolveHref, q as resolveIcon, J as resolveLabel, Ce as useAppShellBranding };
+export { Qe as AppSchemaRenderer, J as AppShell, $ as NavigationRenderer, Se as PageCard, ge as PageHeader, Ee as ResponsiveGrid, tt as SidebarNav, Ge as filterNavigationItems, je as hasVisibleNavigationItems, nt as registerLayout, Ue as resolveActiveNavItem, Ne as resolveHref, Y as resolveIcon, X as resolveLabel, xe as useAppShellBranding };