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

package/dist/components/sidebarNav/SidebarNavGroup.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '../icon/Icon.js';
+import classNames from 'classnames';
+import { useId } from 'react';
+import { useControllableBoolean } from './useControllableBoolean.js';
+export const SidebarNavGroup = (props) => {
+    const { label, expanded, defaultExpanded = false, onExpandedChange, className, children, ...rest } = props;
+    const ulId = useId();
+    const { value: isExpanded, set: setExpanded } = useControllableBoolean({
+        value: expanded,
+        defaultValue: defaultExpanded,
+        onChange: onExpandedChange,
+    });
+    return (_jsxs("li", { className: classNames('ds-sidebar-nav__list-item', 'ds-sidebar-nav__group', className), ...rest, children: [_jsxs("button", { type: "button", className: "ds-sidebar-nav__group-link", "aria-expanded": isExpanded, "aria-controls": ulId, onClick: () => setExpanded(!isExpanded), children: [_jsx(Icon, { name: "chevron-right", size: 16, className: "ds-sidebar-nav__group-chevron" }), _jsx("span", { className: "ds-sidebar-nav__group-label", children: label })] }), _jsx("ul", { id: ulId, "aria-hidden": !isExpanded, className: "ds-sidebar-nav__group-children", children: children })] }));
+};
+//# sourceMappingURL=SidebarNavGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavGroup.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAUrE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,IAAI,GAAG,KAAK,EAAE,CAAC;IACrB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,sBAAsB,CAAC;QACrE,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,eAAe;QAC7B,QAAQ,EAAE,gBAAgB;KAC3B,CAAC,CAAC;IAEH,OAAO,CACL,cAAI,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,uBAAuB,EAAE,SAAS,CAAC,KAAM,IAAI,aAClG,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4BAA4B,mBACvB,UAAU,mBACV,IAAI,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,aAEvC,KAAC,IAAI,IACH,IAAI,EAAC,eAAe,EACpB,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,+BAA+B,GACzC,EACF,eAAM,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAQ,IACrD,EAET,aACE,EAAE,EAAE,IAAI,iBACK,CAAC,UAAU,EACxB,SAAS,EAAC,gCAAgC,YAEzC,QAAQ,GACN,IACF,CACN,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavItem.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,KAAK,8BAA8B,GAC7B;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,yBAAyB,GAAG;IAC/B,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,mBAAmB,CAAC;CACjC,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,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,mBAAmB,GAAG;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAC7D,8BAA8B,GAC9B,CAAC,yBAAyB,GAAG,2BAA2B,CAAC,CAAC;AAc5D,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,4CA6GxD,CAAC"}

