@arbor-education/design-system.components 0.25.9 → 1.0.0

package/src/tokens.scss

@@ -27,6 +27,9 @@
   --size-control-large: 4rem;
   --size-control-xlarge: 5rem;
   --shadow-small: 0 4px 12px 0 rgba(32, 32, 32, 0.08);
+  --shadow-medium: 0 8px 24px 0 rgba(32, 32, 32, 0.12);
+  --z-index-popup: 1;
+  --z-index-toast: 10;
   --page-sign-in-color-background: #fffcf8;
   --color-grey-100: #efefef;
   --color-grey-200: #dfdfdf;
@@ -832,6 +835,12 @@
   --widget-calendar-weight-border: var(--border-weight);
   --widget-calendar-spacing-vertical: var(--spacing-medium);
   --widget-calendar-spacing-horizontal: var(--spacing-small);
+  --widget-calendar-list-gap: var(--spacing-xsmall);
+  --widget-calendar-type-bar-width: 3px;
+  --widget-calendar-type-bar-radius: var(--border-radius-xsmall);
+  --widget-calendar-type-primary-color: var(--color-brand-500);
+  --widget-calendar-type-secondary-color: var(--color-grey-300);
+  --widget-calendar-color-title: var(--color-grey-900);
   --widget-list-row-hover-hover-bg: var(--color-grey-050);
   --widget-list-row-hover-color-icon-arrow: var(--color-grey-900);
   --widget-list-row-active-active-bg: var(--color-grey-200);
@@ -880,6 +889,7 @@
   --widget-attachments-default-color-background: var(--color-grey-050);
   --widget-attachments-spacing-vertical: var(--spacing-large);
   --widget-attachments-spacing-horizontal: var(--spacing-small);
+  --widget-notifications-timestamp-font-size: 0.625rem; // 10px
   --widget-notifications-read-focus-icon-hover-color-background: var(--color-grey-050);
   --widget-notifications-read-focus-icon-active-color-background: var(--color-grey-100);
   --widget-notifications-read-focus-icon-default-color-background: var(--color-mono-white);
@@ -909,11 +919,11 @@
   --widget-notifications-unread-default-color-background: var(--color-brand-050);
   --widget-notifications-unread-color-text: var(--color-brand-900);
   --widget-notifications-unread-color-title: var(--color-brand-900);
-  --widget-notifications-x-posted-spacing-vertical-gap: var(--spacing-small);
+  --widget-notifications-secondary-spacing-vertical-gap: var(--spacing-xsmall);
   --widget-notifications-color-text: var(--color-grey-600);
   --widget-notifications-color-title: var(--color-grey-900);
   --widget-notifications-spacing-vertical: var(--spacing-small);
-  --widget-notifications-spacing-horizointal: var(--spacing-small);
+  --widget-notifications-spacing-horizontal: var(--spacing-small);
   --widget-notifications-spacing-vertical-gap: var(--spacing-small);
   --filters-hover-color-background: var(--color-grey-100);
   --filters-radius: var(--border-radius-small);

package/src/utils/favourites/favouriteConstants.test.ts

@@ -0,0 +1,19 @@
+import { describe, expect, test } from 'vitest';
+import {
+  FAVOURITE_TOOLTIP,
+  getFavouriteRemovedToastMessage,
+  getFavouriteTooltip,
+} from './favouriteConstants.js';
+
+describe('favouriteConstants', () => {
+  test('getFavouriteTooltip returns add or remove copy', () => {
+    expect(getFavouriteTooltip(false)).toBe(FAVOURITE_TOOLTIP.add);
+    expect(getFavouriteTooltip(true)).toBe(FAVOURITE_TOOLTIP.remove);
+  });
+
+  test('getFavouriteRemovedToastMessage includes item label', () => {
+    expect(getFavouriteRemovedToastMessage('Daily Attendance')).toBe(
+      'Daily Attendance removed from favourites',
+    );
+  });
+});

package/src/utils/favourites/favouriteConstants.ts

@@ -0,0 +1,21 @@
+import type { IconName } from 'Components/icon/allowedIcons';
+
+export const FAVOURITE_ICON = {
+  outline: 'favourite-outline',
+  filled: 'favourite-filled',
+} as const satisfies Record<'outline' | 'filled', IconName>;
+
+export const FAVOURITE_FILLED_ICON_COLOR = 'var(--color-brand-600)';
+
+export const FAVOURITE_TOOLTIP = {
+  add: 'Add to favourites',
+  remove: 'Remove from favourites',
+} as const;
+
+export function getFavouriteTooltip(isFavourited: boolean): string {
+  return isFavourited ? FAVOURITE_TOOLTIP.remove : FAVOURITE_TOOLTIP.add;
+}
+
+export function getFavouriteRemovedToastMessage(label: string): string {
+  return `${label} removed from favourites`;
+}

package/src/utils/hooks/useControllableBoolean.test.ts

