@arbor-education/design-system.components 4.5.0 → 4.7.0-alpha.0

package/dist/components/sidebarNav/SidebarNav.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from '../icon/Icon.js';
+import classNames from 'classnames';
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import React, { useId, useMemo } from 'react';
+import { SidebarNavProvider } from './SidebarNavContext.js';
+import { SidebarNavGroup } from './SidebarNavGroup.js';
+import { SidebarNavItem } from './SidebarNavItem.js';
+import { SidebarNavPanelNav } from './SidebarNavPanelNav.js';
+import { SidebarNavPanel } from './SidebarNavPanel.js';
+import { SidebarNavRail } from './SidebarNavRail.js';
+import { SidebarNavRailItem } from './SidebarNavRailItem.js';
+import { SidebarNavRailList } from './SidebarNavRailList.js';
+import { SidebarNavRailSlot } from './SidebarNavRailSlot.js';
+import { SidebarNavSeparator } from './SidebarNavSeparator.js';
+import { SidebarNavTitle } from './SidebarNavTitle.js';
+import { SidebarNavTrigger } from './SidebarNavTrigger.js';
+import { isSidebarNavRailSeparator } from './types.js';
+import { useControllableBoolean } from './useControllableBoolean.js';
+function renderRailListItem(item) {
+    if (item.renderItem) {
+        return (_jsx(React.Fragment, { children: item.renderItem(item) }, item.id));
+    }
+    return (_jsxs(SidebarNavRailItem, { "data-testid": `sidebar-nav-rail-item-${item.id}`, href: item.href, onClick: item.onClick, current: item.current, "aria-label": item.label, children: [_jsx(Icon, { name: item.iconName, size: 24, color: item.iconColor }), item.badgeContent] }, item.id));
+}
+function SidebarNavRailFromData(props) {
+    const { items } = props;
+    const nodes = [];
+    let currentGroup = [];
+    let groupKey = 'rail-list-leading';
+    const flushGroup = () => {
+        if (currentGroup.length === 0) {
+            return;
+        }
+        nodes.push(_jsx(SidebarNavRailList, { children: currentGroup.map(renderRailListItem) }, groupKey));
+        currentGroup = [];
+    };
+    for (const entry of items) {
+        if (isSidebarNavRailSeparator(entry)) {
+            flushGroup();
+            nodes.push(_jsx(SidebarNavSeparator, { id: entry.id }, entry.id));
+            groupKey = `rail-list-after-${entry.id}`;
+            continue;
+        }
+        if (entry.opensPanel) {
+            flushGroup();
+            nodes.push(_jsx(SidebarNavTrigger, { "data-testid": `sidebar-nav-panel-trigger-${entry.id}`, tooltip: entry.label, onClick: (e) => {
+                    entry.onClick?.(e);
+                }, children: _jsx(Icon, { name: entry.iconName, size: 24, color: entry.iconColor }) }, entry.id));
+            continue;
+        }
+        currentGroup.push(entry);
+    }
+    flushGroup();
+    return (_jsx(SidebarNavRail, { children: nodes }));
+}
+const SidebarNavImpl = (props) => {
+    const { expanded, defaultExpanded = true, onExpandedChange, renderLink, railItems, panelTitle, panelNavItems, className, children, ...rest } = props;
+    const panelId = useId();
+    const { value: isExpanded, set: setExpanded } = useControllableBoolean({
+        value: expanded,
+        defaultValue: defaultExpanded,
+        onChange: onExpandedChange,
+    });
+    const useDataRail = railItems !== undefined;
+    const useDataPanel = panelTitle !== undefined || panelNavItems !== undefined;
+    const childArray = React.Children.toArray(children);
+    const railChild = childArray.find(c => c.type === SidebarNavRail);
+    const panelChild = childArray.find(c => c.type === SidebarNavPanel);
+    if (process.env.NODE_ENV !== 'production') {
+        if (useDataPanel && !useDataRail && railChild == null && childArray.length > 0) {
+            console.warn('SidebarNav: composable SidebarNav.Rail was not found. In hybrid mode, SidebarNav.Rail must be a direct child of SidebarNav (not wrapped in Fragment or other wrappers).');
+        }
+    }
+    const content = useDataRail || useDataPanel
+        ? (_jsxs(_Fragment, { children: [useDataRail
+                    ? _jsx(SidebarNavRailFromData, { items: railItems })
+                    : railChild, useDataPanel
+                    ? (_jsxs(SidebarNavPanel, { children: [panelTitle !== undefined && (_jsx(SidebarNavTitle, { children: panelTitle })), _jsx(SidebarNavPanelNav, { items: panelNavItems ?? [] })] }))
+                    : panelChild] }))
+        : children;
+    const contextValue = useMemo(() => ({
+        expanded: isExpanded,
+        setExpanded,
+        panelId,
+        renderLink,
+    }), [isExpanded, setExpanded, panelId, renderLink]);
+    return (_jsx(TooltipPrimitive.Provider, { delayDuration: 400, children: _jsx(SidebarNavProvider, { value: contextValue, children: _jsx("div", { className: classNames('ds-sidebar-nav', className), "data-testid": "sidebar-nav", ...rest, children: content }) }) }));
+};
+export const SidebarNav = SidebarNavImpl;
+SidebarNav.Rail = SidebarNavRail;
+SidebarNav.Separator = SidebarNavSeparator;
+SidebarNav.RailList = SidebarNavRailList;
+SidebarNav.RailItem = SidebarNavRailItem;
+SidebarNav.RailSlot = SidebarNavRailSlot;
+SidebarNav.Trigger = SidebarNavTrigger;
+SidebarNav.Panel = SidebarNavPanel;
+SidebarNav.Title = SidebarNavTitle;
+SidebarNav.PanelNav = SidebarNavPanelNav;
+SidebarNav.Group = SidebarNavGroup;
+SidebarNav.Item = SidebarNavItem;
+//# sourceMappingURL=SidebarNav.js.map