package/dist/components/sidebarNav/SidebarNavItem.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useSidebarNavContext } from './SidebarNavContext.js';
+import { SidebarNavItemFavourite } from './SidebarNavItemFavourite.js';
+function omitOnClick(props) {
+    if (props == null) {
+        return undefined;
+    }
+    const rest = { ...props };
+    delete rest.onClick;
+    return rest;
+}
+export const SidebarNavItem = (props) => {
+    const { current, itemId, canFavourite, favouriteTooltip, isPressed = false, onFavouriteClick, children, className, linkElement = 'link', href, linkElementProps, linkProps, onClick, ...rest } = props;
+    const { renderLink } = useSidebarNavContext();
+    const linkClassName = classNames('ds-sidebar-nav__item-link', { 'ds-sidebar-nav__item-link--current': Boolean(current) });
+    const linkChildren = _jsx("span", { className: "ds-sidebar-nav__item-label", children: children });
+    const linkElementOnClick = linkElementProps?.onClick;
+    const handleClick = (event) => {
+        if (onClick) {
+            onClick(event);
+            return;
+        }
+        linkElementOnClick?.(event);
+    };
+    const buttonLinkElementProps = omitOnClick(linkElementProps);
+    const anchorLinkElementProps = omitOnClick(linkElementProps);
+    const renderAnchorElement = () => renderLink
+        ? renderLink({
+            href: href,
+            className: linkClassName,
+            ariaCurrent: current ? 'page' : undefined,
+            linkProps,
+            linkElementProps: anchorLinkElementProps,
+            onClick: handleClick,
+            children: linkChildren,
+        })
+        : (_jsx("a", { href: href, className: linkClassName, "aria-current": current ? 'page' : undefined, ...linkProps, ...anchorLinkElementProps, onClick: handleClick, children: linkChildren }));
+    const linkElementNode = linkElement === 'button'
+        ? (_jsx("button", { type: "button", className: linkClassName, "aria-current": current ? 'page' : undefined, ...buttonLinkElementProps, onClick: handleClick, children: linkChildren }))
+        : renderAnchorElement();
+    return (_jsxs("li", { className: classNames('ds-sidebar-nav__list-item', 'ds-sidebar-nav__item', { 'ds-sidebar-nav__item--has-favourite': canFavourite }, className), "data-testid": `sidebar-nav-panel-item-${itemId}`, ...rest, children: [linkElementNode, canFavourite === true && (_jsx(SidebarNavItemFavourite, { isPressed: isPressed, itemId: itemId, favouriteTooltip: favouriteTooltip, onClick: onFavouriteClick }))] }));
+};
+//# sourceMappingURL=SidebarNavItem.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavItemFavourite.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavItemFavourite.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,4BAA4B,GAAG;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;CAC1B,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,uBAAuB,GAAI,OAAO,4BAA4B,4CAqC1E,CAAC"}

package/dist/components/sidebarNav/SidebarNavItemFavourite.js

@@ -0,0 +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) => {
+    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) => {
+            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 }));
+};
+//# sourceMappingURL=SidebarNavItemFavourite.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavItemFavourite.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavItemFavourite.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAQ3D,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAmC,EAAE,EAAE;IAC7E,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,gCAAgC,EAAE,SAAS,CAAC,kBACpD,SAAS,gBACX,gBAAgB,iBACf,oCAAoC,MAAM,EAAE,EACzD,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,iBAAiB,IAAC,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,YACpD,MAAM,GACW,CACrB,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavPanel.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAa1D,CAAC"}

