@inf-monkeys-tech/monkeys-design 1.0.7 → 1.0.8

package/dist/index.mjs

@@ -21583,11 +21583,57 @@ var radarPanelStyle = {
   backgroundColor: "hsl(var(--radar-panel, var(--card)))",
   borderColor: "hsl(var(--radar-border, var(--border)))"
 };
+function WorkbenchRadarNavigation({
+  items,
+  activeItemId,
+  onItemSelect,
+  footer,
+  ariaLabel = "Radar navigation"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      "aria-label": ariaLabel,
+      "data-monkeys-component": "workbench-radar-navigation",
+      className: "flex min-h-0 flex-col overflow-hidden rounded-[calc(var(--radius)+0.25rem)] border",
+      style: radarPanelStyle,
+      children: [
+        /* @__PURE__ */ jsx("nav", { className: "min-h-0 flex-1 overflow-y-auto p-3", children: /* @__PURE__ */ jsx("ul", { className: "grid gap-2", children: items.map((item) => {
+          const active = item.id === activeItemId;
+          return /* @__PURE__ */ jsxs("li", { className: "grid gap-1", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                "aria-current": active ? "page" : void 0,
+                onClick: onItemSelect ? () => onItemSelect(item) : void 0,
+                className: cn(
+                  "flex min-h-11 w-full items-center gap-3 rounded-[var(--radius)] border border-transparent px-3 py-2 text-left text-sm font-semibold outline-none transition-[background-color,border-color,color,box-shadow] focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
+                  active ? "bg-primary text-primary-foreground shadow-[0_0_1.25rem_hsl(var(--primary)/0.28)]" : "text-muted-foreground hover:border-border hover:bg-muted/60 hover:text-foreground"
+                ),
+                children: [
+                  hasRenderableNode(item.icon) ? /* @__PURE__ */ jsx("span", { className: "flex size-5 shrink-0 items-center justify-center", "aria-hidden": "true", children: item.icon }) : null,
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: item.label })
+                ]
+              }
+            ),
+            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.id);
+        }) }) }),
+        hasRenderableNode(footer) ? /* @__PURE__ */ jsx("div", { className: "border-t border-border/70 p-3", children: footer }) : null
+      ]
+    }
+  );
+}
 function WorkbenchRadarWorkspace({
-  navigationItems,
+  navigationItems = [],
   activeNavigationId,
   onNavigationSelect,
   navigationFooter,
+  navigation,
   children,
   inspector,
   inspectorLabel = "Context controls",
@@ -21608,40 +21654,13 @@ function WorkbenchRadarWorkspace({
       ),
       style: { ...radarWorkspaceStyle, minHeight: minimumHeight },
       children: [
-        /* @__PURE__ */ jsxs(
-          "aside",
+        hasRenderableNode(navigation) ? navigation : /* @__PURE__ */ jsx(
+          WorkbenchRadarNavigation,
           {
-            "aria-label": "Radar navigation",
-            className: "flex min-h-0 flex-col overflow-hidden rounded-[calc(var(--radius)+0.25rem)] border",
-            style: radarPanelStyle,
-            children: [
-              /* @__PURE__ */ jsx("nav", { className: "min-h-0 flex-1 overflow-y-auto p-3", children: /* @__PURE__ */ jsx("ul", { className: "grid gap-2", children: navigationItems.map((item) => {
-                const active = item.id === activeNavigationId;
-                return /* @__PURE__ */ jsxs("li", { className: "grid gap-1", children: [
-                  /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-current": active ? "page" : void 0,
-                      onClick: onNavigationSelect ? () => onNavigationSelect(item) : void 0,
-                      className: cn(
-                        "flex min-h-11 w-full items-center gap-3 rounded-[var(--radius)] border border-transparent px-3 py-2 text-left text-sm font-semibold outline-none transition-[background-color,border-color,color,box-shadow] focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
-                        active ? "bg-primary text-primary-foreground shadow-[0_0_1.25rem_hsl(var(--primary)/0.28)]" : "text-muted-foreground hover:border-border hover:bg-muted/60 hover:text-foreground"
-                      ),
-                      children: [
-                        hasRenderableNode(item.icon) ? /* @__PURE__ */ jsx("span", { className: "flex size-5 shrink-0 items-center justify-center", "aria-hidden": "true", children: item.icon }) : null,
-                        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: item.label })
-                      ]
-                    }
-                  ),
-                  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.id);
-              }) }) }),
-              hasRenderableNode(navigationFooter) ? /* @__PURE__ */ jsx("div", { className: "border-t border-border/70 p-3", children: navigationFooter }) : null
-            ]
+            items: navigationItems,
+            activeItemId: activeNavigationId,
+            onItemSelect: onNavigationSelect,
+            footer: navigationFooter
           }
         ),
         /* @__PURE__ */ jsx(
@@ -27527,6 +27546,6 @@ function useDarkMode() {
   return { mode, setMode, resolvedMode };
 }
 
-export { AppHeader, AppLayout, AppShellSidebar, AppSidebar, ApplicationHandoffLink, BaseAccordion, BaseAspectRatio, BaseAvatar, BaseBadge, BaseBreadcrumb, BaseButton, BaseCheckbox, BaseCode, BaseContainer, BaseContextMenu, BaseContextMenuCheckboxItem, BaseContextMenuContent, BaseContextMenuItem, BaseContextMenuLabel, BaseContextMenuRadioGroup, BaseContextMenuRadioItem, BaseContextMenuSeparator, BaseContextMenuSub, BaseContextMenuSubContent, BaseContextMenuSubTrigger, BaseContextMenuTrigger, BaseDescriptionList, BaseDialog, BaseDivider, BaseDropdownMenu, BaseEmptyState, BaseField, BaseFieldset, BaseGrid, BaseHeading, BaseInline, BaseInput, BaseInputGroup, BaseKbd, BaseLayout, BaseLayoutPane, BaseLayoutResizeHandle, BaseLayoutSplit, BaseLink, BaseList, BaseListItem, BaseLoadingState, BaseMultiSelect, BaseNotice, BaseNumberInput, BasePagination, BasePanel, BasePasswordInput, BasePortal, BaseProgress, BaseRadioGroup, BaseScrollArea, BaseSectionHeader, BaseSegmentedControl, BaseSelect, BaseSkeleton, BaseSpinner, BaseStack, BaseSteps, BaseSwitch, BaseTable, BaseTableBody, BaseTableCaption, BaseTableCell, BaseTableContainer, BaseTableEmpty, BaseTableFooter, BaseTableFooterBar, BaseTableHead, BaseTableHeader, BaseTableLoading, BaseTableRow, BaseTabs, BaseText, BaseTextarea, BaseToolbar, BaseTooltip, BaseVisuallyHidden, DarkModeSelector, DarkModeSubMenu, DataExplorerActionBar, DataExplorerButton, DataExplorerCheckbox, DataExplorerCollectionFooter, DataExplorerDetailField, DataExplorerDetailSection, DataExplorerDetailShell, DataExplorerDisplayActionMenu, DataExplorerDisplayCard, DataExplorerDisplayCollectionView, DataExplorerDisplayListItem, DataExplorerDisplayMedia, DataExplorerImagePreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, I18nSelector, InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, LoginPage, MonkeysProvider, MonkeysToastProvider, MonkeysToaster, NavButton, NavigationLayout, OverlayNodeHost, RenderNodeHost, MonkeysToastProvider as ToastProvider, MonkeysToaster as Toaster, UserAccountMenu, WorkbenchAssetGallery, WorkbenchContentPane, WorkbenchContentToolbar, WorkbenchDetailSidebar, WorkbenchEvidenceList, WorkbenchGalleryCard, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsPanel, WorkbenchGalleryView, WorkbenchJourneyNavigation, WorkbenchLaneView, WorkbenchMasonryLayout, WorkbenchMetricGrid, WorkbenchRadarFilterChip, WorkbenchRadarInspectorSection, WorkbenchRadarMatrix, WorkbenchRadarWorkspace, WorkbenchRankedList, WorkbenchRelationshipGraph, WorkbenchResizableSidebar, WorkbenchScatterPlot, WorkbenchSelectionTray, WorkbenchTableView, applyThemeTokens, browserOverlayHistoryAdapter, buildOverlayUrl, calculateHue, calculateLightness, calculateSaturation, cn2 as cn, compileThemeTokens, createSolidColorScale, defaultMonkeysLocale, enUS, extractToastMessage, genTailwindTheme, getBaseBadgeToneClassName, getBaseButtonToneClassName, getBaseMenuItemToneClassName, getBaseNoticeToneClassName, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, getOverlayPresentationClassNames, getOverlayZIndex, getRenderNodeDataAttributes, getThemeTokenCssValue, isOverlayUrlActive, markDarkColor, mergeMonkeysLocaleMessages, resolveBaseAppearance, resolveDataExplorerAppearance, resolveMonkeysLocale, resolveRenderNodePolicyState, resolveToastVariantForMessage, sessionRenderNodeScrollRestoration, setTailwindTheme, toast, useDarkMode, useMonkeysBaseAppearance, useMonkeysComponentAttributes, useMonkeysDataExplorerAppearance, useMonkeysDirection, useMonkeysEnvironment, useMonkeysLocale, useMonkeysLocaleMessages, useMonkeysPortalOptions, useMonkeysResolvedTheme, useToastFeed, useToastOnValue, zhCN };
+export { AppHeader, AppLayout, AppShellSidebar, AppSidebar, ApplicationHandoffLink, BaseAccordion, BaseAspectRatio, BaseAvatar, BaseBadge, BaseBreadcrumb, BaseButton, BaseCheckbox, BaseCode, BaseContainer, BaseContextMenu, BaseContextMenuCheckboxItem, BaseContextMenuContent, BaseContextMenuItem, BaseContextMenuLabel, BaseContextMenuRadioGroup, BaseContextMenuRadioItem, BaseContextMenuSeparator, BaseContextMenuSub, BaseContextMenuSubContent, BaseContextMenuSubTrigger, BaseContextMenuTrigger, BaseDescriptionList, BaseDialog, BaseDivider, BaseDropdownMenu, BaseEmptyState, BaseField, BaseFieldset, BaseGrid, BaseHeading, BaseInline, BaseInput, BaseInputGroup, BaseKbd, BaseLayout, BaseLayoutPane, BaseLayoutResizeHandle, BaseLayoutSplit, BaseLink, BaseList, BaseListItem, BaseLoadingState, BaseMultiSelect, BaseNotice, BaseNumberInput, BasePagination, BasePanel, BasePasswordInput, BasePortal, BaseProgress, BaseRadioGroup, BaseScrollArea, BaseSectionHeader, BaseSegmentedControl, BaseSelect, BaseSkeleton, BaseSpinner, BaseStack, BaseSteps, BaseSwitch, BaseTable, BaseTableBody, BaseTableCaption, BaseTableCell, BaseTableContainer, BaseTableEmpty, BaseTableFooter, BaseTableFooterBar, BaseTableHead, BaseTableHeader, BaseTableLoading, BaseTableRow, BaseTabs, BaseText, BaseTextarea, BaseToolbar, BaseTooltip, BaseVisuallyHidden, DarkModeSelector, DarkModeSubMenu, DataExplorerActionBar, DataExplorerButton, DataExplorerCheckbox, DataExplorerCollectionFooter, DataExplorerDetailField, DataExplorerDetailSection, DataExplorerDetailShell, DataExplorerDisplayActionMenu, DataExplorerDisplayCard, DataExplorerDisplayCollectionView, DataExplorerDisplayListItem, DataExplorerDisplayMedia, DataExplorerImagePreview, DataExplorerPage, DataExplorerRecordCard, DataExplorerSelect, DataExplorerToolbarActions, DataExplorerToolbarShell, DataExplorerTree, DataExplorerTreeShell, DataExplorerView, DataExplorerViewCollection, DataExplorerViewItem, DataExplorerViewItemShell, DataExplorerViewShell, DataExplorerViewTree, I18nSelector, InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, LoginPage, MonkeysProvider, MonkeysToastProvider, MonkeysToaster, NavButton, NavigationLayout, OverlayNodeHost, RenderNodeHost, MonkeysToastProvider as ToastProvider, MonkeysToaster as Toaster, UserAccountMenu, WorkbenchAssetGallery, WorkbenchContentPane, WorkbenchContentToolbar, WorkbenchDetailSidebar, WorkbenchEvidenceList, WorkbenchGalleryCard, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsPanel, WorkbenchGalleryView, WorkbenchJourneyNavigation, WorkbenchLaneView, WorkbenchMasonryLayout, WorkbenchMetricGrid, WorkbenchRadarFilterChip, WorkbenchRadarInspectorSection, WorkbenchRadarMatrix, WorkbenchRadarNavigation, WorkbenchRadarWorkspace, WorkbenchRankedList, WorkbenchRelationshipGraph, WorkbenchResizableSidebar, WorkbenchScatterPlot, WorkbenchSelectionTray, WorkbenchTableView, applyThemeTokens, browserOverlayHistoryAdapter, buildOverlayUrl, calculateHue, calculateLightness, calculateSaturation, cn2 as cn, compileThemeTokens, createSolidColorScale, defaultMonkeysLocale, enUS, extractToastMessage, genTailwindTheme, getBaseBadgeToneClassName, getBaseButtonToneClassName, getBaseMenuItemToneClassName, getBaseNoticeToneClassName, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, getOverlayPresentationClassNames, getOverlayZIndex, getRenderNodeDataAttributes, getThemeTokenCssValue, isOverlayUrlActive, markDarkColor, mergeMonkeysLocaleMessages, resolveBaseAppearance, resolveDataExplorerAppearance, resolveMonkeysLocale, resolveRenderNodePolicyState, resolveToastVariantForMessage, sessionRenderNodeScrollRestoration, setTailwindTheme, toast, useDarkMode, useMonkeysBaseAppearance, useMonkeysComponentAttributes, useMonkeysDataExplorerAppearance, useMonkeysDirection, useMonkeysEnvironment, useMonkeysLocale, useMonkeysLocaleMessages, useMonkeysPortalOptions, useMonkeysResolvedTheme, useToastFeed, useToastOnValue, zhCN };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map