package/dist/components/sidebarNav/SidebarNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNav.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNav.tsx"],"names":[],"mappings":"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"}

package/dist/components/sidebarNav/SidebarNav.stories.d.ts

@@ -0,0 +1,61 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { SidebarNav } from './SidebarNav.js';
+declare function SidebarNavDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: ((props: import("./types.js").SidebarNavProps) => import("react/jsx-runtime").JSX.Element) & {
+        Rail: typeof import("./SidebarNavRail.js").SidebarNavRail;
+        Separator: typeof import("./SidebarNavSeparator.js").SidebarNavSeparator;
+        RailList: typeof import("./SidebarNavRailList.js").SidebarNavRailList;
+        RailItem: typeof import("./SidebarNavRailItem.js").SidebarNavRailItem;
+        RailSlot: typeof import("./SidebarNavRailSlot.js").SidebarNavRailSlot;
+        Trigger: typeof import("./SidebarNavTrigger.js").SidebarNavTrigger;
+        Panel: typeof import("./SidebarNavPanel.js").SidebarNavPanel;
+        Title: typeof import("./SidebarNavTitle.js").SidebarNavTitle;
+        PanelNav: typeof import("./SidebarNavPanelNav.js").SidebarNavPanelNav;
+        Group: typeof import("./SidebarNavGroup.js").SidebarNavGroup;
+        Item: typeof import("./SidebarNavItem.js").SidebarNavItem;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            page: typeof SidebarNavDocsPage;
+        };
+    };
+    tags: string[];
+    args: {
+        onExpandedChange: import("vitest").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        defaultExpanded: {
+            control: "boolean";
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            control: false;
+        };
+        railItems: {
+            control: false;
+        };
+        panelNavItems: {
+            control: false;
+        };
+        renderLink: {
+            control: false;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof SidebarNav>;
+export declare const Default: Story;
+export declare const CollapsedPanel: Story;
+export declare const ConfigDriven: Story;
+export declare const WithFavourites: Story;
+export declare const ConfigDrivenWithFavourites: Story;
+export declare const WithRenderLink: Story;
+//# sourceMappingURL=SidebarNav.stories.d.ts.map

package/dist/components/sidebarNav/SidebarNav.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNav.stories.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNav.stories.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA2F7C,iBAAS,kBAAkB,4CAmB1B;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AA4RzC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAMxC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC"}

package/dist/components/sidebarNav/SidebarNav.stories.js

@@ -0,0 +1,253 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controls, Heading as DocHeading, Primary as DocPrimary, Markdown, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
+import { Badge } from '../badge/Badge.js';
+import { Icon } from '../icon/Icon.js';
+import { useMemo, useState } from 'react';
+import { fn } from 'storybook/test';
+import { SidebarNav } from './SidebarNav.js';
+const DESCRIPTION_INTRO = [
+    'SidebarNav is a two-part navigation pattern: a fixed icon rail for global shortcuts and an expandable',
+    'panel for hierarchical section links. Place a `<Separator />` after the burger to divide the panel toggle',
+    'from the rest of the rail icons.',
+].join('\n');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- **Application shell navigation** — persistent rail icons (home, favourites, calendar) plus contextual section nav',
+    '- **MIS module navigation** — attendance, students, or reporting areas with grouped links',
+    '- **Favourites on leaf links** — `canFavourite` on panel items for user-pinned pages',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| Horizontal top-level product nav | [`Menubar`](?path=/docs/components-menubar--docs) or app header patterns |',
+    '| Single flat list of links | [`Tabs`](?path=/docs/components-tabs--docs) or plain links |',
+    '| Account / settings menu | [`Dropdown`](?path=/docs/components-dropdown--docs) |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Rail layout',
+    '',
+    'The rail is a single vertical column. Compose **`Trigger` → `SidebarNav.Separator` → `RailList`** (icon rows).',
+    'Insert additional `<SidebarNav.Separator />` siblings between `RailList` blocks when Figma shows a break',
+    '(e.g. main shortcuts, emergency alert, help). `RailItem` and `RailSlot` each render their own',
+    '`<li>` row wrapper — do not add `ds-sidebar-nav__*` layout classes in consumer code. Use `RailSlot` for other',
+    'custom rail rows inside `RailList`.',
+    '',
+    'The rail `<nav>` defaults to `aria-label="Sidebar rail"`; the panel links nav defaults to `"Sidebar links"`.',
+    'Override via `ariaLabel` on `SidebarNav.Rail` or `SidebarNav.PanelNav` when needed.',
+    '',
+    '### Config-driven API',
+    '',
+    'Pass `railItems` as an ordered array of item configs and `{ type: \'separator\', id }` entries. Use',
+    '`opensPanel: true` on the burger item to render the panel trigger. Use `renderItem` for custom rail rows.',
+    '',
+    '### Favourites',
+    '',
+    'Panel leaf items support `canFavourite`, `isPressed`, `onFavouriteClick`, and required `favouriteTooltip` when',
+    '`canFavourite` is true (sets `aria-label` and shows a tooltip on hover/focus). The favourite `<button>` is a',
+    'sibling of the link (not inside the `<a>`), with `aria-pressed` reflecting state. Persistence is the',
+    'consumer\'s responsibility.',
+    '',
+    'The panel toggle (`SidebarNav.Trigger`) always shows tooltip **Show/hide sub navigation** (override via `tooltip` prop).',
+    '',
+    '### `renderLink`',
+    '',
+    'Provide `renderLink` at the root to integrate with your router. Panel items also support `linkElement="button"`',
+    'with `linkElementProps` for SPA actions without a URL. Data-driven items accept `href` and/or `onClick`.',
+    'Top-level `onClick` takes precedence over `linkElementProps.onClick` when both are set.',
+    'When `renderLink` is set, both `linkProps` and `linkElementProps` are forwarded in the args — spread them onto your router link (same order as the default `<a>`: `linkProps` then `linkElementProps`).',
+    'Also spread `ariaLabel`, `ariaCurrent`, and `onClick` from the args as appropriate.',
+    '',
+    'Pass `railItems={[]}` to render an intentionally empty data-driven rail. Omit `railItems` to compose the rail with JSX children.',
+    '',
+    'For data-driven rail items, pass `iconColor` as a design-token CSS value (e.g. `var(--icons-icon-default)` or `var(--color-semantic-warning-600)`), not hardcoded hex.',
+    '',
+    'The root provider passes shared state (panel open/closed, `renderLink`) to rail and panel subcomponents.',
+    '',
+    '---',
+    '',
+    '### Test IDs',
+    '',
+    '| Element | `data-testid` |',
+    '|---|---|',
+    '| Root | `sidebar-nav` |',
+    '| Rail | `sidebar-nav-rail` |',
+    '| Panel / trigger | `sidebar-nav-panel`, `sidebar-nav-panel-trigger`, `sidebar-nav-panel-trigger-{id}` |',
+    '| Rail item | `sidebar-nav-rail-item-{id}` |',
+    '| Rail separator | `sidebar-nav-rail-separator-{id}` |',
+    '| Panel item / favourite | `sidebar-nav-panel-item-{itemId}`, `sidebar-nav-panel-item-favourite-{itemId}` — `itemId` is required on composable `SidebarNav.Item` |',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Dropdown](?path=/docs/components-dropdown--docs) · [Tooltip](?path=/docs/components-tooltip--docs) ·',
+    '[Badge](?path=/docs/components-badge--docs) · [Separator](?path=/docs/components-separator--docs) ·',
+    '[IconText](?path=/docs/components-icontext--docs)',
+].join('\n');
+const PROPS_INTRO = 'The preview below is wired to the **Controls** panel where applicable.';
+function SidebarNavDocsPage() {
+    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(Markdown, { children: PROPS_INTRO }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _jsx(DocHeading, { children: "Usage guidance" }), _jsx(Markdown, { children: USAGE_GUIDANCE }), _jsx(DocHeading, { children: "Developer notes" }), _jsx(Markdown, { children: DEVELOPER_NOTES }), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
+}
+const meta = {
+    title: 'Components/SidebarNav',
+    component: SidebarNav,
+    parameters: {
+        layout: 'padded',
+        docs: {
+            page: SidebarNavDocsPage,
+        },
+    },
+    tags: ['autodocs'],
+    args: {
+        onExpandedChange: fn(),
+    },
+    argTypes: {
+        defaultExpanded: {
+            control: 'boolean',
+            description: 'Initial panel open state when uncontrolled.',
+            table: { defaultValue: { summary: 'true' } },
+        },
+        children: { control: false },
+        railItems: { control: false },
+        panelNavItems: { control: false },
+        renderLink: { control: false },
+    },
+};
+export default meta;
+const withDescription = (story, description) => ({
+    ...story,
+    parameters: {
+        ...story.parameters,
+        docs: {
+            ...story.parameters?.docs,
+            description: { story: description },
+        },
+    },
+});
+const storyWrapperStyle = { height: 640 };
+const basePanelNavItems = [
+    {
+        type: 'group',
+        id: 'registers',
+        label: 'Registers',
+        defaultExpanded: true,
+        children: [
+            { type: 'item', id: 'covid', label: 'Covid-19 Dashboard', href: '/covid' },
+            {
+                type: 'item',
+                id: 'daily',
+                label: 'Daily Attendance',
+                href: '/daily',
+                current: true,
+                canFavourite: true,
+                isPressed: false,
+                favouriteTooltip: 'Add to favourites',
+            },
+            { type: 'item', id: 'quick', label: 'Quick Follow-Up', href: '/quick' },
+        ],
+    },
+    {
+        type: 'group',
+        id: 'absentees',
+        label: 'Absentees',
+        children: [
+            { type: 'item', id: 'late', label: 'Latecomers', href: '/latecomers' },
+            { type: 'item', id: 'stats', label: 'Statistics', href: '/statistics' },
+        ],
+    },
+];
+const figmaRailItems = [
+    {
+        id: 'burger',
+        label: 'Show/hide sub navigation',
+        iconName: 'menu',
+        opensPanel: true,
+    },
+    { type: 'separator', id: 'after-burger' },
+    { id: 'favourites', label: 'Favourites', iconName: 'favourite-outline', href: '/favourites' },
+    {
+        id: 'notifications',
+        label: 'Notifications',
+        iconName: 'message-square-more',
+        href: '/notifications',
+        badgeContent: _jsx(Badge, { size: "sm", colour: "salmon", children: "6" }),
+    },
+    { id: 'calendar', label: 'My Calendar', iconName: 'date', href: '/calendar' },
+    { type: 'separator', id: 'before-emergency' },
+    {
+        id: 'emergency',
+        label: 'Emergency Alerts',
+        iconName: 'triangle-alert',
+        href: '/emergency',
+    },
+    { type: 'separator', id: 'before-help' },
+    {
+        id: 'help',
+        label: 'Help & Learn with Arbor',
+        iconName: 'circle-help',
+        href: '/help',
+    },
+];
+const SidebarNavShell = ({ children }) => (_jsx("div", { style: storyWrapperStyle, children: children }));
+/** Figma rail: burger → separator → shortcuts → separator → emergency → separator → help. */
+const FigmaRailComposition = () => (_jsxs(_Fragment, { children: [_jsx(SidebarNav.Trigger, { children: _jsx(Icon, { name: "menu", size: 24 }) }), _jsx(SidebarNav.Separator, { id: "after-burger" }), _jsxs(SidebarNav.RailList, { children: [_jsx(SidebarNav.RailItem, { href: "/favourites", "aria-label": "Favourites", children: _jsx(Icon, { name: "favourite-outline", size: 24 }) }), _jsxs(SidebarNav.RailItem, { href: "/notifications", "aria-label": "Notifications", children: [_jsx(Icon, { name: "message-square-more", size: 24 }), _jsx(Badge, { size: "sm", colour: "salmon", children: "6" })] }), _jsx(SidebarNav.RailItem, { href: "/calendar", "aria-label": "My Calendar", children: _jsx(Icon, { name: "date", size: 24 }) })] }), _jsx(SidebarNav.Separator, { id: "before-emergency" }), _jsx(SidebarNav.RailList, { children: _jsx(SidebarNav.RailItem, { href: "/emergency", "aria-label": "Emergency Alerts", children: _jsx(Icon, { name: "triangle-alert", size: 24 }) }) }), _jsx(SidebarNav.Separator, { id: "before-help" }), _jsx(SidebarNav.RailList, { children: _jsx(SidebarNav.RailItem, { href: "/help", "aria-label": "Help & Learn with Arbor", children: _jsx(Icon, { name: "circle-help", size: 24 }) }) })] }));
+const DefaultTemplate = () => (_jsx(SidebarNavShell, { children: _jsxs(SidebarNav, { children: [_jsx(SidebarNav.Rail, { children: _jsx(FigmaRailComposition, {}) }), _jsxs(SidebarNav.Panel, { children: [_jsx(SidebarNav.Title, { children: "Attendance" }), _jsx(SidebarNav.PanelNav, { items: basePanelNavItems })] })] }) }));
+const CollapsedPanelTemplate = () => (_jsx(SidebarNavShell, { children: _jsxs(SidebarNav, { defaultExpanded: false, children: [_jsxs(SidebarNav.Rail, { children: [_jsx(SidebarNav.Trigger, { children: _jsx(Icon, { name: "menu", size: 24 }) }), _jsx(SidebarNav.Separator, { id: "after-burger" }), _jsx(SidebarNav.RailList, { children: _jsx(SidebarNav.RailItem, { href: "/favourites", "aria-label": "Favourites", children: _jsx(Icon, { name: "favourite-outline", size: 24 }) }) })] }), _jsxs(SidebarNav.Panel, { children: [_jsx(SidebarNav.Title, { children: "Attendance" }), _jsx(SidebarNav.PanelNav, { items: [] })] })] }) }));
+const ConfigDrivenTemplate = () => (_jsx(SidebarNavShell, { children: _jsx(SidebarNav, { railItems: figmaRailItems, panelTitle: "Attendance", panelNavItems: basePanelNavItems }) }));
+const WithFavouritesTemplate = () => {
+    const [favourites, setFavourites] = useState({ daily: true });
+    const toggle = (id) => {
+        setFavourites(prev => ({ ...prev, [id]: !prev[id] }));
+    };
+    return (_jsx(SidebarNavShell, { children: _jsxs(SidebarNav, { children: [_jsxs(SidebarNav.Rail, { children: [_jsx(SidebarNav.Trigger, { children: _jsx(Icon, { name: "menu", size: 24 }) }), _jsx(SidebarNav.Separator, { id: "after-burger" })] }), _jsxs(SidebarNav.Panel, { children: [_jsx(SidebarNav.Title, { children: "Attendance" }), _jsxs(SidebarNav.PanelNav, { children: [_jsx(SidebarNav.Item, { href: "/daily", itemId: "daily", current: true, canFavourite: true, isPressed: Boolean(favourites.daily), favouriteTooltip: favourites.daily ? 'Remove from favourites' : 'Add to favourites', onFavouriteClick: () => toggle('daily'), children: "Daily Attendance" }), _jsx(SidebarNav.Item, { href: "/quick", itemId: "quick", children: "Quick Follow-Up" })] })] })] }) }));
+};
+const ConfigDrivenWithFavouritesTemplate = () => {
+    const [favourites, setFavourites] = useState({ daily: true });
+    const panelNavItems = useMemo(() => basePanelNavItems.map(node => (node.type === 'group'
+        ? {
+            ...node,
+            children: node.children.map((child) => {
+                if (child.id !== 'daily') {
+                    return child;
+                }
+                return {
+                    ...child,
+                    canFavourite: true,
+                    isPressed: Boolean(favourites.daily),
+                    favouriteTooltip: favourites.daily ? 'Remove from favourites' : 'Add to favourites',
+                    onFavouriteClick: () => setFavourites(prev => ({ ...prev, daily: !prev.daily })),
+                };
+            }),
+        }
+        : node)), [favourites.daily]);
+    return (_jsx(SidebarNavShell, { children: _jsx(SidebarNav, { railItems: figmaRailItems, panelTitle: "Attendance", panelNavItems: panelNavItems }) }));
+};
+const WithRenderLinkTemplate = () => (_jsx(SidebarNavShell, { children: _jsxs(SidebarNav, { renderLink: ({ href, className, children, ariaCurrent, ariaLabel, onClick, linkProps, linkElementProps, }) => (_jsx("a", { href: href, className: className, "aria-current": ariaCurrent, "aria-label": ariaLabel, "data-router-link": "true", onClick: onClick ?? (e => e.preventDefault()), ...linkProps, ...linkElementProps, children: children })), children: [_jsxs(SidebarNav.Rail, { children: [_jsx(SidebarNav.Trigger, { children: _jsx(Icon, { name: "menu", size: 24 }) }), _jsx(SidebarNav.Separator, { id: "after-burger" })] }), _jsx(SidebarNav.Panel, { children: _jsx(SidebarNav.PanelNav, { items: [{ type: 'item', id: 'home', label: 'Home', href: '/' }] }) })] }) }));
+export const Default = withDescription({
+    render: DefaultTemplate,
+    parameters: { controls: { disable: true } },
+}, 'Composed rail: `Trigger`, separators between `RailList` sections (favourites/notifications/calendar, emergency, help). Panel uses `Trigger` ↔ `Panel` via context (`aria-controls` / `aria-expanded`).');
+export const CollapsedPanel = withDescription({
+    render: CollapsedPanelTemplate,
+    parameters: { controls: { disable: true } },
+}, 'Panel hidden by default (`defaultExpanded={false}`). Use the burger trigger to open the panel.');
+export const ConfigDriven = withDescription({
+    render: ConfigDrivenTemplate,
+    parameters: { controls: { disable: true } },
+}, 'Same Figma rail order via `railItems` (burger, `{ type: \'separator\' }` entries, then icons). Compare with **Default** for the composed `RailList` + `Separator` pattern.');
+export const WithFavourites = withDescription({
+    render: WithFavouritesTemplate,
+    parameters: { controls: { disable: true } },
+}, 'Composable panel items with `canFavourite`, `isPressed`, and `onFavouriteClick`. State is mocked in the story — wire to your store or API in MIS.');
+export const ConfigDrivenWithFavourites = withDescription({
+    render: ConfigDrivenWithFavouritesTemplate,
+    parameters: { controls: { disable: true } },
+}, 'Config-driven rail (`figmaRailItems`) and `panelNavItems` with favourite props merged from local state.');
+export const WithRenderLink = withDescription({
+    render: WithRenderLinkTemplate,
+    parameters: { controls: { disable: true } },
+}, 'Root `renderLink` replaces default `<a>` elements for router integration.');
+//# sourceMappingURL=SidebarNav.stories.js.map

package/dist/components/sidebarNav/SidebarNav.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNav.stories.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNav.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/sidebarNav/SidebarNav.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=SidebarNav.test.d.ts.map

package/dist/components/sidebarNav/SidebarNav.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNav.test.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNav.test.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}