@lobehub/ui 5.50.2 → 5.51.0

package/es/base-ui/Input/style.d.mts

@@ -23,8 +23,8 @@ declare const styles: {
 };
 declare const rootVariants: (props?: ({
   shadow?: boolean | null | undefined;
-  size?: "large" | "middle" | "small" | null | undefined;
-  variant?: "filled" | "borderless" | "outlined" | null | undefined;
+  size?: "small" | "middle" | "large" | null | undefined;
+  variant?: "outlined" | "borderless" | "filled" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 export { rootVariants, styles };

package/es/base-ui/Segmented/style.mjs

@@ -24,6 +24,10 @@ const styles = createStaticStyles(({ css, cssVar }) => {
     transition-duration: 240ms;
     transition-property: inset-inline-start, inset-block-start, width, height;
 
+    [data-variant='outlined'] > & {
+      background: ${cssVar.colorFillSecondary};
+    }
+
     [data-orientation='horizontal'] &:dir(rtl) {
       inset-inline-start: var(--active-item-right);
     }

package/es/base-ui/Segmented/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/base-ui/Segmented/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { focusRing } from '@/base-ui/focusRing';\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const indicator = css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 0;\n    inset-block-start: var(--active-item-top);\n    inset-inline-start: var(--active-item-left);\n\n    width: var(--active-item-width);\n    height: var(--active-item-height);\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    box-shadow: none;\n\n    transition-timing-function: ${cssVar.motionEaseOut};\n    transition-duration: 240ms;\n    transition-property: inset-inline-start, inset-block-start, width, height;\n\n    [data-orientation='horizontal'] &:dir(rtl) {\n      inset-inline-start: var(--active-item-right);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `;\n\n  return {\n    indicator,\n    item: css`\n      cursor: pointer;\n      user-select: none;\n\n      position: relative;\n      z-index: 1;\n\n      display: inline-flex;\n      flex-shrink: 0;\n      gap: 6px;\n      align-items: center;\n      justify-content: center;\n\n      box-sizing: border-box;\n      border: 0;\n      border-radius: ${cssVar.borderRadius};\n\n      font-weight: 500;\n      color: ${cssVar.colorTextSecondary};\n      white-space: nowrap;\n\n      background: transparent;\n      outline: none;\n\n      transition:\n        color 120ms ${cssVar.motionEaseOut},\n        transform 120ms ${cssVar.motionEaseOut};\n\n      &:hover:not([data-disabled], [data-pressed]) {\n        color: ${cssVar.colorText};\n      }\n\n      &:active:not([data-disabled]) {\n        transform: scale(0.98);\n      }\n\n      ${focusRing};\n\n      &[data-pressed] {\n        color: ${cssVar.colorText};\n      }\n\n      &[data-disabled] {\n        cursor: not-allowed;\n        color: ${cssVar.colorTextDisabled};\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        transition-duration: 0s;\n      }\n    `,\n    itemBlock: css`\n      flex: 1 1 0;\n    `,\n    itemIcon: css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    `,\n    itemLabel: css`\n      display: inline-flex;\n      align-items: center;\n    `,\n    itemLarge: css`\n      height: 36px;\n      padding-inline: 16px;\n      border-radius: ${cssVar.borderRadius};\n      font-size: 14px;\n    `,\n    itemMiddle: css`\n      height: 32px;\n      padding-inline: 12px;\n      border-radius: ${cssVar.borderRadius};\n      font-size: 13px;\n    `,\n    itemSmall: css`\n      height: 26px;\n      padding-inline: 10px;\n      border-radius: ${cssVar.borderRadius};\n      font-size: 12px;\n    `,\n    list: css`\n      position: relative;\n\n      display: inline-flex;\n      flex-wrap: nowrap;\n      gap: 4px;\n      align-items: center;\n      align-self: flex-start;\n\n      box-sizing: border-box;\n      padding: 3px;\n      border-radius: ${cssVar.borderRadiusLG};\n\n      &[data-orientation='vertical'] {\n        flex-direction: column;\n        align-items: stretch;\n        align-self: stretch;\n      }\n    `,\n    listBlock: css`\n      display: flex;\n      align-self: stretch;\n      width: 100%;\n    `,\n    listFilled: css`\n      border: 1px solid ${cssVar.colorFillQuaternary};\n      background: ${cssVar.colorBgLayout};\n    `,\n    listGlass: lobeStaticStylish.blur,\n    listOutlined: css`\n      border: 1px solid ${cssVar.colorBorderSecondary};\n      background: transparent;\n    `,\n    listShadow: lobeStaticStylish.shadow,\n    root: css`\n      display: inline-flex;\n\n      &[data-block='true'] {\n        display: flex;\n        width: 100%;\n      }\n    `,\n  };\n});\n\nexport const listVariants = cva(styles.list, {\n  defaultVariants: {\n    block: false,\n    glass: false,\n    shadow: false,\n    variant: 'filled',\n  },\n  variants: {\n    block: {\n      false: null,\n      true: styles.listBlock,\n    },\n    glass: {\n      false: null,\n      true: styles.listGlass,\n    },\n    shadow: {\n      false: null,\n      true: styles.listShadow,\n    },\n    variant: {\n      filled: styles.listFilled,\n      outlined: styles.listOutlined,\n    },\n  },\n});\n\nexport const itemVariants = cva(styles.item, {\n  defaultVariants: {\n    block: false,\n    size: 'middle',\n  },\n  variants: {\n    block: {\n      false: null,\n      true: styles.itemBlock,\n    },\n    size: {\n      large: styles.itemLarge,\n      middle: styles.itemMiddle,\n      small: styles.itemSmall,\n    },\n  },\n});\n"],"mappings":";;;;;AAMA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CA6B5D,OAAO;EACL,WA7BgB,GAAG;;;;;;;;;;qBAUF,OAAO,aAAa;;kBAEvB,OAAO,gBAAgB;;;kCAGP,OAAO,cAAc;;;;;;;;;;;;EAenD,MAAM,GAAG;;;;;;;;;;;;;;;uBAeU,OAAO,aAAa;;;eAG5B,OAAO,mBAAmB;;;;;;;sBAOnB,OAAO,cAAc;0BACjB,OAAO,cAAc;;;iBAG9B,OAAO,UAAU;;;;;;;QAO1B,UAAU;;;iBAGD,OAAO,UAAU;;;;;iBAKjB,OAAO,kBAAkB;;;;;;;EAOtC,WAAW,GAAG;;;EAGd,UAAU,GAAG;;;;;EAKb,WAAW,GAAG;;;;EAId,WAAW,GAAG;;;uBAGK,OAAO,aAAa;;;EAGvC,YAAY,GAAG;;;uBAGI,OAAO,aAAa;;;EAGvC,WAAW,GAAG;;;uBAGK,OAAO,aAAa;;;EAGvC,MAAM,GAAG;;;;;;;;;;;uBAWU,OAAO,eAAe;;;;;;;;EAQzC,WAAW,GAAG;;;;;EAKd,YAAY,GAAG;0BACO,OAAO,oBAAoB;oBACjC,OAAO,cAAc;;EAErC,WAAWA,cAAkB;EAC7B,cAAc,GAAG;0BACK,OAAO,qBAAqB;;;EAGlD,YAAYA,cAAkB;EAC9B,MAAM,GAAG;;;;;;;;CAQX;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EACf,OAAO;EACP,OAAO;EACP,QAAQ;EACR,SAAS;CACX;CACA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;EACnB;CACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EACf,OAAO;EACP,MAAM;CACR;CACA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ,OAAO;GACf,OAAO,OAAO;EAChB;CACF;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/base-ui/Segmented/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { focusRing } from '@/base-ui/focusRing';\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const indicator = css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: 0;\n    inset-block-start: var(--active-item-top);\n    inset-inline-start: var(--active-item-left);\n\n    width: var(--active-item-width);\n    height: var(--active-item-height);\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    box-shadow: none;\n\n    transition-timing-function: ${cssVar.motionEaseOut};\n    transition-duration: 240ms;\n    transition-property: inset-inline-start, inset-block-start, width, height;\n\n    [data-variant='outlined'] > & {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    [data-orientation='horizontal'] &:dir(rtl) {\n      inset-inline-start: var(--active-item-right);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `;\n\n  return {\n    indicator,\n    item: css`\n      cursor: pointer;\n      user-select: none;\n\n      position: relative;\n      z-index: 1;\n\n      display: inline-flex;\n      flex-shrink: 0;\n      gap: 6px;\n      align-items: center;\n      justify-content: center;\n\n      box-sizing: border-box;\n      border: 0;\n      border-radius: ${cssVar.borderRadius};\n\n      font-weight: 500;\n      color: ${cssVar.colorTextSecondary};\n      white-space: nowrap;\n\n      background: transparent;\n      outline: none;\n\n      transition:\n        color 120ms ${cssVar.motionEaseOut},\n        transform 120ms ${cssVar.motionEaseOut};\n\n      &:hover:not([data-disabled], [data-pressed]) {\n        color: ${cssVar.colorText};\n      }\n\n      &:active:not([data-disabled]) {\n        transform: scale(0.98);\n      }\n\n      ${focusRing};\n\n      &[data-pressed] {\n        color: ${cssVar.colorText};\n      }\n\n      &[data-disabled] {\n        cursor: not-allowed;\n        color: ${cssVar.colorTextDisabled};\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        transition-duration: 0s;\n      }\n    `,\n    itemBlock: css`\n      flex: 1 1 0;\n    `,\n    itemIcon: css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    `,\n    itemLabel: css`\n      display: inline-flex;\n      align-items: center;\n    `,\n    itemLarge: css`\n      height: 36px;\n      padding-inline: 16px;\n      border-radius: ${cssVar.borderRadius};\n      font-size: 14px;\n    `,\n    itemMiddle: css`\n      height: 32px;\n      padding-inline: 12px;\n      border-radius: ${cssVar.borderRadius};\n      font-size: 13px;\n    `,\n    itemSmall: css`\n      height: 26px;\n      padding-inline: 10px;\n      border-radius: ${cssVar.borderRadius};\n      font-size: 12px;\n    `,\n    list: css`\n      position: relative;\n\n      display: inline-flex;\n      flex-wrap: nowrap;\n      gap: 4px;\n      align-items: center;\n      align-self: flex-start;\n\n      box-sizing: border-box;\n      padding: 3px;\n      border-radius: ${cssVar.borderRadiusLG};\n\n      &[data-orientation='vertical'] {\n        flex-direction: column;\n        align-items: stretch;\n        align-self: stretch;\n      }\n    `,\n    listBlock: css`\n      display: flex;\n      align-self: stretch;\n      width: 100%;\n    `,\n    listFilled: css`\n      border: 1px solid ${cssVar.colorFillQuaternary};\n      background: ${cssVar.colorBgLayout};\n    `,\n    listGlass: lobeStaticStylish.blur,\n    listOutlined: css`\n      border: 1px solid ${cssVar.colorBorderSecondary};\n      background: transparent;\n    `,\n    listShadow: lobeStaticStylish.shadow,\n    root: css`\n      display: inline-flex;\n\n      &[data-block='true'] {\n        display: flex;\n        width: 100%;\n      }\n    `,\n  };\n});\n\nexport const listVariants = cva(styles.list, {\n  defaultVariants: {\n    block: false,\n    glass: false,\n    shadow: false,\n    variant: 'filled',\n  },\n  variants: {\n    block: {\n      false: null,\n      true: styles.listBlock,\n    },\n    glass: {\n      false: null,\n      true: styles.listGlass,\n    },\n    shadow: {\n      false: null,\n      true: styles.listShadow,\n    },\n    variant: {\n      filled: styles.listFilled,\n      outlined: styles.listOutlined,\n    },\n  },\n});\n\nexport const itemVariants = cva(styles.item, {\n  defaultVariants: {\n    block: false,\n    size: 'middle',\n  },\n  variants: {\n    block: {\n      false: null,\n      true: styles.itemBlock,\n    },\n    size: {\n      large: styles.itemLarge,\n      middle: styles.itemMiddle,\n      small: styles.itemSmall,\n    },\n  },\n});\n"],"mappings":";;;;;AAMA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAiC5D,OAAO;EACL,WAjCgB,GAAG;;;;;;;;;;qBAUF,OAAO,aAAa;;kBAEvB,OAAO,gBAAgB;;;kCAGP,OAAO,cAAc;;;;;oBAKnC,OAAO,mBAAmB;;;;;;;;;;;EAc1C,MAAM,GAAG;;;;;;;;;;;;;;;uBAeU,OAAO,aAAa;;;eAG5B,OAAO,mBAAmB;;;;;;;sBAOnB,OAAO,cAAc;0BACjB,OAAO,cAAc;;;iBAG9B,OAAO,UAAU;;;;;;;QAO1B,UAAU;;;iBAGD,OAAO,UAAU;;;;;iBAKjB,OAAO,kBAAkB;;;;;;;EAOtC,WAAW,GAAG;;;EAGd,UAAU,GAAG;;;;;EAKb,WAAW,GAAG;;;;EAId,WAAW,GAAG;;;uBAGK,OAAO,aAAa;;;EAGvC,YAAY,GAAG;;;uBAGI,OAAO,aAAa;;;EAGvC,WAAW,GAAG;;;uBAGK,OAAO,aAAa;;;EAGvC,MAAM,GAAG;;;;;;;;;;;uBAWU,OAAO,eAAe;;;;;;;;EAQzC,WAAW,GAAG;;;;;EAKd,YAAY,GAAG;0BACO,OAAO,oBAAoB;oBACjC,OAAO,cAAc;;EAErC,WAAWA,cAAkB;EAC7B,cAAc,GAAG;0BACK,OAAO,qBAAqB;;;EAGlD,YAAYA,cAAkB;EAC9B,MAAM,GAAG;;;;;;;;CAQX;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EACf,OAAO;EACP,OAAO;EACP,QAAQ;EACR,SAAS;CACX;CACA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;EACnB;CACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EACf,OAAO;EACP,MAAM;CACR;CACA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ,OAAO;GACf,OAAO,OAAO;EAChB;CACF;AACF,CAAC"}

package/es/dashboard/ConsoleNav/ConsoleNav.mjs

@@ -11,48 +11,72 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, Play } from "lucide-react";
 //#region src/dashboard/ConsoleNav/ConsoleNav.tsx
 const PANEL_TRANSITION_MS = 160;
+const RAIL_TRANSITION_MS = 200;
 /** Older builds stored the closed group keys as an array. */
 function readOverrides(value) {
 	if (Array.isArray(value)) return Object.fromEntries(value.map((key) => [String(key), false]));
 	return value && typeof value === "object" ? value : {};
 }
-function scrollActiveIntoView(container) {
+function scrollActiveIntoView(container, behavior = "auto") {
 	const link = container.querySelector("[aria-current=\"page\"]") ?? [...container.querySelectorAll("button[data-active=\"true\"]")].at(-1);
 	if (!link) return;
 	const containerRect = container.getBoundingClientRect();
 	const linkRect = link.getBoundingClientRect();
 	if (linkRect.top >= containerRect.top && linkRect.bottom <= containerRect.bottom) return;
-	container.scrollTop += linkRect.top - containerRect.top - (containerRect.height - linkRect.height) / 2;
+	container.scrollBy({
+		behavior,
+		top: linkRect.top - containerRect.top - (containerRect.height - linkRect.height) / 2
+	});
+}
+function renderAnchor(context, linkProps, onFollow) {
+	if (context.renderLink) return context.renderLink(linkProps);
+	return /* @__PURE__ */ jsx("a", {
+		"aria-current": linkProps["aria-current"],
+		"aria-label": linkProps["aria-label"],
+		className: linkProps.className,
+		"data-active": linkProps["data-active"],
+		"data-collapsed": linkProps["data-collapsed"],
+		"data-indent": linkProps["data-indent"],
+		href: linkProps.href,
+		rel: linkProps.external ? "noreferrer" : void 0,
+		target: linkProps.external ? "_blank" : void 0,
+		title: linkProps.title,
+		onClick: (event) => {
+			if (context.onNavigate && !linkProps.external) event.preventDefault();
+			onFollow();
+		},
+		children: linkProps.children
+	});
 }
-function NavLink({ active, collapsed, context, href, icon, indent = 0, item, name }) {
+function NavLink({ active, collapsed, context, href, icon, indent = 0, item, name, overlay = false }) {
 	const shell = useConsoleShellState();
 	const label = item?.label ?? name;
 	const follow = () => {
 		context.onNavigate?.(href);
 		shell?.closeNavigation();
 	};
-	const linkProps = {
+	const link = renderAnchor(context, {
 		"aria-current": active ? "page" : void 0,
 		"aria-label": collapsed ? name : void 0,
-		"children": /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		"children": overlay ? null : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			icon ? /* @__PURE__ */ jsx(Icon, {
 				icon,
 				size: 18
 			}) : null,
-			collapsed ? null : /* @__PURE__ */ jsx("span", {
+			/* @__PURE__ */ jsx("span", {
 				className: styles.itemLabel,
 				children: label
 			}),
-			!collapsed && item?.badge ? /* @__PURE__ */ jsx("span", {
+			item?.badge ? /* @__PURE__ */ jsx("span", {
 				className: styles.badge,
 				children: item.badge
 			}) : null,
-			collapsed && item?.badge ? /* @__PURE__ */ jsx("span", {
+			item?.badge ? /* @__PURE__ */ jsx("span", {
 				"aria-hidden": true,
 				className: styles.dot
 			}) : null
 		] }),
-		"className": styles.item,
+		"className": overlay ? styles.railLink : styles.item,
 		"data-active": active,
 		"data-collapsed": collapsed,
 		"data-indent": indent,
@@ -60,31 +84,24 @@ function NavLink({ active, collapsed, context, href, icon, indent = 0, item, nam
 		href,
 		"onClick": follow,
 		"title": collapsed ? void 0 : label
-	};
-	const link = context.renderLink ? context.renderLink(linkProps) : /* @__PURE__ */ jsx("a", {
-		"aria-current": linkProps["aria-current"],
-		"aria-label": linkProps["aria-label"],
-		className: linkProps.className,
-		"data-active": active,
-		"data-collapsed": collapsed,
-		"data-indent": indent,
-		href,
-		rel: item?.external ? "noreferrer" : void 0,
-		target: item?.external ? "_blank" : void 0,
-		title: linkProps.title,
-		onClick: (event) => {
-			if (context.onNavigate && !item?.external) event.preventDefault();
-			follow();
-		},
-		children: linkProps.children
-	});
-	if (!collapsed) return link;
+	}, follow);
+	if (!icon && !overlay) return link;
 	return /* @__PURE__ */ jsx(Tooltip, {
+		disabled: !collapsed,
 		placement: "right",
 		title: name,
 		children: link
 	});
 }
+function Fold({ children, folded }) {
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": folded || void 0,
+		className: styles.fold,
+		"data-folded": folded,
+		inert: folded || void 0,
+		children: /* @__PURE__ */ jsx("div", { children })
+	});
+}
 function ConsoleNav({ collapsed: collapsedProp, defaultExpanded = "all", groups = [], items = [], label = "Primary", onNavigate, pathname, renderLink, storageKey }) {
 	const id = useId();
 	const navRef = useRef(null);
@@ -124,132 +141,111 @@ function ConsoleNav({ collapsed: collapsedProp, defaultExpanded = "all", groups
 		return () => window.clearTimeout(timer);
 	}, [
 		activeHref,
-		collapsed,
 		pathname,
 		reducedMotion
 	]);
-	const renderItems = (list, indent, groupLabel) => list.map((item) => /* @__PURE__ */ jsx(NavLink, {
-		active: item.href === activeHref,
-		collapsed: false,
-		context,
-		href: item.href,
-		icon: item.icon,
-		indent: item.icon ? Math.max(0, indent - 1) : indent,
-		item,
-		name: groupLabel ? `${groupLabel} / ${item.label}` : item.label
-	}, item.href));
-	if (collapsed) {
-		const railItems = (list, groupLabel) => list.filter((item) => item.icon).map((item) => /* @__PURE__ */ jsx(NavLink, {
-			collapsed: true,
+	useEffect(() => {
+		const container = navRef.current;
+		if (!container) return;
+		const timer = window.setTimeout(() => scrollActiveIntoView(container, reducedMotion ? "auto" : "smooth"), reducedMotion ? 0 : RAIL_TRANSITION_MS);
+		return () => window.clearTimeout(timer);
+	}, [collapsed, reducedMotion]);
+	const renderItems = (list, indent, groupLabel, foldable) => list.map((item) => {
+		const link = /* @__PURE__ */ jsx(NavLink, {
 			active: item.href === activeHref,
+			collapsed,
 			context,
 			href: item.href,
 			icon: item.icon,
+			indent: item.icon ? Math.max(0, indent - 1) : indent,
 			item,
 			name: groupLabel ? `${groupLabel} / ${item.label}` : item.label
-		}, item.href));
-		const topRail = railItems(items);
-		const iconGroups = groups.filter((group) => group.icon);
-		return /* @__PURE__ */ jsxs(ScrollShadow, {
-			"aria-label": label,
-			as: "nav",
-			className: styles.nav,
-			"data-collapsed": "",
-			orientation: "vertical",
-			ref: navRef,
-			size: 8,
+		}, item.href);
+		if (item.icon || !foldable) return link;
+		return /* @__PURE__ */ jsx(Fold, {
+			folded: collapsed,
+			children: link
+		}, item.href);
+	});
+	const renderGroup = (group, level, indent, underRailIcon) => {
+		const expanded = isExpanded(group);
+		const panelId = `${id}-${group.key}`;
+		const childIndent = indent + (group.icon ? 1 : 0);
+		const active = activeBranch.includes(group.key);
+		const railIcon = level === 0 && Boolean(group.icon);
+		const onRail = collapsed && !underRailIcon;
+		const open = onRail ? !railIcon : expanded;
+		const railHref = railIcon ? group.href ?? collectNavItems([group])[0]?.href : void 0;
+		const railEmpty = !railIcon && !collectNavItems([group]).some((item) => item.icon);
+		const header = /* @__PURE__ */ jsxs("button", {
+			"aria-controls": panelId,
+			"aria-expanded": open,
+			"aria-hidden": onRail && railIcon || void 0,
+			className: styles.groupHeader,
+			"data-active": active,
+			"data-icon": Boolean(group.icon),
+			"data-indent": indent,
+			"data-level": level,
+			tabIndex: onRail && railIcon ? -1 : void 0,
+			type: "button",
+			onClick: () => toggleGroup(group.key, expanded),
 			children: [
-				topRail.length > 0 ? /* @__PURE__ */ jsx("div", {
-					className: styles.railTop,
-					children: topRail
+				group.icon ? /* @__PURE__ */ jsx(Icon, {
+					icon: group.icon,
+					size: 16
 				}) : null,
-				iconGroups.length > 0 ? /* @__PURE__ */ jsx("div", {
-					className: styles.railGroup,
-					"data-first": topRail.length === 0,
-					role: "group",
-					children: iconGroups.map((group) => {
-						const href = group.href ?? collectNavItems([group])[0]?.href;
-						if (!href) return null;
-						return /* @__PURE__ */ jsx(NavLink, {
-							collapsed: true,
-							active: activeBranch[0] === group.key,
-							context,
-							href,
-							icon: group.icon,
-							name: group.label
-						}, group.key);
+				/* @__PURE__ */ jsx("span", {
+					className: styles.itemLabel,
+					"data-label": "",
+					children: group.label
+				}),
+				level === 0 ? /* @__PURE__ */ jsx(Icon, {
+					className: styles.chevron,
+					"data-expanded": expanded,
+					icon: ChevronDown,
+					size: 14
+				}) : /* @__PURE__ */ jsx("span", {
+					className: styles.indicator,
+					"data-expanded": expanded,
+					children: /* @__PURE__ */ jsx(Play, {
+						fill: "currentColor",
+						size: 7,
+						strokeWidth: 1
 					})
-				}) : null,
-				groups.filter((group) => !group.icon).map((group, index) => {
-					const rail = railItems(collectNavItems([group]), group.label);
-					if (rail.length === 0) return null;
-					return /* @__PURE__ */ jsxs("div", {
-						className: styles.railGroup,
-						"data-first": topRail.length === 0 && iconGroups.length === 0 && index === 0,
-						role: "group",
-						children: [/* @__PURE__ */ jsx("h2", {
-							className: styles.srOnly,
-							children: group.label
-						}), rail]
-					}, group.key);
 				})
 			]
 		});
-	}
-	const renderGroup = (group, level, indent) => {
-		const expanded = isExpanded(group);
-		const panelId = `${id}-${group.key}`;
-		const childIndent = indent + (group.icon ? 1 : 0);
-		const active = activeBranch.includes(group.key);
+		let head = header;
+		if (railIcon) head = /* @__PURE__ */ jsxs("div", {
+			className: styles.groupHead,
+			children: [header, onRail && railHref ? /* @__PURE__ */ jsx(NavLink, {
+				collapsed: true,
+				overlay: true,
+				active: activeBranch[0] === group.key,
+				context,
+				href: railHref,
+				name: group.label
+			}) : null]
+		});
+		else if (!underRailIcon) head = /* @__PURE__ */ jsx(Fold, {
+			folded: onRail,
+			children: header
+		});
 		return /* @__PURE__ */ jsxs("div", {
 			className: styles.group,
 			"data-icon": Boolean(group.icon),
 			"data-level": level,
-			children: [/* @__PURE__ */ jsxs("button", {
-				"aria-controls": panelId,
-				"aria-expanded": expanded,
-				className: styles.groupHeader,
-				"data-active": active,
-				"data-icon": Boolean(group.icon),
-				"data-indent": indent,
-				"data-level": level,
-				type: "button",
-				onClick: () => toggleGroup(group.key, expanded),
-				children: [
-					group.icon ? /* @__PURE__ */ jsx(Icon, {
-						icon: group.icon,
-						size: 16
-					}) : null,
-					/* @__PURE__ */ jsx("span", {
-						className: styles.itemLabel,
-						"data-label": "",
-						children: group.label
-					}),
-					level === 0 ? /* @__PURE__ */ jsx(Icon, {
-						className: styles.chevron,
-						"data-expanded": expanded,
-						icon: ChevronDown,
-						size: 14
-					}) : /* @__PURE__ */ jsx("span", {
-						className: styles.indicator,
-						"data-expanded": expanded,
-						children: /* @__PURE__ */ jsx(Play, {
-							fill: "currentColor",
-							size: 7,
-							strokeWidth: 1
-						})
-					})
-				]
-			}), /* @__PURE__ */ jsx("div", {
-				"aria-hidden": !expanded,
+			"data-rail-empty": railEmpty,
+			children: [head, /* @__PURE__ */ jsx("div", {
+				"aria-hidden": !open,
 				className: styles.groupPanel,
-				"data-expanded": expanded,
+				"data-expanded": open,
 				"data-instant": reducedMotion,
 				id: panelId,
-				inert: expanded ? void 0 : true,
+				inert: open ? void 0 : true,
 				children: /* @__PURE__ */ jsxs("div", {
 					className: styles.groupItems,
-					children: [renderItems(group.items ?? [], childIndent, group.label), (group.groups ?? []).map((child) => renderGroup(child, level + 1, childIndent))]
+					children: [renderItems(group.items ?? [], childIndent, group.label, !(underRailIcon || railIcon)), (group.groups ?? []).map((child) => renderGroup(child, level + 1, childIndent, underRailIcon || railIcon))]
 				})
 			})]
 		}, group.key);
@@ -258,14 +254,16 @@ function ConsoleNav({ collapsed: collapsedProp, defaultExpanded = "all", groups
 		"aria-label": label,
 		as: "nav",
 		className: styles.nav,
+		"data-collapsed": collapsed,
 		orientation: "vertical",
 		ref: navRef,
 		size: 4,
 		children: [items.length > 0 ? /* @__PURE__ */ jsx("div", {
 			className: styles.topItems,
 			"data-divided": groups.length > 0,
-			children: renderItems(items, 0)
-		}) : null, groups.map((group) => renderGroup(group, 0, 0))]
+			"data-rail-empty": !items.some((item) => item.icon),
+			children: renderItems(items, 0, void 0, true)
+		}) : null, groups.map((group) => renderGroup(group, 0, 0, false))]
 	});
 }
 ConsoleNav.displayName = "ConsoleNav";

package/es/dashboard/ConsoleNav/ConsoleNav.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConsoleNav.mjs","names":[],"sources":["../../../src/dashboard/ConsoleNav/ConsoleNav.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown, Play } from 'lucide-react';\nimport { useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport Tooltip from '@/base-ui/Tooltip';\nimport Icon from '@/Icon';\nimport ScrollShadow from '@/ScrollShadow';\n\nimport { useConsoleShellState } from '../ConsoleShell/context';\nimport { useLocalStorage, usePrefersReducedMotion } from '../hooks';\nimport { collectNavItems, findActiveBranch, resolveActiveHref } from './active';\nimport { styles } from './style';\nimport type { ConsoleNavGroup, ConsoleNavItem, ConsoleNavLinkProps, ConsoleNavProps } from './type';\n\nconst PANEL_TRANSITION_MS = 160;\n\ntype ExpandedOverrides = Record<string, boolean>;\n\n/** Older builds stored the closed group keys as an array. */\nfunction readOverrides(value: unknown): ExpandedOverrides {\n  if (Array.isArray(value)) {\n    return Object.fromEntries(value.map((key) => [String(key), false]));\n  }\n  return value && typeof value === 'object' ? (value as ExpandedOverrides) : {};\n}\n\nfunction scrollActiveIntoView(container: HTMLElement) {\n  const link =\n    container.querySelector<HTMLElement>('[aria-current=\"page\"]') ??\n    [...container.querySelectorAll<HTMLElement>('button[data-active=\"true\"]')].at(-1);\n  if (!link) return;\n  const containerRect = container.getBoundingClientRect();\n  const linkRect = link.getBoundingClientRect();\n  if (linkRect.top >= containerRect.top && linkRect.bottom <= containerRect.bottom) return;\n  container.scrollTop +=\n    linkRect.top - containerRect.top - (containerRect.height - linkRect.height) / 2;\n}\n\ninterface LinkContext {\n  onNavigate?: (href: string) => void;\n  renderLink?: ConsoleNavProps['renderLink'];\n}\n\nfunction NavLink({\n  active,\n  collapsed,\n  context,\n  href,\n  icon,\n  indent = 0,\n  item,\n  name,\n}: {\n  active: boolean;\n  collapsed: boolean;\n  context: LinkContext;\n  href: string;\n  icon?: ConsoleNavItem['icon'];\n  indent?: number;\n  item?: ConsoleNavItem;\n  name: string;\n}) {\n  const shell = useConsoleShellState();\n  const label = item?.label ?? name;\n  const follow = () => {\n    context.onNavigate?.(href);\n    shell?.closeNavigation();\n  };\n  const linkProps: ConsoleNavLinkProps = {\n    'aria-current': active ? 'page' : undefined,\n    'aria-label': collapsed ? name : undefined,\n    'children': (\n      <>\n        {icon ? <Icon icon={icon} size={18} /> : null}\n        {collapsed ? null : <span className={styles.itemLabel}>{label}</span>}\n        {!collapsed && item?.badge ? <span className={styles.badge}>{item.badge}</span> : null}\n        {collapsed && item?.badge ? <span aria-hidden className={styles.dot} /> : null}\n      </>\n    ),\n    'className': styles.item,\n    'data-active': active,\n    'data-collapsed': collapsed,\n    'data-indent': indent,\n    'external': item?.external,\n    href,\n    'onClick': follow,\n    'title': collapsed ? undefined : label,\n  };\n\n  const link = context.renderLink ? (\n    context.renderLink(linkProps)\n  ) : (\n    <a\n      aria-current={linkProps['aria-current']}\n      aria-label={linkProps['aria-label']}\n      className={linkProps.className}\n      data-active={active}\n      data-collapsed={collapsed}\n      data-indent={indent}\n      href={href}\n      rel={item?.external ? 'noreferrer' : undefined}\n      target={item?.external ? '_blank' : undefined}\n      title={linkProps.title}\n      onClick={(event) => {\n        if (context.onNavigate && !item?.external) event.preventDefault();\n        follow();\n      }}\n    >\n      {linkProps.children}\n    </a>\n  );\n\n  if (!collapsed) return link;\n  return (\n    <Tooltip placement=\"right\" title={name}>\n      {link}\n    </Tooltip>\n  );\n}\n\nfunction ConsoleNav({\n  collapsed: collapsedProp,\n  defaultExpanded = 'all',\n  groups = [],\n  items = [],\n  label = 'Primary',\n  onNavigate,\n  pathname,\n  renderLink,\n  storageKey,\n}: ConsoleNavProps) {\n  const id = useId();\n  const navRef = useRef<HTMLDivElement>(null);\n  const shell = useConsoleShellState();\n  const collapsed = collapsedProp ?? shell?.collapsed ?? false;\n  const reducedMotion = usePrefersReducedMotion();\n  const [storedOverrides, setStoredOverrides] = useLocalStorage<unknown>(storageKey, {});\n  const overrides = readOverrides(storedOverrides);\n  const context: LinkContext = { onNavigate, renderLink };\n\n  const activeHref = resolveActiveHref(pathname, [...items, ...collectNavItems(groups)]);\n  const activeBranch = findActiveBranch(pathname, groups, activeHref);\n\n  // Arriving on a page reopens its branch even if it was closed by hand earlier.\n  const [trackedPathname, setTrackedPathname] = useState(pathname);\n  if (trackedPathname !== pathname) {\n    setTrackedPathname(pathname);\n    if (activeBranch.some((key) => overrides[key] === false)) {\n      const next = { ...overrides };\n      for (const key of activeBranch) delete next[key];\n      setStoredOverrides(next);\n    }\n  }\n\n  const isExpanded = (group: ConsoleNavGroup) =>\n    overrides[group.key] ??\n    (activeBranch.includes(group.key) || (group.defaultExpanded ?? defaultExpanded === 'all'));\n\n  const toggleGroup = useCallback(\n    (key: string, expanded: boolean) => {\n      setStoredOverrides((current: unknown) => ({ ...readOverrides(current), [key]: !expanded }));\n    },\n    [setStoredOverrides],\n  );\n\n  useEffect(() => {\n    const container = navRef.current;\n    if (!container) return;\n    scrollActiveIntoView(container);\n    if (reducedMotion) return;\n    const timer = window.setTimeout(() => scrollActiveIntoView(container), PANEL_TRANSITION_MS);\n    return () => window.clearTimeout(timer);\n  }, [activeHref, collapsed, pathname, reducedMotion]);\n\n  const renderItems = (list: ConsoleNavItem[], indent: number, groupLabel?: string) =>\n    list.map((item) => (\n      <NavLink\n        active={item.href === activeHref}\n        collapsed={false}\n        context={context}\n        href={item.href}\n        icon={item.icon}\n        indent={item.icon ? Math.max(0, indent - 1) : indent}\n        item={item}\n        key={item.href}\n        name={groupLabel ? `${groupLabel} / ${item.label}` : item.label}\n      />\n    ));\n\n  if (collapsed) {\n    const railItems = (list: ConsoleNavItem[], groupLabel?: string) =>\n      list\n        .filter((item) => item.icon)\n        .map((item) => (\n          <NavLink\n            collapsed\n            active={item.href === activeHref}\n            context={context}\n            href={item.href}\n            icon={item.icon}\n            item={item}\n            key={item.href}\n            name={groupLabel ? `${groupLabel} / ${item.label}` : item.label}\n          />\n        ));\n    const topRail = railItems(items);\n    const iconGroups = groups.filter((group) => group.icon);\n\n    return (\n      <ScrollShadow\n        aria-label={label}\n        as={'nav'}\n        className={styles.nav}\n        data-collapsed=\"\"\n        orientation={'vertical'}\n        ref={navRef}\n        size={8}\n      >\n        {topRail.length > 0 ? <div className={styles.railTop}>{topRail}</div> : null}\n        {iconGroups.length > 0 ? (\n          <div className={styles.railGroup} data-first={topRail.length === 0} role=\"group\">\n            {iconGroups.map((group) => {\n              const href = group.href ?? collectNavItems([group])[0]?.href;\n              if (!href) return null;\n              return (\n                <NavLink\n                  collapsed\n                  active={activeBranch[0] === group.key}\n                  context={context}\n                  href={href}\n                  icon={group.icon}\n                  key={group.key}\n                  name={group.label}\n                />\n              );\n            })}\n          </div>\n        ) : null}\n        {groups\n          .filter((group) => !group.icon)\n          .map((group, index) => {\n            const rail = railItems(collectNavItems([group]), group.label);\n            if (rail.length === 0) return null;\n            return (\n              <div\n                className={styles.railGroup}\n                data-first={topRail.length === 0 && iconGroups.length === 0 && index === 0}\n                key={group.key}\n                role=\"group\"\n              >\n                <h2 className={styles.srOnly}>{group.label}</h2>\n                {rail}\n              </div>\n            );\n          })}\n      </ScrollShadow>\n    );\n  }\n\n  const renderGroup = (group: ConsoleNavGroup, level: number, indent: number) => {\n    const expanded = isExpanded(group);\n    const panelId = `${id}-${group.key}`;\n    // Nested groups are headings over their items, so the items keep the same indent.\n    const childIndent = indent + (group.icon ? 1 : 0);\n    const active = activeBranch.includes(group.key);\n\n    return (\n      <div\n        className={styles.group}\n        data-icon={Boolean(group.icon)}\n        data-level={level}\n        key={group.key}\n      >\n        <button\n          aria-controls={panelId}\n          aria-expanded={expanded}\n          className={styles.groupHeader}\n          data-active={active}\n          data-icon={Boolean(group.icon)}\n          data-indent={indent}\n          data-level={level}\n          type=\"button\"\n          onClick={() => toggleGroup(group.key, expanded)}\n        >\n          {group.icon ? <Icon icon={group.icon} size={16} /> : null}\n          <span className={styles.itemLabel} data-label=\"\">\n            {group.label}\n          </span>\n          {level === 0 ? (\n            <Icon\n              className={styles.chevron}\n              data-expanded={expanded}\n              icon={ChevronDown}\n              size={14}\n            />\n          ) : (\n            <span className={styles.indicator} data-expanded={expanded}>\n              <Play fill={'currentColor'} size={7} strokeWidth={1} />\n            </span>\n          )}\n        </button>\n        <div\n          aria-hidden={!expanded}\n          className={styles.groupPanel}\n          data-expanded={expanded}\n          data-instant={reducedMotion}\n          id={panelId}\n          inert={expanded ? undefined : true}\n        >\n          <div className={styles.groupItems}>\n            {renderItems(group.items ?? [], childIndent, group.label)}\n            {(group.groups ?? []).map((child) => renderGroup(child, level + 1, childIndent))}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <ScrollShadow\n      aria-label={label}\n      as={'nav'}\n      className={styles.nav}\n      orientation={'vertical'}\n      ref={navRef}\n      size={4}\n    >\n      {items.length > 0 ? (\n        <div className={styles.topItems} data-divided={groups.length > 0}>\n          {renderItems(items, 0)}\n        </div>\n      ) : null}\n      {groups.map((group) => renderGroup(group, 0, 0))}\n    </ScrollShadow>\n  );\n}\n\nConsoleNav.displayName = 'ConsoleNav';\n\nexport default ConsoleNav;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,sBAAsB;;AAK5B,SAAS,cAAc,OAAmC;CACxD,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,OAAO,YAAY,MAAM,KAAK,QAAQ,CAAC,OAAO,GAAG,GAAG,KAAK,CAAC,CAAC;CAEpE,OAAO,SAAS,OAAO,UAAU,WAAY,QAA8B,CAAC;AAC9E;AAEA,SAAS,qBAAqB,WAAwB;CACpD,MAAM,OACJ,UAAU,cAA2B,yBAAuB,KAC5D,CAAC,GAAG,UAAU,iBAA8B,8BAA4B,CAAC,CAAC,CAAC,GAAG,EAAE;CAClF,IAAI,CAAC,MAAM;CACX,MAAM,gBAAgB,UAAU,sBAAsB;CACtD,MAAM,WAAW,KAAK,sBAAsB;CAC5C,IAAI,SAAS,OAAO,cAAc,OAAO,SAAS,UAAU,cAAc,QAAQ;CAClF,UAAU,aACR,SAAS,MAAM,cAAc,OAAO,cAAc,SAAS,SAAS,UAAU;AAClF;AAOA,SAAS,QAAQ,EACf,QACA,WACA,SACA,MACA,MACA,SAAS,GACT,MACA,QAUC;CACD,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,MAAM,SAAS;CAC7B,MAAM,eAAe;EACnB,QAAQ,aAAa,IAAI;EACzB,OAAO,gBAAgB;CACzB;CACA,MAAM,YAAiC;EACrC,gBAAgB,SAAS,SAAS,KAAA;EAClC,cAAc,YAAY,OAAO,KAAA;EACjC,YACE,qBAAA,YAAA,EAAA,UAAA;GACG,OAAO,oBAAC,MAAD;IAAY;IAAM,MAAM;GAAK,CAAA,IAAI;GACxC,YAAY,OAAO,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAY,UAAA;GAAY,CAAA;GACnE,CAAC,aAAa,MAAM,QAAQ,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAQ,UAAA,KAAK;GAAY,CAAA,IAAI;GACjF,aAAa,MAAM,QAAQ,oBAAC,QAAD;IAAM,eAAA;IAAY,WAAW,OAAO;GAAM,CAAA,IAAI;EAC1E,EAAA,CAAA;EAEJ,aAAa,OAAO;EACpB,eAAe;EACf,kBAAkB;EAClB,eAAe;EACf,YAAY,MAAM;EAClB;EACA,WAAW;EACX,SAAS,YAAY,KAAA,IAAY;CACnC;CAEA,MAAM,OAAO,QAAQ,aACnB,QAAQ,WAAW,SAAS,IAE5B,oBAAC,KAAD;EACE,gBAAc,UAAU;EACxB,cAAY,UAAU;EACtB,WAAW,UAAU;EACrB,eAAa;EACb,kBAAgB;EAChB,eAAa;EACP;EACN,KAAK,MAAM,WAAW,eAAe,KAAA;EACrC,QAAQ,MAAM,WAAW,WAAW,KAAA;EACpC,OAAO,UAAU;EACjB,UAAU,UAAU;GAClB,IAAI,QAAQ,cAAc,CAAC,MAAM,UAAU,MAAM,eAAe;GAChE,OAAO;EACT;EAEC,UAAA,UAAU;CACV,CAAA;CAGL,IAAI,CAAC,WAAW,OAAO;CACvB,OACE,oBAAC,SAAD;EAAS,WAAU;EAAQ,OAAO;EAC/B,UAAA;CACM,CAAA;AAEb;AAEA,SAAS,WAAW,EAClB,WAAW,eACX,kBAAkB,OAClB,SAAS,CAAC,GACV,QAAQ,CAAC,GACT,QAAQ,WACR,YACA,UACA,YACA,cACkB;CAClB,MAAM,KAAK,MAAM;CACjB,MAAM,SAAS,OAAuB,IAAI;CAC1C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,YAAY,iBAAiB,OAAO,aAAa;CACvD,MAAM,gBAAgB,wBAAwB;CAC9C,MAAM,CAAC,iBAAiB,sBAAsB,gBAAyB,YAAY,CAAC,CAAC;CACrF,MAAM,YAAY,cAAc,eAAe;CAC/C,MAAM,UAAuB;EAAE;EAAY;CAAW;CAEtD,MAAM,aAAa,kBAAkB,UAAU,CAAC,GAAG,OAAO,GAAG,gBAAgB,MAAM,CAAC,CAAC;CACrF,MAAM,eAAe,iBAAiB,UAAU,QAAQ,UAAU;CAGlE,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,QAAQ;CAC/D,IAAI,oBAAoB,UAAU;EAChC,mBAAmB,QAAQ;EAC3B,IAAI,aAAa,MAAM,QAAQ,UAAU,SAAS,KAAK,GAAG;GACxD,MAAM,OAAO,EAAE,GAAG,UAAU;GAC5B,KAAK,MAAM,OAAO,cAAc,OAAO,KAAK;GAC5C,mBAAmB,IAAI;EACzB;CACF;CAEA,MAAM,cAAc,UAClB,UAAU,MAAM,SACf,aAAa,SAAS,MAAM,GAAG,MAAM,MAAM,mBAAmB,oBAAoB;CAErF,MAAM,cAAc,aACjB,KAAa,aAAsB;EAClC,oBAAoB,aAAsB;GAAE,GAAG,cAAc,OAAO;IAAI,MAAM,CAAC;EAAS,EAAE;CAC5F,GACA,CAAC,kBAAkB,CACrB;CAEA,gBAAgB;EACd,MAAM,YAAY,OAAO;EACzB,IAAI,CAAC,WAAW;EAChB,qBAAqB,SAAS;EAC9B,IAAI,eAAe;EACnB,MAAM,QAAQ,OAAO,iBAAiB,qBAAqB,SAAS,GAAG,mBAAmB;EAC1F,aAAa,OAAO,aAAa,KAAK;CACxC,GAAG;EAAC;EAAY;EAAW;EAAU;CAAa,CAAC;CAEnD,MAAM,eAAe,MAAwB,QAAgB,eAC3D,KAAK,KAAK,SACR,oBAAC,SAAD;EACE,QAAQ,KAAK,SAAS;EACtB,WAAW;EACF;EACT,MAAM,KAAK;EACX,MAAM,KAAK;EACX,QAAQ,KAAK,OAAO,KAAK,IAAI,GAAG,SAAS,CAAC,IAAI;EACxC;EAEN,MAAM,aAAa,GAAG,WAAW,KAAK,KAAK,UAAU,KAAK;CAC3D,GAFM,KAAK,IAEX,CACF;CAEH,IAAI,WAAW;EACb,MAAM,aAAa,MAAwB,eACzC,KACG,QAAQ,SAAS,KAAK,IAAI,CAAC,CAC3B,KAAK,SACJ,oBAAC,SAAD;GACE,WAAA;GACA,QAAQ,KAAK,SAAS;GACb;GACT,MAAM,KAAK;GACX,MAAM,KAAK;GACL;GAEN,MAAM,aAAa,GAAG,WAAW,KAAK,KAAK,UAAU,KAAK;EAC3D,GAFM,KAAK,IAEX,CACF;EACL,MAAM,UAAU,UAAU,KAAK;EAC/B,MAAM,aAAa,OAAO,QAAQ,UAAU,MAAM,IAAI;EAEtD,OACE,qBAAC,cAAD;GACE,cAAY;GACZ,IAAI;GACJ,WAAW,OAAO;GAClB,kBAAe;GACf,aAAa;GACb,KAAK;GACL,MAAM;GAPR,UAAA;IASG,QAAQ,SAAS,IAAI,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAU,UAAA;IAAa,CAAA,IAAI;IACvE,WAAW,SAAS,IACnB,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAW,cAAY,QAAQ,WAAW;KAAG,MAAK;KACtE,UAAA,WAAW,KAAK,UAAU;MACzB,MAAM,OAAO,MAAM,QAAQ,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;MACxD,IAAI,CAAC,MAAM,OAAO;MAClB,OACE,oBAAC,SAAD;OACE,WAAA;OACA,QAAQ,aAAa,OAAO,MAAM;OACzB;OACH;OACN,MAAM,MAAM;OAEZ,MAAM,MAAM;MACb,GAFM,MAAM,GAEZ;KAEL,CAAC;IACE,CAAA,IACH;IACH,OACE,QAAQ,UAAU,CAAC,MAAM,IAAI,CAAC,CAC9B,KAAK,OAAO,UAAU;KACrB,MAAM,OAAO,UAAU,gBAAgB,CAAC,KAAK,CAAC,GAAG,MAAM,KAAK;KAC5D,IAAI,KAAK,WAAW,GAAG,OAAO;KAC9B,OACE,qBAAC,OAAD;MACE,WAAW,OAAO;MAClB,cAAY,QAAQ,WAAW,KAAK,WAAW,WAAW,KAAK,UAAU;MAEzE,MAAK;MAJP,UAAA,CAME,oBAAC,MAAD;OAAI,WAAW,OAAO;OAAS,UAAA,MAAM;MAAU,CAAA,GAC9C,IACE;KALE,GAAA,MAAM,GAKR;IAET,CAAC;GACS;;CAElB;CAEA,MAAM,eAAe,OAAwB,OAAe,WAAmB;EAC7E,MAAM,WAAW,WAAW,KAAK;EACjC,MAAM,UAAU,GAAG,GAAG,GAAG,MAAM;EAE/B,MAAM,cAAc,UAAU,MAAM,OAAO,IAAI;EAC/C,MAAM,SAAS,aAAa,SAAS,MAAM,GAAG;EAE9C,OACE,qBAAC,OAAD;GACE,WAAW,OAAO;GAClB,aAAW,QAAQ,MAAM,IAAI;GAC7B,cAAY;GAHd,UAAA,CAME,qBAAC,UAAD;IACE,iBAAe;IACf,iBAAe;IACf,WAAW,OAAO;IAClB,eAAa;IACb,aAAW,QAAQ,MAAM,IAAI;IAC7B,eAAa;IACb,cAAY;IACZ,MAAK;IACL,eAAe,YAAY,MAAM,KAAK,QAAQ;IAThD,UAAA;KAWG,MAAM,OAAO,oBAAC,MAAD;MAAM,MAAM,MAAM;MAAM,MAAM;KAAK,CAAA,IAAI;KACrD,oBAAC,QAAD;MAAM,WAAW,OAAO;MAAW,cAAW;MAC3C,UAAA,MAAM;KACH,CAAA;KACL,UAAU,IACT,oBAAC,MAAD;MACE,WAAW,OAAO;MAClB,iBAAe;MACf,MAAM;MACN,MAAM;KACP,CAAA,IAED,oBAAC,QAAD;MAAM,WAAW,OAAO;MAAW,iBAAe;MAChD,UAAA,oBAAC,MAAD;OAAM,MAAM;OAAgB,MAAM;OAAG,aAAa;MAAI,CAAA;KAClD,CAAA;IAEF;GACR,CAAA,GAAA,oBAAC,OAAD;IACE,eAAa,CAAC;IACd,WAAW,OAAO;IAClB,iBAAe;IACf,gBAAc;IACd,IAAI;IACJ,OAAO,WAAW,KAAA,IAAY;IAE9B,UAAA,qBAAC,OAAD;KAAK,WAAW,OAAO;KAAvB,UAAA,CACG,YAAY,MAAM,SAAS,CAAC,GAAG,aAAa,MAAM,KAAK,IACtD,MAAM,UAAU,CAAC,EAAA,CAAG,KAAK,UAAU,YAAY,OAAO,QAAQ,GAAG,WAAW,CAAC,CAC5E;;GACF,CAAA,CACF;EA3CE,GAAA,MAAM,GA2CR;CAET;CAEA,OACE,qBAAC,cAAD;EACE,cAAY;EACZ,IAAI;EACJ,WAAW,OAAO;EAClB,aAAa;EACb,KAAK;EACL,MAAM;EANR,UAAA,CAQG,MAAM,SAAS,IACd,oBAAC,OAAD;GAAK,WAAW,OAAO;GAAU,gBAAc,OAAO,SAAS;GAC5D,UAAA,YAAY,OAAO,CAAC;EAClB,CAAA,IACH,MACH,OAAO,KAAK,UAAU,YAAY,OAAO,GAAG,CAAC,CAAC,CACnC;;AAElB;AAEA,WAAW,cAAc"}
+{"version":3,"file":"ConsoleNav.mjs","names":[],"sources":["../../../src/dashboard/ConsoleNav/ConsoleNav.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown, Play } from 'lucide-react';\nimport { type ReactNode, useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport Tooltip from '@/base-ui/Tooltip';\nimport Icon from '@/Icon';\nimport ScrollShadow from '@/ScrollShadow';\n\nimport { useConsoleShellState } from '../ConsoleShell/context';\nimport { useLocalStorage, usePrefersReducedMotion } from '../hooks';\nimport { collectNavItems, findActiveBranch, resolveActiveHref } from './active';\nimport { styles } from './style';\nimport type { ConsoleNavGroup, ConsoleNavItem, ConsoleNavLinkProps, ConsoleNavProps } from './type';\n\nconst PANEL_TRANSITION_MS = 160;\nconst RAIL_TRANSITION_MS = 200;\n\ntype ExpandedOverrides = Record<string, boolean>;\n\n/** Older builds stored the closed group keys as an array. */\nfunction readOverrides(value: unknown): ExpandedOverrides {\n  if (Array.isArray(value)) {\n    return Object.fromEntries(value.map((key) => [String(key), false]));\n  }\n  return value && typeof value === 'object' ? (value as ExpandedOverrides) : {};\n}\n\nfunction scrollActiveIntoView(container: HTMLElement, behavior: ScrollBehavior = 'auto') {\n  const link =\n    container.querySelector<HTMLElement>('[aria-current=\"page\"]') ??\n    [...container.querySelectorAll<HTMLElement>('button[data-active=\"true\"]')].at(-1);\n  if (!link) return;\n  const containerRect = container.getBoundingClientRect();\n  const linkRect = link.getBoundingClientRect();\n  if (linkRect.top >= containerRect.top && linkRect.bottom <= containerRect.bottom) return;\n  container.scrollBy({\n    behavior,\n    top: linkRect.top - containerRect.top - (containerRect.height - linkRect.height) / 2,\n  });\n}\n\ninterface LinkContext {\n  onNavigate?: (href: string) => void;\n  renderLink?: ConsoleNavProps['renderLink'];\n}\n\nfunction renderAnchor(context: LinkContext, linkProps: ConsoleNavLinkProps, onFollow: () => void) {\n  if (context.renderLink) return context.renderLink(linkProps);\n  return (\n    <a\n      aria-current={linkProps['aria-current']}\n      aria-label={linkProps['aria-label']}\n      className={linkProps.className}\n      data-active={linkProps['data-active']}\n      data-collapsed={linkProps['data-collapsed']}\n      data-indent={linkProps['data-indent']}\n      href={linkProps.href}\n      rel={linkProps.external ? 'noreferrer' : undefined}\n      target={linkProps.external ? '_blank' : undefined}\n      title={linkProps.title}\n      onClick={(event) => {\n        if (context.onNavigate && !linkProps.external) event.preventDefault();\n        onFollow();\n      }}\n    >\n      {linkProps.children}\n    </a>\n  );\n}\n\nfunction NavLink({\n  active,\n  collapsed,\n  context,\n  href,\n  icon,\n  indent = 0,\n  item,\n  name,\n  overlay = false,\n}: {\n  active: boolean;\n  collapsed: boolean;\n  context: LinkContext;\n  href: string;\n  icon?: ConsoleNavItem['icon'];\n  indent?: number;\n  item?: ConsoleNavItem;\n  name: string;\n  overlay?: boolean;\n}) {\n  const shell = useConsoleShellState();\n  const label = item?.label ?? name;\n  const follow = () => {\n    context.onNavigate?.(href);\n    shell?.closeNavigation();\n  };\n  const linkProps: ConsoleNavLinkProps = {\n    'aria-current': active ? 'page' : undefined,\n    'aria-label': collapsed ? name : undefined,\n    'children': overlay ? null : (\n      <>\n        {icon ? <Icon icon={icon} size={18} /> : null}\n        <span className={styles.itemLabel}>{label}</span>\n        {item?.badge ? <span className={styles.badge}>{item.badge}</span> : null}\n        {item?.badge ? <span aria-hidden className={styles.dot} /> : null}\n      </>\n    ),\n    'className': overlay ? styles.railLink : styles.item,\n    'data-active': active,\n    'data-collapsed': collapsed,\n    'data-indent': indent,\n    'external': item?.external,\n    href,\n    'onClick': follow,\n    'title': collapsed ? undefined : label,\n  };\n\n  const link = renderAnchor(context, linkProps, follow);\n\n  if (!icon && !overlay) return link;\n  // Always mounted so toggling the rail keeps the same link element and its label can fade.\n  return (\n    <Tooltip disabled={!collapsed} placement=\"right\" title={name}>\n      {link}\n    </Tooltip>\n  );\n}\n\nfunction Fold({ children, folded }: { children: ReactNode; folded: boolean }) {\n  return (\n    <div\n      aria-hidden={folded || undefined}\n      className={styles.fold}\n      data-folded={folded}\n      inert={folded || undefined}\n    >\n      <div>{children}</div>\n    </div>\n  );\n}\n\nfunction ConsoleNav({\n  collapsed: collapsedProp,\n  defaultExpanded = 'all',\n  groups = [],\n  items = [],\n  label = 'Primary',\n  onNavigate,\n  pathname,\n  renderLink,\n  storageKey,\n}: ConsoleNavProps) {\n  const id = useId();\n  const navRef = useRef<HTMLDivElement>(null);\n  const shell = useConsoleShellState();\n  const collapsed = collapsedProp ?? shell?.collapsed ?? false;\n  const reducedMotion = usePrefersReducedMotion();\n  const [storedOverrides, setStoredOverrides] = useLocalStorage<unknown>(storageKey, {});\n  const overrides = readOverrides(storedOverrides);\n  const context: LinkContext = { onNavigate, renderLink };\n\n  const activeHref = resolveActiveHref(pathname, [...items, ...collectNavItems(groups)]);\n  const activeBranch = findActiveBranch(pathname, groups, activeHref);\n\n  // Arriving on a page reopens its branch even if it was closed by hand earlier.\n  const [trackedPathname, setTrackedPathname] = useState(pathname);\n  if (trackedPathname !== pathname) {\n    setTrackedPathname(pathname);\n    if (activeBranch.some((key) => overrides[key] === false)) {\n      const next = { ...overrides };\n      for (const key of activeBranch) delete next[key];\n      setStoredOverrides(next);\n    }\n  }\n\n  const isExpanded = (group: ConsoleNavGroup) =>\n    overrides[group.key] ??\n    (activeBranch.includes(group.key) || (group.defaultExpanded ?? defaultExpanded === 'all'));\n\n  const toggleGroup = useCallback(\n    (key: string, expanded: boolean) => {\n      setStoredOverrides((current: unknown) => ({ ...readOverrides(current), [key]: !expanded }));\n    },\n    [setStoredOverrides],\n  );\n\n  useEffect(() => {\n    const container = navRef.current;\n    if (!container) return;\n    scrollActiveIntoView(container);\n    if (reducedMotion) return;\n    const timer = window.setTimeout(() => scrollActiveIntoView(container), PANEL_TRANSITION_MS);\n    return () => window.clearTimeout(timer);\n  }, [activeHref, pathname, reducedMotion]);\n\n  useEffect(() => {\n    const container = navRef.current;\n    if (!container) return;\n    const timer = window.setTimeout(\n      () => scrollActiveIntoView(container, reducedMotion ? 'auto' : 'smooth'),\n      reducedMotion ? 0 : RAIL_TRANSITION_MS,\n    );\n    return () => window.clearTimeout(timer);\n  }, [collapsed, reducedMotion]);\n\n  // The rail folds rows out of this same tree instead of rendering its own, so icons stay put\n  // while the sidebar width animates.\n  const renderItems = (\n    list: ConsoleNavItem[],\n    indent: number,\n    groupLabel: string | undefined,\n    foldable: boolean,\n  ) =>\n    list.map((item) => {\n      const link = (\n        <NavLink\n          active={item.href === activeHref}\n          collapsed={collapsed}\n          context={context}\n          href={item.href}\n          icon={item.icon}\n          indent={item.icon ? Math.max(0, indent - 1) : indent}\n          item={item}\n          key={item.href}\n          name={groupLabel ? `${groupLabel} / ${item.label}` : item.label}\n        />\n      );\n      if (item.icon || !foldable) return link;\n      return (\n        <Fold folded={collapsed} key={item.href}>\n          {link}\n        </Fold>\n      );\n    });\n\n  const renderGroup = (\n    group: ConsoleNavGroup,\n    level: number,\n    indent: number,\n    underRailIcon: boolean,\n  ) => {\n    const expanded = isExpanded(group);\n    const panelId = `${id}-${group.key}`;\n    // Nested groups are headings over their items, so the items keep the same indent.\n    const childIndent = indent + (group.icon ? 1 : 0);\n    const active = activeBranch.includes(group.key);\n    const railIcon = level === 0 && Boolean(group.icon);\n    const onRail = collapsed && !underRailIcon;\n    const open = onRail ? !railIcon : expanded;\n    const railHref = railIcon ? (group.href ?? collectNavItems([group])[0]?.href) : undefined;\n    const railEmpty = !railIcon && !collectNavItems([group]).some((item) => item.icon);\n\n    const header = (\n      <button\n        aria-controls={panelId}\n        aria-expanded={open}\n        aria-hidden={(onRail && railIcon) || undefined}\n        className={styles.groupHeader}\n        data-active={active}\n        data-icon={Boolean(group.icon)}\n        data-indent={indent}\n        data-level={level}\n        tabIndex={onRail && railIcon ? -1 : undefined}\n        type=\"button\"\n        onClick={() => toggleGroup(group.key, expanded)}\n      >\n        {group.icon ? <Icon icon={group.icon} size={16} /> : null}\n        <span className={styles.itemLabel} data-label=\"\">\n          {group.label}\n        </span>\n        {level === 0 ? (\n          <Icon className={styles.chevron} data-expanded={expanded} icon={ChevronDown} size={14} />\n        ) : (\n          <span className={styles.indicator} data-expanded={expanded}>\n            <Play fill={'currentColor'} size={7} strokeWidth={1} />\n          </span>\n        )}\n      </button>\n    );\n\n    let head: ReactNode = header;\n    if (railIcon) {\n      head = (\n        <div className={styles.groupHead}>\n          {header}\n          {onRail && railHref ? (\n            <NavLink\n              collapsed\n              overlay\n              active={activeBranch[0] === group.key}\n              context={context}\n              href={railHref}\n              name={group.label}\n            />\n          ) : null}\n        </div>\n      );\n    } else if (!underRailIcon) {\n      head = <Fold folded={onRail}>{header}</Fold>;\n    }\n\n    return (\n      <div\n        className={styles.group}\n        data-icon={Boolean(group.icon)}\n        data-level={level}\n        data-rail-empty={railEmpty}\n        key={group.key}\n      >\n        {head}\n        <div\n          aria-hidden={!open}\n          className={styles.groupPanel}\n          data-expanded={open}\n          data-instant={reducedMotion}\n          id={panelId}\n          inert={open ? undefined : true}\n        >\n          <div className={styles.groupItems}>\n            {renderItems(group.items ?? [], childIndent, group.label, !(underRailIcon || railIcon))}\n            {(group.groups ?? []).map((child) =>\n              renderGroup(child, level + 1, childIndent, underRailIcon || railIcon),\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <ScrollShadow\n      aria-label={label}\n      as={'nav'}\n      className={styles.nav}\n      data-collapsed={collapsed}\n      orientation={'vertical'}\n      ref={navRef}\n      size={4}\n    >\n      {items.length > 0 ? (\n        <div\n          className={styles.topItems}\n          data-divided={groups.length > 0}\n          data-rail-empty={!items.some((item) => item.icon)}\n        >\n          {renderItems(items, 0, undefined, true)}\n        </div>\n      ) : null}\n      {groups.map((group) => renderGroup(group, 0, 0, false))}\n    </ScrollShadow>\n  );\n}\n\nConsoleNav.displayName = 'ConsoleNav';\n\nexport default ConsoleNav;\n"],"mappings":"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"}