astrogators-shared-ui 0.16.1 → 0.16.3

package/dist/src/components/layout/MobileNavPanel.d.ts

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
-import { SuiteAppId, SuiteNavSection } from '../../navigation/suiteNav';
+import { SuiteAppId, SuiteNavLink } from '../../navigation/suiteNav';
 export interface MobileNavPanelProps {
     isOpen: boolean;
     onClose: () => void;
     currentApp: SuiteAppId;
     activeSectionId?: string;
-    onSectionClick?: (section: SuiteNavSection, event: React.MouseEvent<HTMLAnchorElement>) => void;
+    onSectionClick?: (section: SuiteNavLink, event: React.MouseEvent<HTMLAnchorElement>) => void;
     rightExtras?: React.ReactNode;
     showAuth?: boolean;
     panelId: string;

package/dist/src/components/layout/NavBar.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SuiteAppId, SuiteNavSection } from '../../navigation/suiteNav';
+import { SuiteAppId, SuiteNavLink } from '../../navigation/suiteNav';
 export interface NavBarProps {
     /** Which app is rendering the bar — drives which trigger is highlighted
      *  and which app's sections `onNavigate` fires for. */
@@ -12,7 +12,7 @@ export interface NavBarProps {
      *  always real `<a href>` full page loads, never intercepted. Call
      *  `event.preventDefault()` to soft-navigate instead; the menu closes
      *  either way, since no page load will unmount it for you. */
-    onNavigate?: (section: SuiteNavSection, event: React.MouseEvent<HTMLAnchorElement>) => void;
+    onNavigate?: (section: SuiteNavLink, event: React.MouseEvent<HTMLAnchorElement>) => void;
     /** The one per-app element allowed in the bar: RosterRefresh. Always in
      *  the same slot, just left of the ally-code dropdown on desktop, and
      *  moves into the mobile panel on small screens. Its position never

package/dist/src/components/layout/NavMenu.d.ts

@@ -1,17 +1,19 @@
 import { default as React } from 'react';
-import { SuiteNavApp, SuiteNavSection } from '../../navigation/suiteNav';
+import { SuiteNavApp, SuiteNavLink } from '../../navigation/suiteNav';
 export interface NavMenuProps {
     app: SuiteNavApp;
     isCurrentApp: boolean;
     activeSectionId?: string;
     isOpen: boolean;
     onOpenChange: (isOpen: boolean) => void;
-    onSectionClick?: (section: SuiteNavSection, event: React.MouseEvent<HTMLAnchorElement>) => void;
+    onSectionClick?: (section: SuiteNavLink, event: React.MouseEvent<HTMLAnchorElement>) => void;
 }
 /**
  * One trigger + dropdown panel per SUITE_NAV app. Disclosure pattern, not
  * `role="menu"` — these are page links, so Tab moves through them like any
  * other link list; arrow keys are an additive convenience, not a
- * replacement for Tab.
+ * replacement for Tab. A group entry (e.g. "Evaluations") renders its own
+ * link plus its `items` nested and indented underneath — still all flat
+ * `<a>`s in Tab order, just visually grouped.
  */
 export declare const NavMenu: React.FC<NavMenuProps>;

package/dist/src/index.d.ts

@@ -1,7 +1,7 @@
 export { Container, TopBar, NavBar, Footer } from './components/layout';
 export type { ContainerProps, TopBarProps, NavBarProps, FooterProps } from './components/layout';
-export { SUITE_NAV } from './navigation/suiteNav';
-export type { SuiteAppId, SuiteNavApp, SuiteNavSection } from './navigation/suiteNav';
+export { SUITE_NAV, isSuiteNavGroup } from './navigation/suiteNav';
+export type { SuiteAppId, SuiteNavApp, SuiteNavEntry, SuiteNavSection, SuiteNavGroup, SuiteNavLink } from './navigation/suiteNav';
 export { Button, Input, Select, AllyCodeDropdown, RosterRefresh } from './components/forms';
 export type { ButtonProps, InputProps, SelectProps, SelectOption, AllyCodeDropdownProps, RosterRefreshProps } from './components/forms';
 export { Card, Badge, Modal } from './components/display';

package/dist/src/navigation/suiteNav.d.ts

@@ -8,7 +8,8 @@
  * `../../CLAUDE.md`'s NavBar note for the full rationale.
  */
 export type SuiteAppId = 'hub' | 'mod-ledger' | 'navicharts' | 'nightwatcher';
-export interface SuiteNavSection {
+/** Fields shared by a flat section and a group's own entry. */
+export interface SuiteNavLink {
     id: string;
     label: string;
     /** Absolute, same-origin path, e.g. '/mod-ledger/evaluations'. */
@@ -18,11 +19,22 @@ export interface SuiteNavSection {
     /** Hidden unless the current user's role is in this list. */
     roles?: string[];
 }
+export interface SuiteNavSection extends SuiteNavLink {
+}
+/** A labelled group of related sections shown nested under one heading in
+ *  the dropdown/accordion, e.g. "Evaluations" with My Evaluations/Official/
+ *  Moderation as its `items`. The group's own `href` is its primary
+ *  destination (clicking the heading itself, not just an item). */
+export interface SuiteNavGroup extends SuiteNavLink {
+    items: SuiteNavSection[];
+}
+export type SuiteNavEntry = SuiteNavSection | SuiteNavGroup;
+export declare function isSuiteNavGroup(entry: SuiteNavEntry): entry is SuiteNavGroup;
 export interface SuiteNavApp {
     id: Exclude<SuiteAppId, 'hub'>;
     label: string;
     href: string;
     status: 'available' | 'coming-soon';
-    sections: SuiteNavSection[];
+    sections: SuiteNavEntry[];
 }
 export declare const SUITE_NAV: SuiteNavApp[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astrogators-shared-ui",
-  "version": "0.16.1",
+  "version": "0.16.3",
   "description": "Shared UI components and utilities for Astrogator's Table applications",
   "type": "module",
   "main": "./dist/index.js",