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

package/dist/components/{sidebarNav/SidebarNavItem.d.ts → sideNavigation/SideNavigationItem.d.ts}

@@ -1,32 +1,31 @@
-import type { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, MouseEventHandler } from 'react';
-import type { SidebarNavLinkProps } from './types.js';
-type SidebarNavItemFavouriteVariant = {
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes } from 'react';
+import type { SideNavigationLinkProps } from './types.js';
+type SideNavigationItemFavouriteVariant = {
     canFavourite?: false;
     favouriteTooltip?: never;
 } | {
     canFavourite: true;
     favouriteTooltip: string;
 };
-type SidebarNavItemLinkVariant = {
+type SideNavigationItemLinkVariant = {
     linkElement?: 'link';
     href: string;
     linkElementProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'className' | 'children'>;
-    linkProps?: SidebarNavLinkProps;
+    linkProps?: SideNavigationLinkProps;
 };
-type SidebarNavItemButtonVariant = {
+type SideNavigationItemButtonVariant = {
     linkElement: 'button';
     href?: never;
     linkElementProps?: ButtonHTMLAttributes<HTMLButtonElement>;
     linkProps?: never;
 };
-export type SidebarNavItemProps = {
+export type SideNavigationItemProps = {
     current?: boolean;
     itemId: string;
     isPressed?: boolean;
-    onFavouriteClick?: MouseEventHandler<HTMLButtonElement>;
-    onClick?: MouseEventHandler<HTMLElement>;
+    onFavouriteClick?: React.MouseEventHandler<HTMLButtonElement>;
     children: React.ReactNode;
-} & Omit<HTMLAttributes<HTMLLIElement>, 'children' | 'onClick'> & SidebarNavItemFavouriteVariant & (SidebarNavItemLinkVariant | SidebarNavItemButtonVariant);
-export declare const SidebarNavItem: (props: SidebarNavItemProps) => import("react/jsx-runtime").JSX.Element;
+} & Omit<HTMLAttributes<HTMLLIElement>, 'children' | 'onClick'> & SideNavigationItemFavouriteVariant & (SideNavigationItemLinkVariant | SideNavigationItemButtonVariant);
+export declare const SideNavigationItem: (props: SideNavigationItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=SidebarNavItem.d.ts.map
+//# sourceMappingURL=SideNavigationItem.d.ts.map

package/dist/components/sideNavigation/SideNavigationItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationItem.d.ts","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,KAAK,kCAAkC,GACjC;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,GAClD;IAAE,YAAY,EAAE,IAAI,CAAC;IAAC,gBAAgB,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvD,KAAK,6BAA6B,GAAG;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;IACpG,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC,CAAC;AAEF,KAAK,+BAA+B,GAAG;IACrC,WAAW,EAAE,QAAQ,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,gBAAgB,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAC7D,kCAAkC,GAClC,CAAC,6BAA6B,GAAG,+BAA+B,CAAC,CAAC;AAEpE,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAsFhE,CAAC"}

package/dist/components/sideNavigation/SideNavigationItem.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useSideNavigationContext } from './SideNavigationContext.js';
+import { SideNavigationItemFavourite } from './SideNavigationItemFavourite.js';
+export const SideNavigationItem = (props) => {
+    const { current, itemId, canFavourite, favouriteTooltip, isPressed = false, onFavouriteClick, children, className, linkElement = 'link', href, linkElementProps, linkProps, ...rest } = props;
+    const { renderLink } = useSideNavigationContext();
+    const linkClassName = classNames('ds-side-navigation__item-link', { 'ds-side-navigation__item-link--current': Boolean(current) });
+    const linkChildren = _jsx("span", { className: "ds-side-navigation__item-label", children: children });
+    const anchorLinkElementProps = linkElementProps;
+    const buttonLinkElementProps = linkElementProps;
+    const renderAnchorElement = () => renderLink
+        ? renderLink({
+            href: href,
+            className: linkClassName,
+            ariaCurrent: current ? 'page' : undefined,
+            linkProps,
+            linkElementProps: anchorLinkElementProps,
+            onClick: anchorLinkElementProps?.onClick,
+            children: linkChildren,
+        })
+        : (_jsx("a", { href: href, className: linkClassName, "aria-current": current ? 'page' : undefined, ...linkProps, ...anchorLinkElementProps, children: linkChildren }));
+    const linkElementNode = linkElement === 'button'
+        ? (_jsx("button", { type: "button", className: linkClassName, "aria-current": current ? 'page' : undefined, ...buttonLinkElementProps, children: linkChildren }))
+        : renderAnchorElement();
+    return (_jsxs("li", { className: classNames('ds-side-navigation__list-item', 'ds-side-navigation__item', { 'ds-side-navigation__item--has-favourite': canFavourite }, className), "data-testid": `side-navigation-item-${itemId}`, ...rest, children: [linkElementNode, canFavourite === true && (_jsx(SideNavigationItemFavourite, { isPressed: isPressed, itemId: itemId, favouriteTooltip: favouriteTooltip, onClick: onFavouriteClick }))] }));
+};
+//# sourceMappingURL=SideNavigationItem.js.map

package/dist/components/sideNavigation/SideNavigationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationItem.js","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationItem.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAMpC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AA+B/E,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EACJ,OAAO,EACP,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,SAAS,GAAG,KAAK,EACjB,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,MAAM,EACpB,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAElD,MAAM,aAAa,GAAG,UAAU,CAC9B,+BAA+B,EAC/B,EAAE,wCAAwC,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAC/D,CAAC;IAEF,MAAM,YAAY,GAAG,eAAM,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAQ,CAAC;IAExF,MAAM,sBAAsB,GAAG,gBAAuE,CAAC;IACvG,MAAM,sBAAsB,GAAG,gBAAuE,CAAC;IAEvG,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,UAAU;QAC1C,CAAC,CAAC,UAAU,CAAC;YACT,IAAI,EAAE,IAAK;YACX,SAAS,EAAE,aAAa;YACxB,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YACzC,SAAS;YACT,gBAAgB,EAAE,sBAAsB;YACxC,OAAO,EAAE,sBAAsB,EAAE,OAA8C;YAC/E,QAAQ,EAAE,YAAY;SACvB,CAAC;QACJ,CAAC,CAAC,CACE,YACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,kBACV,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KACtC,SAAS,KACT,sBAAsB,YAEzB,YAAY,GACX,CACL,CAAC;IAEN,MAAM,eAAe,GAAG,WAAW,KAAK,QAAQ;QAC9C,CAAC,CAAC,CACE,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,aAAa,kBACV,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KACtC,sBAAsB,YAEzB,YAAY,GACN,CACV;QACH,CAAC,CAAC,mBAAmB,EAAE,CAAC;IAE1B,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B,0BAA0B,EAC1B,EAAE,yCAAyC,EAAE,YAAY,EAAE,EAC3D,SAAS,CACV,iBACY,wBAAwB,MAAM,EAAE,KACzC,IAAI,aAEP,eAAe,EACf,YAAY,KAAK,IAAI,IAAI,CACxB,KAAC,2BAA2B,IAC1B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,gBAAgB,GACzB,CACH,IACE,CACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/sideNavigation/SideNavigationItem.test.d.ts

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

package/dist/components/sideNavigation/SideNavigationItem.test.d.ts.map

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

package/dist/components/sideNavigation/SideNavigationItem.test.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@testing-library/jest-dom/vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, expect, test, vi } from 'vitest';
+import { SideNavigation } from './SideNavigation.js';
+import { SideNavigationItem } from './SideNavigationItem.js';
+describe('SideNavigationItem', () => {
+    test('renders as a link when href is provided', () => {
+        render(_jsx(SideNavigation, { children: _jsx(SideNavigationItem, { itemId: "daily", href: "/daily", children: "Daily Attendance" }) }));
+        const link = screen.getByRole('link', { name: 'Daily Attendance' });
+        expect(link).toHaveAttribute('href', '/daily');
+    });
+    test('renders as a button when linkElement is "button"', async () => {
+        const onClick = vi.fn();
+        render(_jsx(SideNavigation, { children: _jsx(SideNavigationItem, { itemId: "action", linkElement: "button", linkElementProps: { onClick }, children: "Run action" }) }));
+        const button = screen.getByRole('button', { name: 'Run action' });
+        await userEvent.click(button);
+        expect(onClick).toHaveBeenCalledOnce();
+    });
+    test('applies the current class and aria-current="page" when current is true', () => {
+        render(_jsx(SideNavigation, { children: _jsx(SideNavigationItem, { itemId: "daily", href: "/daily", current: true, children: "Daily Attendance" }) }));
+        const link = screen.getByRole('link', { name: 'Daily Attendance' });
+        expect(link).toHaveClass('ds-side-navigation__item-link--current');
+        expect(link).toHaveAttribute('aria-current', 'page');
+    });
+    test('does not set aria-current when current is false', () => {
+        render(_jsx(SideNavigation, { children: _jsx(SideNavigationItem, { itemId: "daily", href: "/daily", children: "Daily Attendance" }) }));
+        expect(screen.getByRole('link', { name: 'Daily Attendance' })).not.toHaveAttribute('aria-current');
+    });
+    test('assigns a testid scoped to itemId', () => {
+        render(_jsx(SideNavigation, { children: _jsx(SideNavigationItem, { itemId: "daily", href: "/daily", children: "Daily Attendance" }) }));
+        expect(screen.getByTestId('side-navigation-item-daily')).toBeInTheDocument();
+    });
+    test('passes linkProps and linkElementProps through to the anchor', () => {
+        render(_jsx(SideNavigation, { children: _jsx(SideNavigationItem, { itemId: "daily", href: "/daily", linkProps: { 'data-track': 'daily' }, linkElementProps: { 'aria-describedby': 'daily-desc' }, children: "Daily Attendance" }) }));
+        const link = screen.getByRole('link', { name: 'Daily Attendance' });
+        expect(link).toHaveAttribute('data-track', 'daily');
+        expect(link).toHaveAttribute('aria-describedby', 'daily-desc');
+    });
+    test('renders a favourite button separate from the item link when canFavourite is true', async () => {
+        const onFavouriteClick = vi.fn();
+        render(_jsx(SideNavigation, { children: _jsx(SideNavigationItem, { itemId: "daily", href: "/daily", canFavourite: true, isPressed: true, favouriteTooltip: "Remove from favourites", onFavouriteClick: onFavouriteClick, children: "Daily Attendance" }) }));
+        const listItem = screen.getByTestId('side-navigation-item-daily');
+        const link = screen.getByRole('link', { name: 'Daily Attendance' });
+        const favourite = screen.getByTestId('side-navigation-item-favourite-daily');
+        expect(listItem).toContainElement(link);
+        expect(listItem).toContainElement(favourite);
+        expect(link).not.toContainElement(favourite);
+        expect(favourite).toHaveAttribute('aria-pressed', 'true');
+        await userEvent.click(favourite);
+        expect(onFavouriteClick).toHaveBeenCalledOnce();
+    });
+    test('does not render a favourite button when canFavourite is not set', () => {
+        render(_jsx(SideNavigation, { children: _jsx(SideNavigationItem, { itemId: "daily", href: "/daily", children: "Daily Attendance" }) }));
+        expect(screen.queryByTestId('side-navigation-item-favourite-daily')).not.toBeInTheDocument();
+    });
+    test('uses renderLink from the parent SideNavigation to render the anchor', () => {
+        const renderLink = vi.fn(({ href, className, children, onClick }) => (_jsx("a", { href: href, className: className, "data-custom-link": "true", onClick: onClick, children: children })));
+        render(_jsx(SideNavigation, { renderLink: renderLink, children: _jsx(SideNavigationItem, { itemId: "daily", href: "/daily", children: "Daily Attendance" }) }));
+        expect(screen.getByText('Daily Attendance').closest('a')).toHaveAttribute('data-custom-link', 'true');
+        expect(renderLink).toHaveBeenCalledWith(expect.objectContaining({ href: '/daily' }));
+    });
+});
+//# sourceMappingURL=SideNavigationItem.test.js.map

package/dist/components/sideNavigation/SideNavigationItem.test.js.map

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

package/dist/components/sideNavigation/SideNavigationItemFavourite.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonHTMLAttributes } from 'react';
+export type SideNavigationItemFavouriteProps = {
+    isPressed: boolean;
+    itemId: string;
+    favouriteTooltip: string;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const SideNavigationItemFavourite: (props: SideNavigationItemFavouriteProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SideNavigationItemFavourite.d.ts.map

package/dist/components/sideNavigation/SideNavigationItemFavourite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationItemFavourite.d.ts","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationItemFavourite.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,gCAAgC,GAAG;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;CAC1B,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,2BAA2B,GAAI,OAAO,gCAAgC,4CAqClF,CAAC"}

package/dist/components/{sidebarNav/SidebarNavItemFavourite.js → sideNavigation/SideNavigationItemFavourite.js}

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon } from '../icon/Icon.js';
 import classNames from 'classnames';
-import { SidebarNavTooltip } from './SidebarNavTooltip.js';
-export const SidebarNavItemFavourite = (props) => {
+import { SideNavigationTooltip } from './SideNavigationTooltip.js';
+export const SideNavigationItemFavourite = (props) => {
     const { isPressed, itemId, favouriteTooltip, className, onClick, ...rest } = props;
-    const button = (_jsx("button", { type: "button", className: classNames('ds-sidebar-nav__item-favourite', className), "aria-pressed": isPressed, "aria-label": favouriteTooltip, "data-testid": `sidebar-nav-panel-item-favourite-${itemId}`, onClick: (e) => {
+    const button = (_jsx("button", { type: "button", className: classNames('ds-side-navigation__item-favourite', className), "aria-pressed": isPressed, "aria-label": favouriteTooltip, "data-testid": `side-navigation-item-favourite-${itemId}`, onClick: (e) => {
             e.preventDefault();
             e.stopPropagation();
             onClick?.(e);
         }, ...rest, children: _jsx(Icon, { name: isPressed ? 'favourite-filled' : 'favourite-outline', size: 16, color: isPressed ? 'var(--color-brand-600)' : 'currentColor' }) }));
-    return (_jsx(SidebarNavTooltip, { label: favouriteTooltip, side: "left", children: button }));
+    return (_jsx(SideNavigationTooltip, { label: favouriteTooltip, side: "left", children: button }));
 };
-//# sourceMappingURL=SidebarNavItemFavourite.js.map
+//# sourceMappingURL=SideNavigationItemFavourite.js.map

package/dist/components/sideNavigation/SideNavigationItemFavourite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationItemFavourite.js","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationItemFavourite.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAQnE,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAAuC,EAAE,EAAE;IACrF,MAAM,EACJ,SAAS,EACT,MAAM,EACN,gBAAgB,EAChB,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,CACb,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,oCAAoC,EAAE,SAAS,CAAC,kBACxD,SAAS,gBACX,gBAAgB,iBACf,kCAAkC,MAAM,EAAE,EACvD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QACf,CAAC,KACG,IAAI,YAER,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,EAC1D,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,cAAc,GAC5D,GACK,CACV,CAAC;IAEF,OAAO,CACL,KAAC,qBAAqB,IAAC,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,YACxD,MAAM,GACe,CACzB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/sideNavigation/SideNavigationItemFavourite.test.d.ts

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

package/dist/components/sideNavigation/SideNavigationItemFavourite.test.d.ts.map

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

package/dist/components/sideNavigation/SideNavigationItemFavourite.test.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@testing-library/jest-dom/vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import { describe, expect, test, vi } from 'vitest';
+import { SideNavigationItemFavourite } from './SideNavigationItemFavourite.js';
+const renderWithProvider = (ui) => render(_jsx(TooltipPrimitive.Provider, { children: ui }));
+describe('SideNavigationItemFavourite', () => {
+    test('uses favouriteTooltip as the accessible name', () => {
+        renderWithProvider(_jsx(SideNavigationItemFavourite, { itemId: "daily", isPressed: false, favouriteTooltip: "Add to favourites" }));
+        expect(screen.getByRole('button', { name: 'Add to favourites' })).toBeInTheDocument();
+    });
+    test('sets aria-pressed to reflect isPressed', () => {
+        renderWithProvider(_jsx(SideNavigationItemFavourite, { itemId: "daily", isPressed: true, favouriteTooltip: "Remove from favourites" }));
+        expect(screen.getByRole('button', { name: 'Remove from favourites' })).toHaveAttribute('aria-pressed', 'true');
+    });
+    test('assigns a testid scoped to itemId', () => {
+        renderWithProvider(_jsx(SideNavigationItemFavourite, { itemId: "daily", isPressed: false, favouriteTooltip: "Add to favourites" }));
+        expect(screen.getByTestId('side-navigation-item-favourite-daily')).toBeInTheDocument();
+    });
+    test('calls onClick and prevents the click from bubbling to a parent link', async () => {
+        const onClick = vi.fn();
+        const parentOnClick = vi.fn();
+        renderWithProvider(_jsx("div", { onClick: parentOnClick, children: _jsx(SideNavigationItemFavourite, { itemId: "daily", isPressed: false, favouriteTooltip: "Add to favourites", onClick: onClick }) }));
+        await userEvent.click(screen.getByRole('button', { name: 'Add to favourites' }));
+        expect(onClick).toHaveBeenCalledOnce();
+        expect(parentOnClick).not.toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=SideNavigationItemFavourite.test.js.map

package/dist/components/sideNavigation/SideNavigationItemFavourite.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationItemFavourite.test.js","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationItemFavourite.test.tsx"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,MAAM,kBAAkB,GAAG,CAAC,EAAsB,EAAE,EAAE,CAAC,MAAM,CAC3D,KAAC,gBAAgB,CAAC,QAAQ,cAAE,EAAE,GAA6B,CAC5D,CAAC;AAEF,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;IAC3C,IAAI,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACxD,kBAAkB,CAChB,KAAC,2BAA2B,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAC,mBAAmB,GAAG,CACtG,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxF,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAClD,kBAAkB,CAChB,KAAC,2BAA2B,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,QAAC,gBAAgB,EAAC,wBAAwB,GAAG,CACnG,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IACjH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,kBAAkB,CAChB,KAAC,2BAA2B,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAC,mBAAmB,GAAG,CACtG,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,sCAAsC,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzF,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qEAAqE,EAAE,KAAK,IAAI,EAAE;QACrF,MAAM,OAAO,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACxB,MAAM,aAAa,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAE9B,kBAAkB,CAChB,cAAK,OAAO,EAAE,aAAa,YACzB,KAAC,2BAA2B,IAC1B,MAAM,EAAC,OAAO,EACd,SAAS,EAAE,KAAK,EAChB,gBAAgB,EAAC,mBAAmB,EACpC,OAAO,EAAE,OAAO,GAChB,GACE,CACP,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC;QAEjF,MAAM,CAAC,OAAO,CAAC,CAAC,oBAAoB,EAAE,CAAC;QACvC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAC/C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/sideNavigation/SideNavigationTitle.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from 'react';
+export type SideNavigationTitleProps = HTMLAttributes<HTMLHeadingElement>;
+export declare const SideNavigationTitle: (props: SideNavigationTitleProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SideNavigationTitle.d.ts.map

package/dist/components/sideNavigation/SideNavigationTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationTitle.d.ts","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationTitle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAE1E,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CAOlE,CAAC"}

package/dist/components/sideNavigation/SideNavigationTitle.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+export const SideNavigationTitle = (props) => {
+    const { className, children, ...rest } = props;
+    return (_jsx("h2", { className: classNames('ds-side-navigation__title', className), ...rest, children: children }));
+};
+//# sourceMappingURL=SideNavigationTitle.js.map

package/dist/components/sideNavigation/SideNavigationTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationTitle.js","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAKpC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/C,OAAO,CACL,aAAI,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,SAAS,CAAC,KAAM,IAAI,YACxE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/sideNavigation/SideNavigationTitle.test.d.ts

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

package/dist/components/sideNavigation/SideNavigationTitle.test.d.ts.map

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

package/dist/components/sideNavigation/SideNavigationTitle.test.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@testing-library/jest-dom/vitest';
+import { render, screen } from '@testing-library/react';
+import { describe, expect, test } from 'vitest';
+import { SideNavigationTitle } from './SideNavigationTitle.js';
+describe('SideNavigationTitle', () => {
+    test('renders children inside a heading', () => {
+        render(_jsx(SideNavigationTitle, { children: "Attendance" }));
+        expect(screen.getByRole('heading', { name: 'Attendance', level: 2 })).toBeInTheDocument();
+    });
+    test('applies the base class alongside a custom className', () => {
+        render(_jsx(SideNavigationTitle, { className: "custom", children: "Attendance" }));
+        const heading = screen.getByRole('heading', { name: 'Attendance' });
+        expect(heading).toHaveClass('ds-side-navigation__title');
+        expect(heading).toHaveClass('custom');
+    });
+    test('passes through extra HTML attributes', () => {
+        render(_jsx(SideNavigationTitle, { "data-testid": "panel-title", children: "Attendance" }));
+        expect(screen.getByTestId('panel-title')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=SideNavigationTitle.test.js.map

package/dist/components/sideNavigation/SideNavigationTitle.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationTitle.test.js","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationTitle.test.tsx"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,KAAC,mBAAmB,6BAAiC,CAAC,CAAC;QAC9D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5F,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC/D,MAAM,CAAC,KAAC,mBAAmB,IAAC,SAAS,EAAC,QAAQ,2BAAiC,CAAC,CAAC;QACjF,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;QACpE,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC;QACzD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAChD,MAAM,CAAC,KAAC,mBAAmB,mBAAa,aAAa,2BAAiC,CAAC,CAAC;QACxF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAChE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/sideNavigation/SideNavigationTooltip.d.ts

@@ -0,0 +1,7 @@
+export type SideNavigationTooltipProps = {
+    label: string;
+    children: React.ReactElement;
+    side?: 'left' | 'right';
+};
+export declare const SideNavigationTooltip: (props: SideNavigationTooltipProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SideNavigationTooltip.d.ts.map

package/dist/components/sideNavigation/SideNavigationTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationTooltip.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,4CAatE,CAAC"}

package/dist/components/{sidebarNav/SidebarNavTooltip.js → sideNavigation/SideNavigationTooltip.js}

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TooltipContent } from '../tooltip/TooltipContent.js';
 import { TooltipTrigger } from '../tooltip/TooltipTrigger.js';
 import { Tooltip as TooltipPrimitive } from 'radix-ui';
-export const SidebarNavTooltip = (props) => {
+export const SideNavigationTooltip = (props) => {
     const { label, children, side = 'right' } = props;
     return (_jsxs(TooltipPrimitive.Root, { disableHoverableContent: true, delayDuration: 400, children: [_jsx(TooltipTrigger, { onPointerDown: event => event.preventDefault(), children: children }), _jsx(TooltipContent, { side: side, sideOffset: 8, arrowPadding: 0, children: label })] }));
 };
-//# sourceMappingURL=SidebarNavTooltip.js.map
+//# sourceMappingURL=SideNavigationTooltip.js.map

package/dist/components/sideNavigation/SideNavigationTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationTooltip.js","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAQvD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,OAAO,EAAE,GAAG,KAAK,CAAC;IAElD,OAAO,CACL,MAAC,gBAAgB,CAAC,IAAI,IAAC,uBAAuB,QAAC,aAAa,EAAE,GAAG,aAC/D,KAAC,cAAc,IAAC,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,YAC3D,QAAQ,GACM,EACjB,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,YACvD,KAAK,GACS,IACK,CACzB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/sideNavigation/SideNavigationTooltip.test.d.ts

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

package/dist/components/sideNavigation/SideNavigationTooltip.test.d.ts.map

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

package/dist/components/sideNavigation/SideNavigationTooltip.test.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@testing-library/jest-dom/vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import { describe, expect, test } from 'vitest';
+import { SideNavigationTooltip } from './SideNavigationTooltip.js';
+const renderWithProvider = (ui) => render(_jsx(TooltipPrimitive.Provider, { children: ui }));
+describe('SideNavigationTooltip', () => {
+    test('renders the trigger children', () => {
+        renderWithProvider(_jsx(SideNavigationTooltip, { label: "Add to favourites", children: _jsx("button", { type: "button", children: "Star" }) }));
+        expect(screen.getByRole('button', { name: 'Star' })).toBeInTheDocument();
+    });
+    test('shows the label as tooltip content on hover', async () => {
+        renderWithProvider(_jsx(SideNavigationTooltip, { label: "Add to favourites", children: _jsx("button", { type: "button", children: "Star" }) }));
+        await userEvent.hover(screen.getByRole('button', { name: 'Star' }));
+        expect(await screen.findByRole('tooltip')).toHaveTextContent('Add to favourites');
+    });
+    test('defaults to the right side and can be overridden', async () => {
+        renderWithProvider(_jsx(SideNavigationTooltip, { label: "Remove from favourites", side: "left", children: _jsx("button", { type: "button", children: "Star" }) }));
+        await userEvent.hover(screen.getByRole('button', { name: 'Star' }));
+        await screen.findByRole('tooltip');
+        expect(document.querySelector('.ds-tooltip__content')).toHaveAttribute('data-side', 'left');
+    });
+});
+//# sourceMappingURL=SideNavigationTooltip.test.js.map

package/dist/components/sideNavigation/SideNavigationTooltip.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationTooltip.test.js","sourceRoot":"","sources":["../../../src/components/sideNavigation/SideNavigationTooltip.test.tsx"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,kBAAkB,GAAG,CAAC,EAAsB,EAAE,EAAE,CAAC,MAAM,CAC3D,KAAC,gBAAgB,CAAC,QAAQ,cAAE,EAAE,GAA6B,CAC5D,CAAC;AAEF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACxC,kBAAkB,CAChB,KAAC,qBAAqB,IAAC,KAAK,EAAC,mBAAmB,YAC9C,iBAAQ,IAAI,EAAC,QAAQ,qBAAc,GACb,CACzB,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC7D,kBAAkB,CAChB,KAAC,qBAAqB,IAAC,KAAK,EAAC,mBAAmB,YAC9C,iBAAQ,IAAI,EAAC,QAAQ,qBAAc,GACb,CACzB,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QACpE,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACpF,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAClE,kBAAkB,CAChB,KAAC,qBAAqB,IAAC,KAAK,EAAC,wBAAwB,EAAC,IAAI,EAAC,MAAM,YAC/D,iBAAQ,IAAI,EAAC,QAAQ,qBAAc,GACb,CACzB,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QACpE,MAAM,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,eAAe,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC9F,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/sideNavigation/resolvePanelItemProps.d.ts

@@ -0,0 +1,4 @@
+import type { SideNavigationItemProps } from './SideNavigationItem.js';
+import type { SideNavigationItemNode } from './types.js';
+export declare function resolvePanelItemProps(node: SideNavigationItemNode): SideNavigationItemProps;
+//# sourceMappingURL=resolvePanelItemProps.d.ts.map

package/dist/components/sideNavigation/resolvePanelItemProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolvePanelItemProps.d.ts","sourceRoot":"","sources":["../../../src/components/sideNavigation/resolvePanelItemProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEzD,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,sBAAsB,GAAG,uBAAuB,CA+C3F"}

package/dist/components/{sidebarNav → sideNavigation}/resolvePanelItemProps.js

@@ -7,6 +7,7 @@ export function resolvePanelItemProps(node) {
         children: node.label,
     };
     const hasHref = 'href' in node && node.href != null;
+    const onClick = node.onClick;
     if (node.canFavourite) {
         if (hasHref) {
             return {
@@ -14,7 +15,7 @@ export function resolvePanelItemProps(node) {
                 canFavourite: true,
                 favouriteTooltip: node.favouriteTooltip,
                 href: node.href,
-                onClick: node.onClick,
+                linkElementProps: onClick ? { onClick } : undefined,
                 linkProps: node.linkProps,
             };
         }
@@ -23,21 +24,21 @@ export function resolvePanelItemProps(node) {
             canFavourite: true,
             favouriteTooltip: node.favouriteTooltip,
             linkElement: 'button',
-            onClick: node.onClick,
+            linkElementProps: { onClick },
         };
     }
     if (hasHref) {
         return {
             ...base,
             href: node.href,
-            onClick: node.onClick,
+            linkElementProps: onClick ? { onClick } : undefined,
             linkProps: node.linkProps,
         };
     }
     return {
         ...base,
         linkElement: 'button',
-        onClick: node.onClick,
+        linkElementProps: { onClick },
     };
 }
 //# sourceMappingURL=resolvePanelItemProps.js.map

package/dist/components/sideNavigation/resolvePanelItemProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolvePanelItemProps.js","sourceRoot":"","sources":["../../../src/components/sideNavigation/resolvePanelItemProps.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,qBAAqB,CAAC,IAA4B;IAChE,MAAM,IAAI,GAAG;QACX,MAAM,EAAE,IAAI,CAAC,EAAE;QACf,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,SAAS,EAAE,IAAI,CAAC,SAAS;QACzB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;QACvC,QAAQ,EAAE,IAAI,CAAC,KAAK;KACrB,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC;IACpD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IAE7B,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO;gBACL,GAAG,IAAI;gBACP,YAAY,EAAE,IAAI;gBAClB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;gBACvC,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS;gBACnD,SAAS,EAAE,IAAI,CAAC,SAAS;aAC1B,CAAC;QACJ,CAAC;QAED,OAAO;YACL,GAAG,IAAI;YACP,YAAY,EAAE,IAAI;YAClB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,WAAW,EAAE,QAAQ;YACrB,gBAAgB,EAAE,EAAE,OAAO,EAAE;SAC9B,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO;YACL,GAAG,IAAI;YACP,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS;YACnD,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC;IACJ,CAAC;IAED,OAAO;QACL,GAAG,IAAI;QACP,WAAW,EAAE,QAAQ;QACrB,gBAAgB,EAAE,EAAE,OAAO,EAAE;KAC9B,CAAC;AACJ,CAAC"}

package/dist/components/sideNavigation/resolvePanelItemProps.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolvePanelItemProps.test.d.ts","sourceRoot":"","sources":["../../../src/components/sideNavigation/resolvePanelItemProps.test.ts"],"names":[],"mappings":""}

package/dist/components/{sidebarNav → sideNavigation}/resolvePanelItemProps.test.js

@@ -1,7 +1,7 @@
 import { describe, expect, test } from 'vitest';
 import { resolvePanelItemProps } from './resolvePanelItemProps.js';
 describe('resolvePanelItemProps', () => {
-    test('maps href item to link variant with top-level onClick', () => {
+    test('maps href item to link variant with onClick in linkElementProps', () => {
         const onClick = () => { };
         const props = resolvePanelItemProps({
             type: 'item',
@@ -14,10 +14,24 @@ describe('resolvePanelItemProps', () => {
             itemId: 'daily',
             children: 'Daily Attendance',
             href: '/daily',
-            onClick,
+            linkElementProps: { onClick },
+        });
+    });
+    test('maps href item with no onClick to link variant with no linkElementProps', () => {
+        const props = resolvePanelItemProps({
+            type: 'item',
+            id: 'daily',
+            label: 'Daily Attendance',
+            href: '/daily',
+        });
+        expect(props).toEqual({
+            itemId: 'daily',
+            children: 'Daily Attendance',
+            href: '/daily',
+            linkElementProps: undefined,
         });
     });
-    test('maps onClick-only item to button variant with top-level onClick', () => {
+    test('maps onClick-only item to button variant with onClick in linkElementProps', () => {
         const onClick = () => { };
         const props = resolvePanelItemProps({
             type: 'item',
@@ -29,7 +43,7 @@ describe('resolvePanelItemProps', () => {
             itemId: 'action',
             children: 'Run action',
             linkElement: 'button',
-            onClick,
+            linkElementProps: { onClick },
         });
     });
     test('maps favourite href item with canFavourite and favouriteTooltip', () => {

package/dist/components/sideNavigation/resolvePanelItemProps.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolvePanelItemProps.test.js","sourceRoot":"","sources":["../../../src/components/sideNavigation/resolvePanelItemProps.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,IAAI,CAAC,iEAAiE,EAAE,GAAG,EAAE;QAC3E,MAAM,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QACzB,MAAM,KAAK,GAAG,qBAAqB,CAAC;YAClC,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,OAAO;YACX,KAAK,EAAE,kBAAkB;YACzB,IAAI,EAAE,QAAQ;YACd,OAAO;SACR,CAAC,CAAC;QAEH,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;YACpB,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,kBAAkB;YAC5B,IAAI,EAAE,QAAQ;YACd,gBAAgB,EAAE,EAAE,OAAO,EAAE;SAC9B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,yEAAyE,EAAE,GAAG,EAAE;QACnF,MAAM,KAAK,GAAG,qBAAqB,CAAC;YAClC,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,OAAO;YACX,KAAK,EAAE,kBAAkB;YACzB,IAAI,EAAE,QAAQ;SACf,CAAC,CAAC;QAEH,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;YACpB,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,kBAAkB;YAC5B,IAAI,EAAE,QAAQ;YACd,gBAAgB,EAAE,SAAS;SAC5B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,2EAA2E,EAAE,GAAG,EAAE;QACrF,MAAM,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QACzB,MAAM,KAAK,GAAG,qBAAqB,CAAC;YAClC,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,YAAY;YACnB,OAAO;SACR,CAAC,CAAC;QAEH,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;YACpB,MAAM,EAAE,QAAQ;YAChB,QAAQ,EAAE,YAAY;YACtB,WAAW,EAAE,QAAQ;YACrB,gBAAgB,EAAE,EAAE,OAAO,EAAE;SAC9B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iEAAiE,EAAE,GAAG,EAAE;QAC3E,MAAM,KAAK,GAAG,qBAAqB,CAAC;YAClC,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,OAAO;YACX,KAAK,EAAE,kBAAkB;YACzB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,IAAI;YAClB,gBAAgB,EAAE,mBAAmB;SACtC,CAAC,CAAC;QAEH,MAAM,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC;YAC1B,MAAM,EAAE,OAAO;YACf,YAAY,EAAE,IAAI;YAClB,gBAAgB,EAAE,mBAAmB;YACrC,IAAI,EAAE,QAAQ;SACf,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/sideNavigation/types.d.ts

@@ -0,0 +1,47 @@
+import type { AnchorHTMLAttributes } from 'react';
+export type SideNavigationLinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'children' | 'className'> & Record<`data-${string}`, string | number | boolean | undefined>;
+export type SideNavigationRenderLinkArgs = {
+    href: string;
+    className: string;
+    children: React.ReactNode;
+    ariaCurrent?: 'page';
+    onClick?: React.MouseEventHandler;
+    linkProps?: SideNavigationLinkProps;
+    linkElementProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'className' | 'children'>;
+};
+type SideNavigationItemNodeFavouriteFields = {
+    canFavourite?: false;
+    favouriteTooltip?: never;
+} | {
+    canFavourite: true;
+    favouriteTooltip: string;
+};
+type SideNavigationItemNodeLinkFields = {
+    href: string;
+    onClick?: React.MouseEventHandler;
+};
+type SideNavigationItemNodeButtonFields = {
+    href?: never;
+    onClick: React.MouseEventHandler;
+};
+export type SideNavigationItemNode = {
+    type: 'item';
+    id: string;
+    label: string;
+    current?: boolean;
+    linkProps?: SideNavigationLinkProps;
+    isPressed?: boolean;
+    onFavouriteClick?: React.MouseEventHandler<HTMLButtonElement>;
+} & SideNavigationItemNodeFavouriteFields & (SideNavigationItemNodeLinkFields | SideNavigationItemNodeButtonFields);
+export type SideNavigationGroupNode = {
+    type: 'group';
+    id: string;
+    label: string;
+    children: SideNavigationNode[];
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+};
+export type SideNavigationNode = SideNavigationItemNode | SideNavigationGroupNode;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/sideNavigation/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/sideNavigation/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,UAAU,GAAG,WAAW,CAClC,GAAG,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;AAEpE,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,gBAAgB,CAAC,EAAE,IAAI,CACrB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,WAAW,GAAG,UAAU,CAClC,CAAC;CACH,CAAC;AAEF,KAAK,qCAAqC,GACpC;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,GAClD;IAAE,YAAY,EAAE,IAAI,CAAC;IAAC,gBAAgB,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvD,KAAK,gCAAgC,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACnC,CAAC;AAEF,KAAK,kCAAkC,GAAG;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAC/D,GAAG,qCAAqC,GACvC,CAAC,gCAAgC,GAAG,kCAAkC,CAAC,CAAC;AAE1E,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GAAG,uBAAuB,CAAC"}

package/dist/components/sideNavigation/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/sideNavigation/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/sideNavigation/types.ts"],"names":[],"mappings":""}

package/dist/components/sidebar/Sidebar.d.ts

@@ -0,0 +1,13 @@
+import { type SidebarItemProps } from './SidebarItem.js';
+export type SidebarProps = {
+    ariaLabel?: string;
+} & React.HTMLAttributes<HTMLDivElement>;
+export declare const Sidebar: {
+    (props: SidebarProps): import("react/jsx-runtime").JSX.Element;
+    Item: (props: SidebarItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare namespace Sidebar {
+    type Props = SidebarProps;
+    type ItemProps = SidebarItemProps;
+}
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/components/sidebar/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEtE,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO;YAAW,YAAY;;CAY1C,CAAC;AAIF,yBAAiB,OAAO,CAAC;IACvB,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,SAAS,GAAG,gBAAgB,CAAC;CAC1C"}

package/dist/components/sidebar/Sidebar.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { SidebarItem } from './SidebarItem.js';
+export const Sidebar = (props) => {
+    const { ariaLabel = 'Sidebar', className, children, ...rest } = props;
+    return (_jsx("nav", { "aria-label": ariaLabel, className: classNames('ds-sidebar', className), "data-testid": "sidebar", ...rest, children: children }));
+};
+Sidebar.Item = SidebarItem;
+//# sourceMappingURL=Sidebar.js.map