@llmnative/react 1.20.0 → 1.21.0

package/dist/index.mjs

@@ -938,6 +938,7 @@ var Kt = {
 		overlayClassName: "shadow-xl",
 		headerClassName: "border-b border-border/60 px-1.5 py-2",
 		navClassName: "px-1.5 py-2",
+		bottomNavClassName: "border-t border-border/60 px-1.5 py-2",
 		footerClassName: "border-t border-border/60 px-1.5 py-2",
 		groupLabelClassName: "text-[10.5px] font-semibold uppercase tracking-widest text-muted-foreground/60 select-none",
 		groupDividerClassName: "bg-border/50",
@@ -1492,6 +1493,7 @@ var Kt = {
 			overlayClassName: "shadow-lg",
 			headerClassName: "border-b border-border px-1.5 py-2",
 			navClassName: "px-1.5 py-2",
+			bottomNavClassName: "border-t border-border px-1.5 py-2",
 			footerClassName: "border-t border-border px-1.5 py-2",
 			groupLabelClassName: "text-[10px] font-semibold uppercase tracking-[0.16em] text-muted-foreground/70 select-none",
 			groupDividerClassName: "bg-border/60",
@@ -2043,6 +2045,7 @@ var Kt = {
 			overlayClassName: "shadow-[0_0_32px_rgba(16,185,129,0.18)]",
 			headerClassName: "border-b border-border px-1.5 py-2",
 			navClassName: "px-1.5 py-2",
+			bottomNavClassName: "border-t border-border px-1.5 py-2",
 			footerClassName: "border-t border-border px-1.5 py-2",
 			groupLabelClassName: "text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground/70 select-none",
 			groupDividerClassName: "bg-border/70",
@@ -13980,6 +13983,7 @@ function sp({ children: e, open: n }) {
 		return /* @__PURE__ */ t.createElement(v, {
 			key: e.path,
 			to: e.path,
+			"aria-current": n ? "page" : void 0,
 			className: X("flex items-center rounded-md pl-9 pr-3 py-[6px] text-sm transition-colors", i.SideNav.subItemClassName, n ? i.SideNav.subItemActiveClassName : i.SideNav.subItemInactiveClassName)
 		}, /* @__PURE__ */ t.createElement("span", { className: "flex-1 truncate" }, e.title), e.badge !== void 0 && /* @__PURE__ */ t.createElement(op, { value: e.badge }));
 	})));
@@ -13998,6 +14002,7 @@ function cp({ item: e, expanded: n, open: r, showIcons: i, onToggle: a }) {
 	return l ? /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement("div", { className: "flex items-center gap-0.5" }, /* @__PURE__ */ t.createElement(v, {
 		to: e.path,
 		title: n ? void 0 : e.title,
+		"aria-current": u ? "page" : void 0,
 		className: X("flex-1 flex items-center gap-2.5 rounded-md px-2 py-[7px] text-sm transition-colors", s.SideNav.itemClassName, f)
 	}, p, /* @__PURE__ */ t.createElement("span", {
 		style: m,
@@ -14019,6 +14024,7 @@ function cp({ item: e, expanded: n, open: r, showIcons: i, onToggle: a }) {
 	})) : /* @__PURE__ */ t.createElement(v, {
 		to: e.path,
 		title: n ? void 0 : e.title,
+		"aria-current": u ? "page" : void 0,
 		className: X(h, f)
 	}, p, /* @__PURE__ */ t.createElement("span", {
 		style: m,
@@ -14039,46 +14045,46 @@ function lp({ group: e, expanded: n, openItems: r, showIcons: i, onToggle: a })
 		onToggle: a
 	}))));
 }