package/dist/components/sidebarNav/SidebarNavPanel.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useSidebarNavContext } from './SidebarNavContext.js';
+export const SidebarNavPanel = (props) => {
+    const { className, ...rest } = props;
+    const { expanded, panelId } = useSidebarNavContext();
+    return (_jsx("div", { id: panelId, "aria-hidden": !expanded, className: classNames('ds-sidebar-nav__panel', className), "data-testid": "sidebar-nav-panel", ...rest }));
+};
+//# sourceMappingURL=SidebarNavPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavPanel.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAErD,OAAO,CACL,cACE,EAAE,EAAE,OAAO,iBACE,CAAC,QAAQ,EACtB,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,iBAC7C,mBAAmB,KAC3B,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+import type { SidebarNavNode } from './types.js';
+export type SidebarNavPanelNavProps = {
+    ariaLabel?: string;
+    items?: SidebarNavNode[];
+} & Omit<HTMLAttributes<HTMLElement>, 'children'> & {
+    children?: React.ReactNode;
+};
+export declare const SidebarNavPanelNav: (props: SidebarNavPanelNavProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarNavPanelNav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavPanelNav.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavPanelNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,YAAY,CAAC;AAErE,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,GAAG;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AA0BF,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAgBhE,CAAC"}

package/dist/components/sidebarNav/SidebarNavPanelNav.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { SidebarNavGroup } from './SidebarNavGroup.js';
+import { SidebarNavItem } from './SidebarNavItem.js';
+import { resolvePanelItemProps } from './resolvePanelItemProps.js';
+function renderItemNode(node) {
+    return _jsx(SidebarNavItem, { ...resolvePanelItemProps(node) }, node.id);
+}
+function renderNodes(nodes) {
+    return nodes.map((node) => {
+        if (node.type === 'group') {
+            return (_jsx(SidebarNavGroup, { label: node.label, defaultExpanded: node.defaultExpanded, expanded: node.expanded, onExpandedChange: node.onExpandedChange, children: renderNodes(node.children ?? []) }, node.id));
+        }
+        return renderItemNode(node);
+    });
+}
+export const SidebarNavPanelNav = (props) => {
+    const { ariaLabel = 'Sidebar links', items, className, children, ...rest } = props;
+    return (_jsx("nav", { "aria-label": ariaLabel, className: classNames('ds-sidebar-nav__nav', className), ...rest, children: _jsx("ul", { className: "ds-sidebar-nav__list", children: items ? renderNodes(items) : children }) }));
+};
+//# sourceMappingURL=SidebarNavPanelNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavPanelNav.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavPanelNav.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAUnE,SAAS,cAAc,CAAC,IAAwB;IAC9C,OAAO,KAAC,cAAc,OAAmB,qBAAqB,CAAC,IAAI,CAAC,IAAxC,IAAI,CAAC,EAAE,CAAqC,CAAC;AAC3E,CAAC;AAED,SAAS,WAAW,CAAC,KAAuB;IAC1C,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACxB,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC1B,OAAO,CACL,KAAC,eAAe,IAEd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,YAEtC,WAAW,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,IAN5B,IAAI,CAAC,EAAE,CAOI,CACnB,CAAC;QACJ,CAAC;QAED,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EACJ,SAAS,GAAG,eAAe,EAC3B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,4BAAiB,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,IAAI,YAC3F,aAAI,SAAS,EAAC,sBAAsB,YACjC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,GACnC,GACD,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { HTMLAttributes } from 'react';
+export type SidebarNavRailProps = {
+    ariaLabel?: string;
+} & HTMLAttributes<HTMLElement>;
+export declare const SidebarNavRail: (props: SidebarNavRailProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarNavRail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavRail.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavRail.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,4CAYxD,CAAC"}

package/dist/components/sidebarNav/SidebarNavRail.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavRail.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavRail.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC3D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,GAAG,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC3E,OAAO,CACL,4BACc,SAAS,EACrB,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,iBAC5C,kBAAkB,KAC1B,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { MouseEventHandler } from 'react';
+export type SidebarNavRailItemProps = {
+    'href'?: string;
+    'onClick'?: MouseEventHandler;
+    'current'?: boolean;
+    'aria-label': string;
+    'data-testid'?: string;
+} & Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick'>;
+export declare const SidebarNavRailItem: (props: SidebarNavRailItemProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarNavRailItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavRailItem.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavRailItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC;AAEzD,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAqEhE,CAAC"}

package/dist/components/sidebarNav/SidebarNavRailItem.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useSidebarNavContext } from './SidebarNavContext.js';
+import { SidebarNavTooltip } from './SidebarNavTooltip.js';
+export const SidebarNavRailItem = (props) => {
+    const { href, onClick, current, 'aria-label': ariaLabel, 'data-testid': dataTestId, className, children, ...rest } = props;
+    const { renderLink } = useSidebarNavContext();
+    const itemClassName = classNames('ds-sidebar-nav__rail-item', { 'ds-sidebar-nav__rail-item--selected': Boolean(current) });
+    const content = (_jsx("span", { className: "ds-sidebar-nav__rail-badge-anchor", children: children }));
+    const renderLinkNode = () => renderLink
+        ? renderLink({
+            href: href,
+            className: itemClassName,
+            ariaCurrent: current ? 'page' : undefined,
+            ariaLabel,
+            onClick,
+            children: content,
+        })
+        : (_jsx("a", { href: href, className: itemClassName, "aria-current": current ? 'page' : undefined, "aria-label": ariaLabel, onClick: onClick, children: content }));
+    const trigger = href
+        ? renderLinkNode()
+        : (_jsx("button", { type: "button", className: itemClassName, "aria-current": current ? 'page' : undefined, "aria-label": ariaLabel, onClick: onClick, children: content }));
+    return (_jsx("li", { className: classNames('ds-sidebar-nav__rail-list-item', className), "data-testid": dataTestId, ...rest, children: _jsx(SidebarNavTooltip, { label: ariaLabel, children: trigger }) }));
+};
+//# sourceMappingURL=SidebarNavRailItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavRailItem.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavRailItem.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAU3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,aAAa,EAAE,UAAU,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAE9C,MAAM,aAAa,GAAG,UAAU,CAC9B,2BAA2B,EAC3B,EAAE,qCAAqC,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAC5D,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,eAAM,SAAS,EAAC,mCAAmC,YAAE,QAAQ,GAAQ,CACtE,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU;QACrC,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,OAAO;YACP,QAAQ,EAAE,OAAO;SAClB,CAAC;QACJ,CAAC,CAAC,CACE,YACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,kBACV,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAC9B,SAAS,EACrB,OAAO,EAAE,OAAO,YAEf,OAAO,GACN,CACL,CAAC;IAEN,MAAM,OAAO,GAAG,IAAI;QAClB,CAAC,CAAC,cAAc,EAAE;QAClB,CAAC,CAAC,CACE,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,aAAa,kBACV,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAC9B,SAAS,EACrB,OAAO,EAAE,OAAO,YAEf,OAAO,GACD,CACV,CAAC;IAEN,OAAO,CACL,aACE,SAAS,EAAE,UAAU,CAAC,gCAAgC,EAAE,SAAS,CAAC,iBACrD,UAAU,KACnB,IAAI,YAER,KAAC,iBAAiB,IAAC,KAAK,EAAE,SAAS,YAChC,OAAO,GACU,GACjB,CACN,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavRailList.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavRailList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEvE,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAKhE,CAAC"}

package/dist/components/sidebarNav/SidebarNavRailList.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+export const SidebarNavRailList = (props) => {
+    const { className, ...rest } = props;
+    return (_jsx("ul", { className: classNames('ds-sidebar-nav__rail-list', className), ...rest }));
+};
+//# sourceMappingURL=SidebarNavRailList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavRailList.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavRailList.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAKpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,OAAO,CACL,aAAI,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CAChF,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { HTMLAttributes } from 'react';
+export type SidebarNavRailSlotProps = {
+    children: React.ReactNode;
+} & Omit<HTMLAttributes<HTMLLIElement>, 'children'>;
+export declare const SidebarNavRailSlot: (props: SidebarNavRailSlotProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarNavRailSlot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavRailSlot.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavRailSlot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,CAAC;AAEpD,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAOhE,CAAC"}

package/dist/components/sidebarNav/SidebarNavRailSlot.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavRailSlot.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavRailSlot.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/C,OAAO,CACL,aAAI,SAAS,EAAE,UAAU,CAAC,gCAAgC,EAAE,SAAS,CAAC,KAAM,IAAI,YAC7E,QAAQ,GACN,CACN,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+export type SidebarNavSeparatorProps = {
+    id?: string;
+    className?: string;
+};
+export declare const SidebarNavSeparator: (props: SidebarNavSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarNavSeparator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavSeparator.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CAUlE,CAAC"}

package/dist/components/sidebarNav/SidebarNavSeparator.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Separator } from '../separator/Separator.js';
+import classNames from 'classnames';
+export const SidebarNavSeparator = (props) => {
+    const { id, className } = props;
+    return (_jsx(Separator, { orientation: "horizontal", decorative: true, className: classNames('ds-sidebar-nav__separator', className), "data-testid": id ? `sidebar-nav-rail-separator-${id}` : 'sidebar-nav-rail-separator' }));
+};
+//# sourceMappingURL=SidebarNavSeparator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavSeparator.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavSeparator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAChC,OAAO,CACL,KAAC,SAAS,IACR,WAAW,EAAC,YAAY,EACxB,UAAU,QACV,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,SAAS,CAAC,iBAChD,EAAE,CAAC,CAAC,CAAC,8BAA8B,EAAE,EAAE,CAAC,CAAC,CAAC,4BAA4B,GACnF,CACH,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavTitle.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavTitle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEtE,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAO1D,CAAC"}

package/dist/components/sidebarNav/SidebarNavTitle.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavTitle.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAKpC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/C,OAAO,CACL,aAAI,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAAM,IAAI,YACpE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavTooltip.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CAa9D,CAAC"}

package/dist/components/sidebarNav/SidebarNavTooltip.js

@@ -0,0 +1,9 @@
+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) => {
+    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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavTooltip.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavTooltip.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,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,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/sidebarNav/SidebarNavTrigger.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonHTMLAttributes } from 'react';
+export declare const SIDEBAR_NAV_TRIGGER_TOOLTIP = "Show/hide sub navigation";
+export type SidebarNavTriggerProps = {
+    'tooltip'?: string;
+    'data-testid'?: string;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const SidebarNavTrigger: (props: SidebarNavTriggerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarNavTrigger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,eAAO,MAAM,2BAA2B,6BAA6B,CAAC;AAEtE,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CAuC9D,CAAC"}

package/dist/components/sidebarNav/SidebarNavTrigger.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useSidebarNavContext } from './SidebarNavContext.js';
+import { SidebarNavTooltip } from './SidebarNavTooltip.js';
+export const SIDEBAR_NAV_TRIGGER_TOOLTIP = 'Show/hide sub navigation';
+export const SidebarNavTrigger = (props) => {
+    const { tooltip = SIDEBAR_NAV_TRIGGER_TOOLTIP, className, onClick, children, 'data-testid': dataTestId = 'sidebar-nav-panel-trigger', ...rest } = props;
+    const { expanded, setExpanded, panelId } = useSidebarNavContext();
+    const button = (_jsx("button", { type: "button", "aria-controls": panelId, "aria-expanded": expanded, "aria-label": tooltip, className: classNames('ds-sidebar-nav__rail-item', { 'ds-sidebar-nav__rail-item--selected': expanded }, className), "data-testid": dataTestId, onClick: (e) => {
+            setExpanded(!expanded);
+            onClick?.(e);
+        }, ...rest, children: children }));
+    return (_jsx(SidebarNavTooltip, { label: tooltip, children: button }));
+};
+//# sourceMappingURL=SidebarNavTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavTrigger.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/SidebarNavTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,CAAC,MAAM,2BAA2B,GAAG,0BAA0B,CAAC;AAOtE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,MAAM,EACJ,OAAO,GAAG,2BAA2B,EACrC,SAAS,EACT,OAAO,EACP,QAAQ,EACR,aAAa,EAAE,UAAU,GAAG,2BAA2B,EACvD,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAElE,MAAM,MAAM,GAAG,CACb,iBACE,IAAI,EAAC,QAAQ,mBACE,OAAO,mBACP,QAAQ,gBACX,OAAO,EACnB,SAAS,EAAE,UAAU,CACnB,2BAA2B,EAC3B,EAAE,qCAAqC,EAAE,QAAQ,EAAE,EACnD,SAAS,CACV,iBACY,UAAU,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;YACvB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QACf,CAAC,KACG,IAAI,YAEP,QAAQ,GACF,CACV,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,IAAC,KAAK,EAAE,OAAO,YAC9B,MAAM,GACW,CACrB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+export { SidebarNav } from './SidebarNav.js';
+export { isSidebarNavRailSeparator } from './types.js';
+export type { SidebarNavGroupNode, SidebarNavItemNode, SidebarNavNode, SidebarNavProps, SidebarNavRailEntry, SidebarNavRailItemConfig, SidebarNavRailSeparatorConfig, SidebarNavRenderLinkArgs, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AACvD,YAAY,EACV,mBAAmB,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,6BAA6B,EACtJ,wBAAwB,GACzB,MAAM,YAAY,CAAC"}

package/dist/components/sidebarNav/index.js

@@ -0,0 +1,3 @@
+export { SidebarNav } from './SidebarNav.js';
+export { isSidebarNavRailSeparator } from './types.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolvePanelItemProps.d.ts","sourceRoot":"","sources":["../../../src/components/sidebarNav/resolvePanelItemProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,kBAAkB,GAAG,mBAAmB,CA8CnF"}

package/dist/components/sidebarNav/resolvePanelItemProps.js

@@ -0,0 +1,43 @@
+export function resolvePanelItemProps(node) {
+    const base = {
+        itemId: node.id,
+        current: node.current,
+        isPressed: node.isPressed,
+        onFavouriteClick: node.onFavouriteClick,
+        children: node.label,
+    };
+    const hasHref = 'href' in node && node.href != null;
+    if (node.canFavourite) {
+        if (hasHref) {
+            return {
+                ...base,
+                canFavourite: true,
+                favouriteTooltip: node.favouriteTooltip,
+                href: node.href,
+                onClick: node.onClick,
+                linkProps: node.linkProps,
+            };
+        }
+        return {
+            ...base,
+            canFavourite: true,
+            favouriteTooltip: node.favouriteTooltip,
+            linkElement: 'button',
+            onClick: node.onClick,
+        };
+    }
+    if (hasHref) {
+        return {
+            ...base,
+            href: node.href,
+            onClick: node.onClick,
+            linkProps: node.linkProps,
+        };
+    }
+    return {
+        ...base,
+        linkElement: 'button',
+        onClick: node.onClick,
+    };
+}
+//# sourceMappingURL=resolvePanelItemProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolvePanelItemProps.js","sourceRoot":"","sources":["../../../src/components/sidebarNav/resolvePanelItemProps.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,qBAAqB,CAAC,IAAwB;IAC5D,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;IAEpD,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,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,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,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO;YACL,GAAG,IAAI;YACP,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC;IACJ,CAAC;IAED,OAAO;QACL,GAAG,IAAI;QACP,WAAW,EAAE,QAAQ;QACrB,OAAO,EAAE,IAAI,CAAC,OAAO;KACtB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=resolvePanelItemProps.test.d.ts.map

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

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

package/dist/components/sidebarNav/resolvePanelItemProps.test.js

@@ -0,0 +1,52 @@
+import { describe, expect, test } from 'vitest';
+import { resolvePanelItemProps } from './resolvePanelItemProps.js';
+describe('resolvePanelItemProps', () => {
+    test('maps href item to link variant with top-level onClick', () => {
+        const onClick = () => { };
+        const props = resolvePanelItemProps({
+            type: 'item',
+            id: 'daily',
+            label: 'Daily Attendance',
+            href: '/daily',
+            onClick,
+        });
+        expect(props).toEqual({
+            itemId: 'daily',
+            children: 'Daily Attendance',
+            href: '/daily',
+            onClick,
+        });
+    });
+    test('maps onClick-only item to button variant with top-level onClick', () => {
+        const onClick = () => { };
+        const props = resolvePanelItemProps({
+            type: 'item',
+            id: 'action',
+            label: 'Run action',
+            onClick,
+        });
+        expect(props).toEqual({
+            itemId: 'action',
+            children: 'Run action',
+            linkElement: 'button',
+            onClick,
+        });
+    });
+    test('maps favourite href item with canFavourite and favouriteTooltip', () => {
+        const props = resolvePanelItemProps({
+            type: 'item',
+            id: 'daily',
+            label: 'Daily Attendance',
+            href: '/daily',
+            canFavourite: true,
+            favouriteTooltip: 'Add to favourites',
+        });
+        expect(props).toMatchObject({
+            itemId: 'daily',
+            canFavourite: true,
+            favouriteTooltip: 'Add to favourites',
+            href: '/daily',
+        });
+    });
+});
+//# sourceMappingURL=resolvePanelItemProps.test.js.map