highsoft-ui 1.0.153 → 1.0.154

package/dist/{RoadmapDetails-XS0OylnP.js → RoadmapDetails-ZnyXG2j7.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { A as t, P as n, W as r, c as i } from "./esm-BnxclXHW.js";
-import { t as a } from "./Button-BGsqFCRW.js";
+import { F as t, c as n, j as r, q as i } from "./esm-C4Ybr9s4.js";
+import { t as a } from "./Button-DSGsV45k.js";
 import { t as o } from "./Typography-AvvBRu-u.js";
 import { useEffect as s, useRef as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
@@ -46,7 +46,7 @@ function f({ title: f, items: p, primaryAction: m, meta: h, open: g, defaultOpen
 				}), /* @__PURE__ */ l("span", {
 					className: d.chevron,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ l(r, {})
+					children: /* @__PURE__ */ l(i, {})
 				})]
 			}),
 			p && p.length > 0 && /* @__PURE__ */ l("ul", {
@@ -56,7 +56,7 @@ function f({ title: f, items: p, primaryAction: m, meta: h, open: g, defaultOpen
 					children: [/* @__PURE__ */ l("span", {
 						className: d.itemIcon,
 						"aria-hidden": "true",
-						children: e.icon ?? /* @__PURE__ */ l(i, {})
+						children: e.icon ?? /* @__PURE__ */ l(n, {})
 					}), /* @__PURE__ */ l(o, {
 						as: "span",
 						size: 200,
@@ -68,9 +68,9 @@ function f({ title: f, items: p, primaryAction: m, meta: h, open: g, defaultOpen
 			(m || h) && /* @__PURE__ */ u("div", {
 				className: d.actions,
 				children: [m && ((e) => {
-					let r = e.variant ?? "neutral", i = l(r === "soft" ? n : t, {}), o = e.icon === null ? void 0 : e.icon === void 0 ? i : e.icon;
+					let n = e.variant ?? "neutral", i = l(n === "soft" ? t : r, {}), o = e.icon === null ? void 0 : e.icon === void 0 ? i : e.icon;
 					return /* @__PURE__ */ l(a, {
-						variant: r,
+						variant: n,
 						size: 200,
 						href: e.href,
 						onClick: (t) => {

package/dist/{Search-UPVxQliM.js → Search-Cc9ZJgGx.js}

@@ -1,6 +1,6 @@
 import { a as e, i as t, n, o as r, r as i, t as a } from "./chunk-jwUa06l-.js";
-import { $ as o, F as s, J as c, R as l, S as u, V as d, X as f, Z as p, m, p as h, v as g, y as _ } from "./esm-BnxclXHW.js";
-import { t as v } from "./Button-BGsqFCRW.js";
+import { $ as o, H as s, I as c, S as l, Z as u, et as d, m as f, nt as p, p as m, v as h, y as g, z as _ } from "./esm-C4Ybr9s4.js";
+import { t as v } from "./Button-DSGsV45k.js";
 import { d as y, h as b, l as x, m as S, p as C, u as w } from "./es2015-DWa0ZZ7A.js";
 import { t as ee } from "./dist-J9cXmrDi.js";
 import { i as T, n as E, r as D, t as O } from "./dist-CE9LFbij.js";
@@ -4501,13 +4501,13 @@ function Wt() {
 	}, le = (e) => {
 		n(e.target.value);
 	}, ue = {
-		products: /* @__PURE__ */ F(m, {}),
-		demo: /* @__PURE__ */ F(u, {}),
-		docs: /* @__PURE__ */ F(c, {}),
-		blog: /* @__PURE__ */ F(o, {}),
-		misc: /* @__PURE__ */ F(s, {}),
-		shop: /* @__PURE__ */ F(h, {}),
-		file: /* @__PURE__ */ F(l, {})
+		products: /* @__PURE__ */ F(f, {}),
+		demo: /* @__PURE__ */ F(l, {}),
+		docs: /* @__PURE__ */ F(u, {}),
+		blog: /* @__PURE__ */ F(p, {}),
+		misc: /* @__PURE__ */ F(c, {}),
+		shop: /* @__PURE__ */ F(m, {}),
+		file: /* @__PURE__ */ F(_, {})
 	};
 	return /* @__PURE__ */ I(ie, {
 		open: a,
@@ -4517,7 +4517,7 @@ function Wt() {
 			children: /* @__PURE__ */ F(v, {
 				variant: "transparent",
 				"aria-label": "Search",
-				children: /* @__PURE__ */ F(g, {})
+				children: /* @__PURE__ */ F(h, {})
 			})
 		}), /* @__PURE__ */ I(k, { children: [/* @__PURE__ */ F(A, { className: Z.overlay }), /* @__PURE__ */ I(ne, {
 			className: Z.search,
@@ -4526,7 +4526,7 @@ function Wt() {
 				/* @__PURE__ */ F(ee, { children: /* @__PURE__ */ F(te, { children: "Search" }) }),
 				/* @__PURE__ */ I("label", {
 					className: Z.label,
-					children: [/* @__PURE__ */ F(_, {}), /* @__PURE__ */ F("input", {
+					children: [/* @__PURE__ */ F(g, {}), /* @__PURE__ */ F("input", {
 						className: Z.input,
 						placeholder: "Search charts, tutorials, blog posts, or keywords...",
 						ref: S,
@@ -4601,14 +4601,14 @@ function Wt() {
 									className: Z.bottomGroup,
 									children: [/* @__PURE__ */ I("div", {
 										className: Z.bottomIcons,
-										children: [/* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(p, {}) }), /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(f, {}) })]
+										children: [/* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(d, {}) }), /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(o, {}) })]
 									}), "Navigate"]
 								}),
 								/* @__PURE__ */ I("div", {
 									className: Z.bottomGroup,
 									children: [/* @__PURE__ */ F("div", {
 										className: Z.bottomIcons,
-										children: /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(d, {}) })
+										children: /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(s, {}) })
 									}), "Select"]
 								}),
 								/* @__PURE__ */ I("div", {

package/dist/{SearchDropdown-L_rQz1vn.js → SearchDropdown-B5CFwNib.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { _ as t } from "./esm-BnxclXHW.js";
+import { _ as t } from "./esm-C4Ybr9s4.js";
 import { t as n } from "./Icon-VeXJMj8Q.js";
 import { t as r } from "./InputSolo-DUdKtZjX.js";
 import { useCallback as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";

package/dist/{VideoCover-DqMDvzvA.js → VideoCover-BkbLsmQ_.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { et as t } from "./esm-BnxclXHW.js";
+import { rt as t } from "./esm-C4Ybr9s4.js";
 import { t as n } from "./Icon-VeXJMj8Q.js";
 import { t as r } from "./Typography-AvvBRu-u.js";
 import { forwardRef as i, useCallback as a, useEffect as o, useRef as s, useState as c } from "react";

package/dist/{VideoPlayer-Cq_garSg.js → VideoPlayer-CY63501h.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { C as t, E as n, a as r, i, k as a, o, r as s, t as ee, tt as c, x as l } from "./esm-BnxclXHW.js";
+import { A as t, C as n, D as r, a as i, i as a, it as o, o as s, r as ee, t as c, x as l } from "./esm-C4Ybr9s4.js";
 import { t as u } from "./Icon-VeXJMj8Q.js";
 import { detectProvider as d, providerPosterUrl as f, useMediaEngine as p } from "./components/VideoPlayer/useMediaEngine.js";
 import { forwardRef as m, useCallback as h, useEffect as g, useId as _, useImperativeHandle as v, useRef as y, useState as b } from "react";
@@ -216,7 +216,7 @@ var O = m(({ src: m, sources: O, poster: k, muted: re = !1, autoPlay: ie = !1, l
 				break;
 			default:
 		}
-	}, De = k ?? f(I, m) ?? xe, Oe = V.duration ? E(V.currentTime / V.duration) : 0, ke = V.muted || V.volume === 0 ? s : V.volume < .5 ? i : r, Ae = {
+	}, De = k ?? f(I, m) ?? xe, Oe = V.duration ? E(V.currentTime / V.duration) : 0, ke = V.muted || V.volume === 0 ? ee : V.volume < .5 ? a : i, Ae = {
 		"--vp-radius": `${j}px`,
 		"--vp-gradient": ce,
 		aspectRatio: K ? void 0 : se
@@ -307,7 +307,7 @@ var O = m(({ src: m, sources: O, poster: k, muted: re = !1, autoPlay: ie = !1, l
 						onClick: B.toggle,
 						"aria-label": V.playing ? "Pause" : "Play",
 						children: /* @__PURE__ */ x(u, {
-							name: V.playing ? t : l,
+							name: V.playing ? n : l,
 							size: 20
 						})
 					}),
@@ -365,7 +365,7 @@ var O = m(({ src: m, sources: O, poster: k, muted: re = !1, autoPlay: ie = !1, l
 						"aria-controls": Q,
 						"aria-label": X ? "Hide transcript" : "Show transcript",
 						children: /* @__PURE__ */ x(u, {
-							name: c,
+							name: o,
 							size: 20
 						})
 					}),
@@ -376,7 +376,7 @@ var O = m(({ src: m, sources: O, poster: k, muted: re = !1, autoPlay: ie = !1, l
 						"aria-pressed": Y !== -1,
 						"aria-label": Y === -1 ? "Turn on captions" : z.length > 1 ? `Captions: ${R[Y]?.label ?? ""} — next track` : "Turn off captions",
 						children: /* @__PURE__ */ x(u, {
-							name: o,
+							name: s,
 							size: 20
 						})
 					}),
@@ -386,7 +386,7 @@ var O = m(({ src: m, sources: O, poster: k, muted: re = !1, autoPlay: ie = !1, l
 						onClick: $,
 						"aria-label": K ? "Exit fullscreen" : "Enter fullscreen",
 						children: /* @__PURE__ */ x(u, {
-							name: K ? n : a,
+							name: K ? r : t,
 							size: 20
 						})
 					})
@@ -414,7 +414,7 @@ var O = m(({ src: m, sources: O, poster: k, muted: re = !1, autoPlay: ie = !1, l
 						onClick: we,
 						"aria-label": "Close transcript",
 						children: /* @__PURE__ */ x(u, {
-							name: ee,
+							name: c,
 							size: 20
 						})
 					})]

package/dist/{VideoPlayerModal-D1v1O2kW.js → VideoPlayerModal-DIHMoFgS.js}

@@ -1,7 +1,7 @@
-import { n as e } from "./esm-BnxclXHW.js";
+import { n as e } from "./esm-C4Ybr9s4.js";
 import { t } from "./dist-J9cXmrDi.js";
 import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./dist-f0z6DapB.js";
-import { t as l } from "./VideoPlayer-Cq_garSg.js";
+import { t as l } from "./VideoPlayer-CY63501h.js";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 var f = {
 	close: "ig0T5q_close",

package/dist/{YoutubeModal-BBYdQil8.js → YoutubeModal-DqBis8Cm.js}

@@ -1,6 +1,6 @@
 import { s as e } from "./fa-B95RwBpz.js";
-import { t } from "./VideoCover-DqMDvzvA.js";
-import { t as n } from "./VideoPlayerModal-D1v1O2kW.js";
+import { t } from "./VideoCover-BkbLsmQ_.js";
+import { t as n } from "./VideoPlayerModal-DIHMoFgS.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 var a = {
 	youtube: "elwCNG_youtube",

package/dist/components/Button/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Button-BGsqFCRW.js";
+import { t as e } from "../../Button-DSGsV45k.js";
 export { e as Button };

package/dist/components/ButtonGroup/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ButtonGroup-DKfaXOeS.js";
+import { t as e } from "../../ButtonGroup-DNTpDU-E.js";
 export { e as ButtonGroup };

package/dist/components/Checkbox/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../Checkbox-CniRhVkQ.js";
+import { n as e, t } from "../../Checkbox-imALf2_N.js";
 export { t as Checkbox, e as CheckboxGroup };

package/dist/components/CodeBlock/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CodeBlock-BKiZQpA5.js";
+import { t as e } from "../../CodeBlock-7BTXXf30.js";
 export { e as CodeBlock };

package/dist/components/CopyCode/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CopyCode-_yeXCeeq.js";
+import { t as e } from "../../CopyCode-PbZbRLn-.js";
 export { e as CopyCode };

package/dist/components/Dropdown/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../Dropdown-B_Ib6i1c.js";
+import { n as e, r as t, t as n } from "../../Dropdown-c_EhnzqC.js";
 export { n as Dropdown, e as DropdownItem, t as DropdownSeparator };

package/dist/components/Footer/CookiePolicyModal.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CookiePolicyModal-k89sCBEJ.js";
+import { t as e } from "../../CookiePolicyModal-DulwuSp4.js";
 export { e as default };

package/dist/components/Footer/FooterBottom.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FooterBottom-CqpN8Wky.js";
+import { t as e } from "../../FooterBottom-DADUJdzz.js";
 export { e as default };

package/dist/components/Footer/FooterHelp.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FooterHelp-Cb5sraAE.js";
+import { t as e } from "../../FooterHelp-DN7Mdy40.js";
 export { e as default };

package/dist/components/Footer/FooterLinks.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FooterLinks-HGxMx6Xz.js";
+import { t as e } from "../../FooterLinks-rrtsCIdv.js";
 export { e as default };

package/dist/components/Footer/YoutubeModal.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../YoutubeModal-BBYdQil8.js";
+import { t as e } from "../../YoutubeModal-DqBis8Cm.js";
 export { e as default };

package/dist/components/Footer/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Footer-ZdzuxuhY.js";
+import { t as e } from "../../Footer-C6a3PeJq.js";
 export { e as Footer };

package/dist/components/Header/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../Header-CVKH_INR.js";
+import { n as e, t } from "../../Header-BokKjfF7.js";
 export { t as Header, e as SubHeader };

package/dist/components/InputGrouped/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../../InputGrouped-CHGCMmsK.js";
+import { i as e, n as t, r as n, t as r } from "../../InputGrouped-BJEodhml.js";
 export { r as FormGroup, t as FormRow, n as InputGrouped, e as SelectGrouped };

package/dist/components/Label/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../Label-CgiWi1v6.js";
+import { n as e, t } from "../../Label-BhFeSC8Z.js";
 export { t as Label, e as NewTag };

package/dist/components/Modal/ModalContactFooter.js

@@ -1,5 +1,5 @@
-import { A as e } from "../../esm-BnxclXHW.js";
-import { t } from "../../Button-BGsqFCRW.js";
+import { j as e } from "../../esm-C4Ybr9s4.js";
+import { t } from "../../Button-DSGsV45k.js";
 import { t as n } from "../../Typography-AvvBRu-u.js";
 import { t as r } from "../../styles.module-BDcr8Smc.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";

package/dist/components/Modal/index.js

@@ -1,6 +1,6 @@
 import { t as e } from "../../clsx-BWCAbrjV.js";
-import { t } from "../../esm-BnxclXHW.js";
-import { t as n } from "../../Button-BGsqFCRW.js";
+import { t } from "../../esm-C4Ybr9s4.js";
+import { t as n } from "../../Button-DSGsV45k.js";
 import { t as r } from "../../Typography-AvvBRu-u.js";
 import { t as i } from "../../styles.module-BDcr8Smc.js";
 import { useEffect as a, useRef as o } from "react";

package/dist/components/NewsletterSignup/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../NewsletterSignup-DrcPfdrg.js";
+import { t as e } from "../../NewsletterSignup-mPKBEpYq.js";
 export { e as NewsletterSignup };

package/dist/components/Notification/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Notification-B3skQvZE.js";
+import { t as e } from "../../Notification-JovL5anc.js";
 export { e as Notification };

package/dist/components/PrefPanel/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../PrefPanel-BGw72I_D.js";
+import { n as e, t } from "../../PrefPanel-DxSIkYDF.js";
 export { t as PrefPanel, e as PrefRadio };

package/dist/components/RoadmapDetails/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../RoadmapDetails-XS0OylnP.js";
+import { t as e } from "../../RoadmapDetails-ZnyXG2j7.js";
 export { e as RoadmapDetails };

package/dist/components/Search/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Search-UPVxQliM.js";
+import { t as e } from "../../Search-Cc9ZJgGx.js";
 export { e as Search };

package/dist/components/SearchDropdown/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../SearchDropdown-L_rQz1vn.js";
+import { t as e } from "../../SearchDropdown-B5CFwNib.js";
 export { e as SearchDropdown };

package/dist/components/Sidebar/NavDisclosure.js

@@ -1,39 +1,34 @@
 "use client";
 import { t as e } from "../../clsx-BWCAbrjV.js";
-import { t } from "../../styles.module-Bd4HbnpA.js";
-import { useId as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { K as t } from "../../esm-C4Ybr9s4.js";
+import { t as n } from "../../Icon-VeXJMj8Q.js";
+import { t as r } from "../../styles.module-DGKft2EO.js";
+import { useId as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/Sidebar/NavDisclosure.tsx
-function o({ label: o, children: s, className: c }) {
-	let [l, u] = r(!1), d = n();
-	return /* @__PURE__ */ a("div", {
-		className: e(t.disclosure, c),
-		"data-open": l,
-		children: [/* @__PURE__ */ a("button", {
+function c({ label: c, children: l, className: u }) {
+	let [d, f] = a(!1), p = i();
+	return /* @__PURE__ */ s("div", {
+		className: e(r.disclosure, u),
+		"data-open": d,
+		children: [/* @__PURE__ */ s("button", {
 			type: "button",
-			className: t.disclosureToggle,
-			"aria-expanded": l,
-			"aria-controls": d,
-			onClick: () => u((e) => !e),
-			children: [/* @__PURE__ */ i("svg", {
-				className: t.disclosureChevron,
-				width: "14",
-				height: "14",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2.5",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ i("path", { d: "m9 18 6-6-6-6" })
-			}), /* @__PURE__ */ i("span", { children: o })]
-		}), /* @__PURE__ */ i("div", {
-			id: d,
-			className: t.disclosureBody,
-			children: s
+			className: r.disclosureToggle,
+			"aria-expanded": d,
+			"aria-controls": p,
+			onClick: () => f((e) => !e),
+			children: [/* @__PURE__ */ o(n, {
+				name: t,
+				size: 16,
+				className: r.disclosureChevron,
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ o("span", { children: c })]
+		}), /* @__PURE__ */ o("div", {
+			id: p,
+			className: r.disclosureBody,
+			children: l
 		})]
 	});
 }
 //#endregion
-export { o as NavDisclosure };
+export { c as NavDisclosure };

package/dist/components/Sidebar/NavGroup.js

@@ -1,74 +1,87 @@
 "use client";
 import { t as e } from "../../clsx-BWCAbrjV.js";
-import { useOptionalSidebarSection as t } from "./context.js";
-import { t as n } from "../../styles.module-Bd4HbnpA.js";
-import { createContext as r, useCallback as i, useContext as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { K as t } from "../../esm-C4Ybr9s4.js";
+import { t as n } from "../../Icon-VeXJMj8Q.js";
+import { useOptionalSidebarSection as r } from "./context.js";
+import { t as i } from "../../styles.module-DGKft2EO.js";
+import { NavPathContext as a, textOf as o, useNavPath as s } from "./navPath.js";
+import { useCallback as c, useEffect as l, useId as u, useMemo as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region lib/components/Sidebar/NavGroup.tsx
-var f = r(0);
-function p({ label: r, children: p, icon: m, defaultOpen: h = !1, open: g, onOpenChange: _, active: v, className: y }) {
-	let [b, x] = l(h), S = g !== void 0, C = S ? g : b, w = s(), T = s(), E = t(), D = a(f), O = i((e) => {
-		S || x(e), _?.(e);
-	}, [S, _]), k = i(() => O(!C), [C, O]);
-	o(() => (E?.reportOpen(T, C), () => E?.reportOpen(T, !1)), [
-		C,
-		T,
-		E
+var g = "grid-template-rows";
+function _({ label: _, children: v, icon: y, defaultOpen: b = !1, open: x, onOpenChange: S, active: C, className: w }) {
+	let [T, E] = p(b), D = x !== void 0, O = D ? x : T, k = u(), A = u(), j = r(), M = s(), N = M.length, P = o(_), F = d(() => [...M, P], [M, P]), I = c((e) => {
+		D || E(e), S?.(e);
+	}, [D, S]), L = c(() => I(!O), [O, I]);
+	l(() => (j?.reportOpen(A, O), () => j?.reportOpen(A, !1)), [
+		O,
+		A,
+		j
 	]);
-	let A = c(E?.collapseNonce ?? 0);
-	return o(() => {
-		let e = E?.collapseNonce ?? 0;
-		e !== A.current && (A.current = e, C && O(!1));
+	let [R, z] = p(!1), B = f(null), V = f(O);
+	V.current !== O && (V.current = O, z(O)), l(() => {
+		if (!R) return;
+		let e = B.current;
+		if (!e) return;
+		if (!parseFloat(getComputedStyle(e).transitionDuration)) {
+			z(!1);
+			return;
+		}
+		let t = (t) => {
+			t.target === e && t.propertyName === g && z(!1);
+		};
+		return e.addEventListener("transitionend", t), e.addEventListener("transitioncancel", t), () => {
+			e.removeEventListener("transitionend", t), e.removeEventListener("transitioncancel", t);
+		};
+	}, [R]);
+	let H = f(j?.collapseNonce ?? 0);
+	return l(() => {
+		let e = j?.collapseNonce ?? 0;
+		e !== H.current && (H.current = e, O && I(!1));
 	}, [
-		E?.collapseNonce,
-		C,
-		E,
-		O
-	]), /* @__PURE__ */ d("div", {
-		className: e(n.group, C && n.groupOpen, v && n.groupActive, y),
-		style: { "--hs-nav-depth": D },
-		children: [/* @__PURE__ */ d("button", {
+		j?.collapseNonce,
+		O,
+		j,
+		I
+	]), /* @__PURE__ */ h("div", {
+		className: e(i.group, O && i.groupOpen, R && i.groupExpanding, C && i.groupActive, w),
+		style: { "--hs-nav-depth": N },
+		children: [/* @__PURE__ */ h("button", {
 			type: "button",
-			className: n.groupToggle,
-			"aria-expanded": C,
-			"aria-controls": w,
-			onClick: k,
+			className: i.groupToggle,
+			"aria-expanded": O,
+			"aria-controls": k,
+			onClick: L,
 			children: [
-				/* @__PURE__ */ u("svg", {
-					className: n.groupChevron,
-					width: "14",
-					height: "14",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2.5",
-					strokeLinecap: "round",
-					strokeLinejoin: "round",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ u("path", { d: "m9 18 6-6-6-6" })
+				/* @__PURE__ */ m(n, {
+					name: t,
+					size: 16,
+					className: i.groupChevron,
+					"aria-hidden": "true"
 				}),
-				m == null ? null : /* @__PURE__ */ u("span", {
-					className: n.itemIcon,
-					children: m
+				y == null ? null : /* @__PURE__ */ m("span", {
+					className: i.itemIcon,
+					children: y
 				}),
-				/* @__PURE__ */ u("span", {
-					className: n.groupLabel,
-					children: r
+				/* @__PURE__ */ m("span", {
+					className: i.groupLabel,
+					children: _
 				})
 			]
-		}), /* @__PURE__ */ u("div", {
-			id: w,
-			className: n.groupChildren,
+		}), /* @__PURE__ */ m("div", {
+			ref: B,
+			id: k,
+			className: i.groupChildren,
 			role: "group",
-			children: /* @__PURE__ */ u("div", {
-				className: n.groupChildrenInner,
-				children: /* @__PURE__ */ u(f.Provider, {
-					value: D + 1,
-					children: p
+			children: /* @__PURE__ */ m("div", {
+				className: i.groupChildrenInner,
+				children: /* @__PURE__ */ m(a.Provider, {
+					value: F,
+					children: v
 				})
 			})
 		})]
 	});
 }
 //#endregion
-export { p as NavGroup };
+export { _ as NavGroup };

package/dist/components/Sidebar/NavItem.js

@@ -1,28 +1,35 @@
 "use client";
 import { t as e } from "../../clsx-BWCAbrjV.js";
 import { useOptionalSidebarLayout as t } from "./context.js";
-import { t as n } from "../../styles.module-Bd4HbnpA.js";
-import { forwardRef as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { t as n } from "../../styles.module-DGKft2EO.js";
+import { textOf as r, useNavPath as i } from "./navPath.js";
+import { forwardRef as a, useEffect as o, useId as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region lib/components/Sidebar/NavItem.tsx
-var o = r(function({ as: r, active: o, icon: s, children: c, className: l, onClick: u, ...d }, f) {
-	let p = r || "a", m = t();
-	return /* @__PURE__ */ a(p, {
-		ref: f,
-		className: e(n.item, o && n.itemActive, l),
-		"aria-current": o ? "page" : void 0,
+var u = 350, d = a(function({ as: a, active: d, icon: f, children: p, className: m, onClick: h, ...g }, _) {
+	let v = a || "a", y = t(), b = s(), x = i(), S = r(p), C = d && S ? [...x.filter(Boolean), S].slice(-2).join(" / ") : null, w = y?.reportActivePage;
+	return o(() => {
+		if (w) return w(b, C), () => w(b, null);
+	}, [
+		w,
+		b,
+		C
+	]), /* @__PURE__ */ l(v, {
+		ref: _,
+		className: e(n.item, d && n.itemActive, m),
+		"aria-current": d ? "page" : void 0,
 		onClick: (e) => {
-			u?.(e), m?.closeMobile();
+			h?.(e), y && (window.matchMedia("(pointer: coarse)").matches && y.isMobile && y.mobileOpen ? window.setTimeout(() => y.closeMobile(), u) : y.closeMobile());
 		},
-		...d,
-		children: [s == null ? null : /* @__PURE__ */ i("span", {
+		...g,
+		children: [f == null ? null : /* @__PURE__ */ c("span", {
 			className: n.itemIcon,
-			children: s
-		}), /* @__PURE__ */ i("span", {
+			children: f
+		}), /* @__PURE__ */ c("span", {
 			className: n.itemLabel,
-			children: c
+			children: p
 		})]
 	});
 });
 //#endregion
-export { o as NavItem };
+export { d as NavItem };