@llmnative/react 1.10.3 → 1.11.0

package/dist/index.mjs

@@ -13798,39 +13798,46 @@ function zf({ group: e, expanded: n, openItems: r, showIcons: i, onToggle: a })
 		onToggle: a
 	}))));
 }
-function Bf({ menuKey: e, items: n, defaultCollapsed: r = !1, showIcons: i = !0, showCollapseButton: a = !0, footer: o, header: c, embedded: u = !1 }) {
-	let { pathname: d } = x(), f = Y("sideNav"), p = Uh(e ?? ""), g = n ?? (e ? Nf(p) : []), [_, v] = h(r), [y, b] = h(!1), [S, C] = h(/* @__PURE__ */ new Set()), w = m(null), T = !_ || y;
+function Bf({ menuKey: e, items: n, defaultCollapsed: r = !1, collapsed: i, onCollapsedChange: a, showIcons: o = !0, showCollapseButton: c = !0, footer: u, header: d, embedded: f = !1 }) {
+	let { pathname: p } = x(), g = Y("sideNav"), _ = Uh(e ?? ""), v = n ?? (e ? Nf(_) : []), y = i !== void 0, [b, S] = h(r), C = i === void 0 ? b : i, w = s((e) => {
+		let t = typeof e == "function" ? e(C) : e;
+		y ? a?.(t) : S(t);
+	}, [
+		y,
+		C,
+		a
+	]), [T, E] = h(!1), [D, O] = h(/* @__PURE__ */ new Set()), k = m(null), A = !C || T;
 	l(() => {
-		C((e) => {
+		O((e) => {
 			let t = new Set(e);
-			return g.forEach((e) => {
-				e.children?.some((e) => Pf(d, e.path, e.end)) && t.add(e.path);
+			return v.forEach((e) => {
+				e.children?.some((e) => Pf(p, e.path, e.end)) && t.add(e.path);
 			}), t;
 		});
-	}, [d]);
-	let E = s((e) => {
-		C((t) => {
+	}, [p]);
+	let j = s((e) => {
+		O((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), D = () => {
-		_ && (w.current && clearTimeout(w.current), b(!0));
-	}, O = () => {
-		_ && (w.current = setTimeout(() => b(!1), 80));
+	}, []), M = () => {
+		C && (k.current && clearTimeout(k.current), E(!0));
+	}, N = () => {
+		C && (k.current = setTimeout(() => E(!1), 80));
 	};
-	if (g.length === 0) return null;
-	let k = Ff(g);
-	return u ? /* @__PURE__ */ t.createElement("nav", { className: X("px-1.5 py-2", f.SideNav.navClassName) }, k.map((e) => /* @__PURE__ */ t.createElement(zf, {
+	if (v.length === 0) return null;
+	let P = Ff(v);
+	return f ? /* @__PURE__ */ t.createElement("nav", { className: X("px-1.5 py-2", g.SideNav.navClassName) }, P.map((e) => /* @__PURE__ */ t.createElement(zf, {
 		key: e.key,
 		group: e,
 		expanded: !0,
-		openItems: S,
-		showIcons: i,
-		onToggle: E
+		openItems: D,
+		showIcons: o,
+		onToggle: j
 	}))) : /* @__PURE__ */ t.createElement("div", {
-		className: X("min-h-0", f.SideNav.wrapperClassName),
+		className: X("min-h-0", g.SideNav.wrapperClassName),
 		style: {
-			width: _ ? Mf : jf,
+			width: C ? Mf : jf,
 			height: "100%",
 			transition: "width 220ms cubic-bezier(0.4,0,0.2,1)",
 			flexShrink: 0,
@@ -13838,51 +13845,51 @@ function Bf({ menuKey: e, items: n, defaultCollapsed: r = !1, showIcons: i = !0,
 		}
 	}, /* @__PURE__ */ t.createElement("aside", {
 		style: {
-			width: T ? jf : Mf,
+			width: A ? jf : Mf,
 			transition: "width 220ms cubic-bezier(0.4,0,0.2,1)",
-			position: _ ? "absolute" : "sticky",
+			position: C ? "absolute" : "sticky",
 			top: 0,
-			zIndex: _ && y ? 50 : 10,
-			boxShadow: _ && y ? "4px 0 24px rgba(0,0,0,0.10)" : "none",
+			zIndex: C && T ? 50 : 10,
+			boxShadow: C && T ? "4px 0 24px rgba(0,0,0,0.10)" : "none",
 			height: "100%",
 			overflowX: "hidden",
 			overflowY: "hidden"
 		},
-		className: X("flex min-h-0 flex-col border-r bg-background", f.SideNav.shellClassName, _ && y && f.SideNav.overlayClassName),
-		onMouseEnter: D,
-		onMouseLeave: O
-	}, c && /* @__PURE__ */ t.createElement("div", {
-		className: X("flex h-14 shrink-0 items-center border-b px-1.5", f.SideNav.headerClassName),
+		className: X("flex min-h-0 flex-col border-r bg-background", g.SideNav.shellClassName, C && T && g.SideNav.overlayClassName),
+		onMouseEnter: M,
+		onMouseLeave: N
+	}, d && /* @__PURE__ */ t.createElement("div", {
+		className: X("flex h-14 shrink-0 items-center border-b px-1.5", g.SideNav.headerClassName),
 		style: {
-			opacity: +!!T,
-			maxWidth: T ? "100%" : "0px",
+			opacity: +!!A,
+			maxWidth: A ? "100%" : "0px",
 			overflow: "hidden",
 			transition: "opacity 150ms ease, max-width 200ms ease"
 		}
-	}, /* @__PURE__ */ t.createElement("div", { className: "min-w-0 flex-1" }, c)), /* @__PURE__ */ t.createElement("nav", { className: X("min-h-0 flex-1 overflow-y-auto overflow-x-hidden px-1.5 py-2", f.SideNav.navClassName) }, k.map((e) => /* @__PURE__ */ t.createElement(zf, {
+	}, /* @__PURE__ */ t.createElement("div", { className: "min-w-0 flex-1" }, d)), /* @__PURE__ */ t.createElement("nav", { className: X("min-h-0 flex-1 overflow-y-auto overflow-x-hidden px-1.5 py-2", g.SideNav.navClassName) }, P.map((e) => /* @__PURE__ */ t.createElement(zf, {
 		key: e.key,
 		group: e,
-		expanded: T,
-		openItems: S,
-		showIcons: i,
-		onToggle: E
-	}))), (a || o) && /* @__PURE__ */ t.createElement("div", { className: X("shrink-0 border-t px-1.5 py-2 flex items-center gap-1", f.SideNav.footerClassName) }, a && /* @__PURE__ */ t.createElement("button", {
+		expanded: A,
+		openItems: D,
+		showIcons: o,
+		onToggle: j
+	}))), (c || u) && /* @__PURE__ */ t.createElement("div", { className: X("shrink-0 border-t px-1.5 py-2 flex items-center gap-1", g.SideNav.footerClassName) }, c && /* @__PURE__ */ t.createElement("button", {
 		onClick: () => {
-			v((e) => !e), b(!1);
+			w((e) => !e), E(!1);
 		},
-		title: _ ? "Expand sidebar" : "Collapse sidebar",
-		className: X("shrink-0 flex items-center justify-center rounded-md w-8 h-8 transition-colors text-muted-foreground hover:text-foreground hover:bg-accent", f.SideNav.collapseButtonClassName)
+		title: C ? "Expand sidebar" : "Collapse sidebar",
+		className: X("shrink-0 flex items-center justify-center rounded-md w-8 h-8 transition-colors text-muted-foreground hover:text-foreground hover:bg-accent", g.SideNav.collapseButtonClassName)
 	}, /* @__PURE__ */ t.createElement(Q, {
-		name: _ ? "chevrons-right" : "chevrons-left",
+		name: C ? "chevrons-right" : "chevrons-left",
 		size: 16
-	})), o && /* @__PURE__ */ t.createElement("div", { style: {
+	})), u && /* @__PURE__ */ t.createElement("div", { style: {
 		flex: 1,
 		minWidth: 0,
-		opacity: +!!T,
-		maxWidth: T ? "100%" : "0px",
+		opacity: +!!A,
+		maxWidth: A ? "100%" : "0px",
 		overflow: "hidden",
 		transition: "opacity 150ms ease, max-width 200ms ease"
-	} }, o))));
+	} }, u))));
 }
 //#endregion
 //#region src/components/widgets/grid-core/useGridDBRecords.ts