-function up({ 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"), _ = Fn("sideNav"), v = Ig(e ?? ""), y = n ?? (e ? rp(v) : []), b = i !== void 0, [S, C] = h(r), w = i === void 0 ? S : i, T = s((e) => {
-		let t = typeof e == "function" ? e(w) : e;
-		b ? a?.(t) : C(t);
+function up({ menuKey: e, items: n, bottomItems: r = [], defaultCollapsed: i = !1, collapsed: a, onCollapsedChange: o, showIcons: c = !0, showCollapseButton: u = !0, footer: d, header: f, embedded: p = !1 }) {
+	let { pathname: g } = x(), _ = Y("sideNav"), v = Fn("sideNav"), y = Ig(e ?? ""), b = n ?? (e ? rp(y) : []), S = a !== void 0, [C, w] = h(i), T = a === void 0 ? C : a, E = s((e) => {
+		let t = typeof e == "function" ? e(T) : e;
+		S ? o?.(t) : w(t);
 	}, [
-		b,
-		w,
-		a
-	]), [E, D] = h(!1), [O, k] = h(/* @__PURE__ */ new Set()), A = m(null), j = !w || E;
+		S,
+		T,
+		o
+	]), [D, O] = h(!1), [k, A] = h(/* @__PURE__ */ new Set()), j = m(null), M = !T || D;
 	l(() => {
-		k((e) => {
+		A((e) => {
 			let t = new Set(e);
-			return y.forEach((e) => {
-				e.children?.some((e) => ip(p, e.path, e.end)) && t.add(e.path);
+			return [...b, ...r].forEach((e) => {
+				e.children?.some((e) => ip(g, e.path, e.end)) && t.add(e.path);
 			}), t;
 		});
-	}, [p]);
-	let M = s((e) => {
-		k((t) => {
+	}, [g]);
+	let N = s((e) => {
+		A((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), N = () => {
-		w && (A.current && clearTimeout(A.current), D(!0));
-	}, P = () => {
-		w && (A.current = setTimeout(() => D(!1), 80));
+	}, []), P = () => {
+		T && (j.current && clearTimeout(j.current), O(!0));
+	}, F = () => {
+		T && (j.current = setTimeout(() => O(!1), 80));
 	};
-	if (y.length === 0) return null;
-	let F = ap(y);
-	return f ? /* @__PURE__ */ t.createElement("nav", { className: X("px-1.5 py-2", g.SideNav.navClassName) }, F.map((e) => /* @__PURE__ */ t.createElement(lp, {
+	if (b.length === 0 && r.length === 0) return null;
+	let I = ap(b), L = ap(r), R = (e, n) => e.map((e) => /* @__PURE__ */ t.createElement(lp, {
 		key: e.key,
 		group: e,
-		expanded: !0,
-		openItems: O,
-		showIcons: o,
-		onToggle: M
-	}))) : /* @__PURE__ */ t.createElement("div", {
-		className: X("min-h-0", g.SideNav.wrapperClassName),
+		expanded: n,
+		openItems: k,
+		showIcons: c,
+		onToggle: N
+	}));
+	return p ? /* @__PURE__ */ t.createElement("nav", { className: X("px-1.5 py-2", _.SideNav.navClassName) }, R(I, !0), L.length > 0 && /* @__PURE__ */ t.createElement("div", { className: X("mt-2 border-t pt-2", _.SideNav.bottomNavClassName) }, R(L, !0))) : /* @__PURE__ */ t.createElement("div", {
+		className: X("min-h-0", _.SideNav.wrapperClassName),
 		style: {
-			width: w ? np : tp,
+			width: T ? np : tp,
 			height: "100%",
 			transition: "width 220ms cubic-bezier(0.4,0,0.2,1)",
 			flexShrink: 0,
@@ -14086,52 +14092,45 @@ function up({ menuKey: e, items: n, defaultCollapsed: r = !1, collapsed: i, onCo
 		}
 	}, /* @__PURE__ */ t.createElement("aside", {
 		style: {
-			width: j ? tp : np,
+			width: M ? tp : np,
 			transition: "width 220ms cubic-bezier(0.4,0,0.2,1)",
-			position: w ? "absolute" : "sticky",
+			position: T ? "absolute" : "sticky",
 			top: 0,
-			zIndex: w && E ? 50 : 10,
-			boxShadow: w && E ? "4px 0 24px rgba(0,0,0,0.10)" : "none",
+			zIndex: T && D ? 50 : 10,
+			boxShadow: T && D ? "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", g.SideNav.shellClassName, w && E && g.SideNav.overlayClassName),
-		onMouseEnter: N,
-		onMouseLeave: P
-	}, d && /* @__PURE__ */ t.createElement("div", {
-		className: X("flex h-14 shrink-0 items-center border-b px-1.5", g.SideNav.headerClassName),
+		className: X("flex min-h-0 flex-col border-r bg-background", _.SideNav.shellClassName, T && D && _.SideNav.overlayClassName),
+		onMouseEnter: P,
+		onMouseLeave: F
+	}, f && /* @__PURE__ */ t.createElement("div", {
+		className: X("flex h-14 shrink-0 items-center border-b px-1.5", _.SideNav.headerClassName),
 		style: {
-			opacity: +!!j,
-			maxWidth: j ? "100%" : "0px",
+			opacity: +!!M,
+			maxWidth: M ? "100%" : "0px",
 			overflow: "hidden",
 			transition: "opacity 150ms ease, max-width 200ms ease"
 		}
-	}, /* @__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) }, F.map((e) => /* @__PURE__ */ t.createElement(lp, {
-		key: e.key,
-		group: e,
-		expanded: j,
-		openItems: O,
-		showIcons: o,
-		onToggle: M
-	}))), (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", {
+	}, /* @__PURE__ */ t.createElement("div", { className: "min-w-0 flex-1" }, f)), /* @__PURE__ */ t.createElement("nav", { className: X("min-h-0 flex-1 overflow-y-auto overflow-x-hidden px-1.5 py-2", _.SideNav.navClassName) }, R(I, M)), L.length > 0 && /* @__PURE__ */ t.createElement("div", { className: X("shrink-0 border-t px-1.5 py-2", _.SideNav.bottomNavClassName) }, R(L, M)), (u || d) && /* @__PURE__ */ t.createElement("div", { className: X("shrink-0 border-t px-1.5 py-2 flex items-center gap-1", _.SideNav.footerClassName) }, u && /* @__PURE__ */ t.createElement("button", {
 		onClick: () => {
-			T((e) => !e), D(!1);
+			E((e) => !e), O(!1);
 		},
-		title: w ? _.expandSidebar : _.collapseSidebar,
-		"aria-label": w ? _.expandSidebar : _.collapseSidebar,
-		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)
+		title: T ? v.expandSidebar : v.collapseSidebar,
+		"aria-label": T ? v.expandSidebar : v.collapseSidebar,
+		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", _.SideNav.collapseButtonClassName)
 	}, /* @__PURE__ */ t.createElement(Q, {
-		name: w ? "chevrons-right" : "chevrons-left",
+		name: T ? "chevrons-right" : "chevrons-left",
 		size: 16
-	})), u && /* @__PURE__ */ t.createElement("div", { style: {
+	})), d && /* @__PURE__ */ t.createElement("div", { style: {
 		flex: 1,
 		minWidth: 0,
-		opacity: +!!j,
-		maxWidth: j ? "100%" : "0px",
+		opacity: +!!M,
+		maxWidth: M ? "100%" : "0px",
 		overflow: "hidden",
 		transition: "opacity 150ms ease, max-width 200ms ease"
-	} }, u))));
+	} }, d))));
 }
 //#endregion
 //#region src/components/widgets/grid-core/useGridDBRecords.ts