@llmnative/react 1.19.4 → 1.19.5

package/dist/index.mjs

@@ -2624,6 +2624,12 @@ var bn = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10
 		dragToResize: "Drag to resize",
 		dragHere: "Drag an element here"
 	},
+	sideNav: {
+		expandGroup: "Expand",
+		collapseGroup: "Collapse",
+		expandSidebar: "Expand sidebar",
+		collapseSidebar: "Collapse sidebar"
+	},
 	addressAutocomplete: {
 		placeholder: "Search an address...",
 		noResults: "No matching address",
@@ -13963,27 +13969,28 @@ function op({ children: e, open: n }) {
 	})));
 }
 function sp({ item: e, expanded: n, open: r, showIcons: i, onToggle: a }) {
-	let { pathname: o } = x(), s = Y("sideNav"), c = (e.children?.length ?? 0) > 0, l = rp(o, e.path, e.end), u = c && e.children.some((e) => rp(o, e.path, e.end)), d = l ? s.SideNav.itemActiveClassName : u ? s.SideNav.itemChildActiveClassName : s.SideNav.itemInactiveClassName, f = i ? /* @__PURE__ */ t.createElement("span", { className: X("relative shrink-0 flex items-center justify-center w-[18px] h-[18px]", s.SideNav.itemIconClassName) }, e.icon ? /* @__PURE__ */ t.createElement(Q, {
+	let { pathname: o } = x(), s = Y("sideNav"), c = Fn("sideNav"), l = (e.children?.length ?? 0) > 0, u = rp(o, e.path, e.end), d = l && e.children.some((e) => rp(o, e.path, e.end)), f = u ? s.SideNav.itemActiveClassName : d ? s.SideNav.itemChildActiveClassName : s.SideNav.itemInactiveClassName, p = i ? /* @__PURE__ */ t.createElement("span", { className: X("relative shrink-0 flex items-center justify-center w-[18px] h-[18px]", s.SideNav.itemIconClassName) }, e.icon ? /* @__PURE__ */ t.createElement(Q, {
 		name: e.icon,
 		size: 17
-	}) : /* @__PURE__ */ t.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-current opacity-30" }), !n && e.badge !== void 0 && /* @__PURE__ */ t.createElement("span", { className: X("absolute -top-0.5 -right-1 w-[7px] h-[7px] rounded-full bg-primary ring-1 ring-background", s.SideNav.itemCollapsedBadgeClassName) })) : null, p = {
+	}) : /* @__PURE__ */ t.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-current opacity-30" }), !n && e.badge !== void 0 && /* @__PURE__ */ t.createElement("span", { className: X("absolute -top-0.5 -right-1 w-[7px] h-[7px] rounded-full bg-primary ring-1 ring-background", s.SideNav.itemCollapsedBadgeClassName) })) : null, m = {
 		opacity: +!!n,
 		maxWidth: n ? "200px" : "0px",
 		overflow: "hidden",
 		whiteSpace: "nowrap",
 		transition: "opacity 150ms ease, max-width 200ms ease"
-	}, m = X("flex items-center w-full rounded-md px-2 py-[7px] text-sm transition-colors gap-2.5", s.SideNav.itemClassName);
-	return c ? /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement("div", { className: "flex items-center gap-0.5" }, /* @__PURE__ */ t.createElement(v, {
+	}, h = X("flex items-center w-full rounded-md px-2 py-[7px] text-sm transition-colors gap-2.5", s.SideNav.itemClassName);
+	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,
-		className: X("flex-1 flex items-center gap-2.5 rounded-md px-2 py-[7px] text-sm transition-colors", s.SideNav.itemClassName, d)
-	}, f, /* @__PURE__ */ t.createElement("span", {
-		style: p,
+		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,
 		className: s.SideNav.itemTextClassName
 	}, e.title), n && e.badge !== void 0 && /* @__PURE__ */ t.createElement(ap, { value: e.badge })), n && /* @__PURE__ */ t.createElement("button", {
 		onClick: () => a(e.path),
 		className: X("shrink-0 flex items-center justify-center w-6 h-6 rounded transition-colors text-muted-foreground/50 hover:text-foreground hover:bg-accent", s.SideNav.itemToggleClassName),
-		title: r ? "Collapse" : "Expand"
+		title: r ? c.collapseGroup : c.expandGroup,
+		"aria-label": r ? c.collapseGroup : c.expandGroup
 	}, /* @__PURE__ */ t.createElement("span", { style: {
 		transform: r ? "rotate(180deg)" : "rotate(0deg)",
 		transition: "transform 200ms ease"
@@ -13996,9 +14003,9 @@ function sp({ item: e, expanded: n, open: r, showIcons: i, onToggle: a }) {
 	})) : /* @__PURE__ */ t.createElement(v, {
 		to: e.path,
 		title: n ? void 0 : e.title,
-		className: X(m, d)
-	}, f, /* @__PURE__ */ t.createElement("span", {
-		style: p,
+		className: X(h, f)
+	}, p, /* @__PURE__ */ t.createElement("span", {
+		style: m,
 		className: s.SideNav.itemTextClassName
 	}, e.title), n && e.badge !== void 0 && /* @__PURE__ */ t.createElement(ap, { value: e.badge }));
 }
@@ -14017,45 +14024,45 @@ function cp({ group: e, expanded: n, openItems: r, showIcons: i, onToggle: a })
 	}))));
 }
 function lp({ 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"), _ = Fg(e ?? ""), v = n ?? (e ? np(_) : []), 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);
+	let { pathname: p } = x(), g = Y("sideNav"), _ = Fn("sideNav"), v = Fg(e ?? ""), y = n ?? (e ? np(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);
 	}, [
-		y,
-		C,
+		b,
+		w,
 		a
-	]), [T, E] = h(!1), [D, O] = h(/* @__PURE__ */ new Set()), k = m(null), A = !C || T;
+	]), [E, D] = h(!1), [O, k] = h(/* @__PURE__ */ new Set()), A = m(null), j = !w || E;
 	l(() => {
-		O((e) => {
+		k((e) => {
 			let t = new Set(e);
-			return v.forEach((e) => {
+			return y.forEach((e) => {
 				e.children?.some((e) => rp(p, e.path, e.end)) && t.add(e.path);
 			}), t;
 		});
 	}, [p]);
-	let j = s((e) => {
-		O((t) => {
+	let M = s((e) => {
+		k((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), M = () => {
-		C && (k.current && clearTimeout(k.current), E(!0));
-	}, N = () => {
-		C && (k.current = setTimeout(() => E(!1), 80));
+	}, []), N = () => {
+		w && (A.current && clearTimeout(A.current), D(!0));
+	}, P = () => {
+		w && (A.current = setTimeout(() => D(!1), 80));
 	};
-	if (v.length === 0) return null;
-	let P = ip(v);
-	return f ? /* @__PURE__ */ t.createElement("nav", { className: X("px-1.5 py-2", g.SideNav.navClassName) }, P.map((e) => /* @__PURE__ */ t.createElement(cp, {
+	if (y.length === 0) return null;
+	let F = ip(y);
+	return f ? /* @__PURE__ */ t.createElement("nav", { className: X("px-1.5 py-2", g.SideNav.navClassName) }, F.map((e) => /* @__PURE__ */ t.createElement(cp, {
 		key: e.key,
 		group: e,
 		expanded: !0,
-		openItems: D,
+		openItems: O,
 		showIcons: o,
-		onToggle: j
+		onToggle: M
 	}))) : /* @__PURE__ */ t.createElement("div", {
 		className: X("min-h-0", g.SideNav.wrapperClassName),
 		style: {
-			width: C ? tp : ep,
+			width: w ? tp : ep,
 			height: "100%",
 			transition: "width 220ms cubic-bezier(0.4,0,0.2,1)",
 			flexShrink: 0,
@@ -14063,48 +14070,49 @@ function lp({ menuKey: e, items: n, defaultCollapsed: r = !1, collapsed: i, onCo
 		}
 	}, /* @__PURE__ */ t.createElement("aside", {
 		style: {
-			width: A ? ep : tp,
+			width: j ? ep : tp,
 			transition: "width 220ms cubic-bezier(0.4,0,0.2,1)",
-			position: C ? "absolute" : "sticky",
+			position: w ? "absolute" : "sticky",
 			top: 0,
-			zIndex: C && T ? 50 : 10,
-			boxShadow: C && T ? "4px 0 24px rgba(0,0,0,0.10)" : "none",
+			zIndex: w && E ? 50 : 10,
+			boxShadow: w && E ? "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, C && T && g.SideNav.overlayClassName),
-		onMouseEnter: M,
-		onMouseLeave: N
+		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),
 		style: {
-			opacity: +!!A,
-			maxWidth: A ? "100%" : "0px",
+			opacity: +!!j,
+			maxWidth: j ? "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) }, P.map((e) => /* @__PURE__ */ t.createElement(cp, {
+	}, /* @__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(cp, {
 		key: e.key,
 		group: e,
-		expanded: A,
-		openItems: D,
+		expanded: j,
+		openItems: O,
 		showIcons: o,
-		onToggle: j
+		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", {
 		onClick: () => {
-			w((e) => !e), E(!1);
+			T((e) => !e), D(!1);
 		},
-		title: C ? "Expand sidebar" : "Collapse sidebar",
+		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)
 	}, /* @__PURE__ */ t.createElement(Q, {
-		name: C ? "chevrons-right" : "chevrons-left",
+		name: w ? "chevrons-right" : "chevrons-left",
 		size: 16
 	})), u && /* @__PURE__ */ t.createElement("div", { style: {
 		flex: 1,
 		minWidth: 0,
-		opacity: +!!A,
-		maxWidth: A ? "100%" : "0px",
+		opacity: +!!j,
+		maxWidth: j ? "100%" : "0px",
 		overflow: "hidden",
 		transition: "opacity 150ms ease, max-width 200ms ease"
 	} }, u))));
@@ -17892,6 +17900,12 @@ var Fg = (e) => {
 		dragToResize: "Trascina per ridimensionare",
 		dragHere: "Trascina un elemento qui dentro"
 	},
+	sideNav: {
+		expandGroup: "Espandi",
+		collapseGroup: "Comprimi",
+		expandSidebar: "Espandi barra laterale",
+		collapseSidebar: "Comprimi barra laterale"
+	},
 	addressAutocomplete: {
 		placeholder: "Cerca un indirizzo...",
 		noResults: "Nessun indirizzo corrispondente",
@@ -18063,6 +18077,12 @@ var Fg = (e) => {
 		dragToResize: "Zum Verkleinern ziehen",
 		dragHere: "Element hierher ziehen"
 	},
+	sideNav: {
+		expandGroup: "Aufklappen",
+		collapseGroup: "Zuklappen",
+		expandSidebar: "Seitenleiste aufklappen",
+		collapseSidebar: "Seitenleiste zuklappen"
+	},
 	addressAutocomplete: {
 		placeholder: "Adresse suchen...",
 		noResults: "Keine passende Adresse",
@@ -18234,6 +18254,12 @@ var Fg = (e) => {
 		dragToResize: "Перетащить для изменения размера",
 		dragHere: "Перетащите элемент сюда"
 	},
+	sideNav: {
+		expandGroup: "Развернуть",
+		collapseGroup: "Свернуть",
+		expandSidebar: "Развернуть боковую панель",
+		collapseSidebar: "Свернуть боковую панель"
+	},
 	addressAutocomplete: {
 		placeholder: "Поиск адреса...",
 		noResults: "Нет подходящего адреса",
@@ -18405,6 +18431,12 @@ var Fg = (e) => {
 		dragToResize: "拖拽调整大小",
 		dragHere: "拖拽元素到此处"
 	},
+	sideNav: {
+		expandGroup: "展开",
+		collapseGroup: "收起",
+		expandSidebar: "展开侧边栏",
+		collapseSidebar: "收起侧边栏"
+	},
 	addressAutocomplete: {
 		placeholder: "搜索地址...",
 		noResults: "未找到匹配地址",
@@ -18576,6 +18608,12 @@ var Fg = (e) => {
 		dragToResize: "اسحب لتغيير الحجم",
 		dragHere: "اسحب عنصرًا إلى هنا"
 	},
+	sideNav: {
+		expandGroup: "توسيع",
+		collapseGroup: "طي",
+		expandSidebar: "توسيع الشريط الجانبي",
+		collapseSidebar: "طي الشريط الجانبي"
+	},
 	addressAutocomplete: {
 		placeholder: "ابحث عن عنوان...",
 		noResults: "لا يوجد عنوان مطابق",