@inf-monkeys-tech/monkeys-design 1.0.20 → 1.0.21

package/dist/components/workbench/index.mjs

@@ -9754,7 +9754,9 @@ var radarPanelStyle = {
 function WorkbenchRadarNavigation({
   items,
   activeItemId,
+  activeChildId,
   onItemSelect,
+  onChildSelect,
   footer,
   ariaLabel = "Radar navigation"
 }) {
@@ -9785,10 +9787,27 @@ function WorkbenchRadarNavigation({
                 ]
               }
             ),
-            item.children?.length ? /* @__PURE__ */ jsx("ul", { className: "ml-5 grid gap-0.5 border-l border-border/70 py-1 pl-3", children: item.children.map((child) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-9 items-center gap-2 rounded-md px-2 text-xs font-medium text-muted-foreground", children: [
-              hasRenderableNode(child.icon) ? /* @__PURE__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", "aria-hidden": "true", children: child.icon }) : null,
-              /* @__PURE__ */ jsx("span", { className: "truncate", children: child.label })
-            ] }) }, child.id)) }) : null
+            item.children?.length ? /* @__PURE__ */ jsx("ul", { className: "ml-5 grid gap-0.5 border-l border-border/70 py-1 pl-3", children: item.children.map((child) => {
+              const childActive = child.id === activeChildId;
+              const Comp = onChildSelect ? "button" : "div";
+              return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+                Comp,
+                {
+                  type: onChildSelect ? "button" : void 0,
+                  "data-radar-navigation-child-id": child.id,
+                  "aria-current": onChildSelect && childActive ? "page" : void 0,
+                  onClick: onChildSelect ? () => onChildSelect(child, item) : void 0,
+                  className: cn(
+                    "flex min-h-9 w-full items-center gap-2 rounded-md border border-transparent px-2 text-left text-xs font-medium outline-none transition-[background-color,border-color,color] focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
+                    childActive ? "border-primary/40 bg-primary/15 text-primary" : "text-muted-foreground hover:border-border hover:bg-muted/60 hover:text-foreground"
+                  ),
+                  children: [
+                    hasRenderableNode(child.icon) ? /* @__PURE__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", "aria-hidden": "true", children: child.icon }) : null,
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: child.label })
+                  ]
+                }
+              ) }, child.id);
+            }) }) : null
           ] }, item.id);
         }) }) }),
         hasRenderableNode(footer) ? /* @__PURE__ */ jsx("div", { className: "border-t border-border/70 p-3", children: footer }) : null
@@ -9799,7 +9818,9 @@ function WorkbenchRadarNavigation({
 function WorkbenchRadarWorkspace({
   navigationItems = [],
   activeNavigationId,
+  activeNavigationChildId,
   onNavigationSelect,
+  onNavigationChildSelect,
   navigationFooter,
   navigation,
   children,
@@ -9827,7 +9848,9 @@ function WorkbenchRadarWorkspace({
           {
             items: navigationItems,
             activeItemId: activeNavigationId,
+            activeChildId: activeNavigationChildId,
             onItemSelect: onNavigationSelect,
+            onChildSelect: onNavigationChildSelect,
             footer: navigationFooter
           }
         ),