@@ -0,0 +1,48 @@
+import { act, renderHook } from '@testing-library/react';
+import { describe, expect, test, vi } from 'vitest';
+import { useControllableBoolean } from './useControllableBoolean.js';
+
+describe('useControllableBoolean', () => {
+  test('uses defaultValue when uncontrolled', () => {
+    const { result } = renderHook(() => useControllableBoolean({ defaultValue: true }));
+    expect(result.current.value).toBe(true);
+  });
+
+  test('updates internal state when uncontrolled and set is called', () => {
+    const { result } = renderHook(() => useControllableBoolean({ defaultValue: false }));
+
+    act(() => result.current.set(true));
+
+    expect(result.current.value).toBe(true);
+  });
+
+  test('calls onChange with the new value when set is called while uncontrolled', () => {
+    const onChange = vi.fn();
+    const { result } = renderHook(() => useControllableBoolean({ defaultValue: false, onChange }));
+
+    act(() => result.current.set(true));
+
+    expect(onChange).toHaveBeenCalledWith(true);
+  });
+
+  test('uses the provided value when controlled, ignoring defaultValue', () => {
+    const { result } = renderHook(() => useControllableBoolean({ value: true, defaultValue: false }));
+    expect(result.current.value).toBe(true);
+  });
+
+  test('does not update its own value when controlled and set is called, but still calls onChange', () => {
+    const onChange = vi.fn();
+    const { result, rerender } = renderHook(
+      ({ value }) => useControllableBoolean({ value, defaultValue: false, onChange }),
+      { initialProps: { value: false } },
+    );
+
+    act(() => result.current.set(true));
+
+    expect(onChange).toHaveBeenCalledWith(true);
+    expect(result.current.value).toBe(false);
+
+    rerender({ value: true });
+    expect(result.current.value).toBe(true);
+  });
+});

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

@@ -1,46 +0,0 @@
-import { SidebarNavGroup } from './SidebarNavGroup.js';
-import type { SidebarNavGroupProps } from './SidebarNavGroup.js';
-import { SidebarNavItem } from './SidebarNavItem.js';
-import type { SidebarNavItemProps } from './SidebarNavItem.js';
-import { SidebarNavPanelNav } from './SidebarNavPanelNav.js';
-import type { SidebarNavPanelNavProps } from './SidebarNavPanelNav.js';
-import { SidebarNavPanel } from './SidebarNavPanel.js';
-import type { SidebarNavPanelProps } from './SidebarNavPanel.js';
-import { SidebarNavRail } from './SidebarNavRail.js';
-import type { SidebarNavRailProps } from './SidebarNavRail.js';
-import { SidebarNavRailItem } from './SidebarNavRailItem.js';
-import type { SidebarNavRailItemProps } 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 type { SidebarNavTriggerProps } from './SidebarNavTrigger.js';
-import type { SidebarNavProps } from './types.js';
-declare const SidebarNavImpl: (props: SidebarNavProps) => import("react/jsx-runtime").JSX.Element;
-type SidebarNavComponent = typeof SidebarNavImpl & {
-    Rail: typeof SidebarNavRail;
-    Separator: typeof SidebarNavSeparator;
-    RailList: typeof SidebarNavRailList;
-    RailItem: typeof SidebarNavRailItem;
-    RailSlot: typeof SidebarNavRailSlot;
-    Trigger: typeof SidebarNavTrigger;
-    Panel: typeof SidebarNavPanel;
-    Title: typeof SidebarNavTitle;
-    PanelNav: typeof SidebarNavPanelNav;
-    Group: typeof SidebarNavGroup;
-    Item: typeof SidebarNavItem;
-};
-export declare const SidebarNav: SidebarNavComponent;
-export declare namespace SidebarNav {
-    type Props = SidebarNavProps;
-    type RailProps = SidebarNavRailProps;
-    type RailItemProps = SidebarNavRailItemProps;
-    type TriggerProps = SidebarNavTriggerProps;
-    type PanelProps = SidebarNavPanelProps;
-    type PanelNavProps = SidebarNavPanelNavProps;
-    type GroupProps = SidebarNavGroupProps;
-    type ItemProps = SidebarNavItemProps;
-}
-export {};
-//# sourceMappingURL=SidebarNav.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarNav.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNav.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,KAAK,EACV,eAAe,EAGhB,MAAM,YAAY,CAAC;AAoFpB,QAAA,MAAM,cAAc,GAAI,OAAO,eAAe,4CA+E7C,CAAC;AAEF,KAAK,mBAAmB,GAAG,OAAO,cAAc,GAAG;IACjD,IAAI,EAAE,OAAO,cAAc,CAAC;IAC5B,SAAS,EAAE,OAAO,mBAAmB,CAAC;IACtC,QAAQ,EAAE,OAAO,kBAAkB,CAAC;IACpC,QAAQ,EAAE,OAAO,kBAAkB,CAAC;IACpC,QAAQ,EAAE,OAAO,kBAAkB,CAAC;IACpC,OAAO,EAAE,OAAO,iBAAiB,CAAC;IAClC,KAAK,EAAE,OAAO,eAAe,CAAC;IAC9B,KAAK,EAAE,OAAO,eAAe,CAAC;IAC9B,QAAQ,EAAE,OAAO,kBAAkB,CAAC;IACpC,KAAK,EAAE,OAAO,eAAe,CAAC;IAC9B,IAAI,EAAE,OAAO,cAAc,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAqB,mBAAmB,CAAC;AAchE,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,SAAS,GAAG,mBAAmB,CAAC;IAC5C,KAAY,aAAa,GAAG,uBAAuB,CAAC;IACpD,KAAY,YAAY,GAAG,sBAAsB,CAAC;IAClD,KAAY,UAAU,GAAG,oBAAoB,CAAC;IAC9C,KAAY,aAAa,GAAG,uBAAuB,CAAC;IACpD,KAAY,UAAU,GAAG,oBAAoB,CAAC;IAC9C,KAAY,SAAS,GAAG,mBAAmB,CAAC;CAC7C"}

package/dist/components/sidebarNav/SidebarNav.js

@@ -1,102 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,61 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,253 +0,0 @@
-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