@flipdish/ui-library 0.31.0 → 0.31.1

package/dist/components/organisms/HeaderNavigation/components/MobileHeader.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Menu02, X } from '@flipdish/ui-icons';
+import { FlipdishLogo } from '@flipdish/ui-library/components/atoms/FlipdishLogo';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { DialogTrigger, Button, ModalOverlay, Modal, Dialog } from 'react-aria-components';
+
+const MobileNavigationHeader = ({ children, testIdPrefix }) => {
+    return (jsxs(DialogTrigger, { children: [jsxs("header", { className: "flex h-14 items-center justify-between border-b border-secondary bg-primary p-3 pl-4 lg:hidden", children: [jsx(FlipdishLogo, { size: "sm" }), jsxs(Button, { "aria-label": "Expand navigation menu", "data-testid": testIdPrefix ? joinTestId(testIdPrefix, 'mobile-toggle') : undefined, className: "group flex items-center justify-center rounded-lg bg-primary p-2 text-fg-secondary outline-focus-ring hover:bg-primary_hover hover:text-fg-secondary_hover focus-visible:outline-2 focus-visible:outline-offset-2", children: [jsx(Menu02, { className: "size-6 transition duration-200 ease-in-out group-aria-expanded:opacity-0" }), jsx(X, { className: "absolute size-6 opacity-0 transition duration-200 ease-in-out group-aria-expanded:opacity-100" })] })] }), jsx(ModalOverlay, { isDismissable: true, className: ({ isEntering, isExiting }) => cx('fixed inset-0 z-50 cursor-pointer bg-overlay/70 pr-16 backdrop-blur-md lg:hidden', isEntering && 'duration-300 ease-in-out animate-in fade-in', isExiting && 'duration-200 ease-in-out animate-out fade-out'), children: ({ state }) => (jsxs(Fragment, { children: [jsx(Button, { "aria-label": "Close navigation menu", "data-testid": testIdPrefix ? joinTestId(testIdPrefix, 'mobile-close') : undefined, onPress: () => state.close(), className: "fixed top-2.5 right-3 flex cursor-pointer items-center justify-center rounded-lg p-2 text-fg-white/70 outline-focus-ring hover:bg-white/10 hover:text-fg-white focus-visible:outline-2 focus-visible:outline-offset-2", children: jsx(X, { className: "size-6" }) }), jsx(Modal, { className: "w-full max-w-74 cursor-auto will-change-transform", children: jsx(Dialog, { className: "h-dvh outline-hidden focus:outline-hidden", children: children }) })] })) })] }));
+};
+
+export { MobileNavigationHeader };
+//# sourceMappingURL=MobileHeader.js.map

package/dist/components/organisms/HeaderNavigation/components/MobileHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileHeader.js","sources":["../../../../../src/components/organisms/HeaderNavigation/components/MobileHeader.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaDialogTrigger","_jsx","AriaButton","CloseIcon","AriaModalOverlay","_Fragment","AriaModal","AriaDialog"],"mappings":";;;;;;;AAoBO,MAAM,sBAAsB,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAA+B,KAAI;AAChG,IAAA,QACEA,IAAA,CAACC,aAAiB,EAAA,EAAA,QAAA,EAAA,CAChBD,IAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAC,gGAAgG,EAAA,QAAA,EAAA,CAChHE,GAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAC,IAAI,GAAG,EAE1BF,IAAA,CAACG,MAAU,EAAA,EAAA,YAAA,EACE,wBAAwB,EAAA,aAAA,EACtB,YAAY,GAAG,UAAU,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,SAAS,EACjF,SAAS,EAAC,mNAAmN,EAAA,QAAA,EAAA,CAE7ND,IAAC,MAAM,EAAA,EAAC,SAAS,EAAC,0EAA0E,EAAA,CAAG,EAC/FA,GAAA,CAACE,CAAS,IAAC,SAAS,EAAC,+FAA+F,EAAA,CAAG,CAAA,EAAA,CAC5G,IACN,EAETF,GAAA,CAACG,YAAgB,EAAA,EACf,aAAa,EAAA,IAAA,EACb,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KACnC,EAAE,CACA,kFAAkF,EAClF,UAAU,IAAI,6CAA6C,EAC3D,SAAS,IAAI,+CAA+C,CAC7D,EAAA,QAAA,EAGF,CAAC,EAAE,KAAK,EAAE,MACTL,IAAA,CAAAM,QAAA,EAAA,EAAA,QAAA,EAAA,CACEJ,GAAA,CAACC,MAAU,EAAA,EAAA,YAAA,EACE,uBAAuB,EAAA,aAAA,EACrB,YAAY,GAAG,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,SAAS,EAChF,OAAO,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,EAC5B,SAAS,EAAC,uNAAuN,EAAA,QAAA,EAEjOD,GAAA,CAACE,CAAS,EAAA,EAAC,SAAS,EAAC,QAAQ,GAAG,EAAA,CACrB,EAEbF,IAACK,KAAS,EAAA,EAAC,SAAS,EAAC,mDAAmD,EAAA,QAAA,EACtEL,GAAA,CAACM,MAAU,EAAA,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAE,QAAQ,GAAc,EAAA,CAC/E,CAAA,EAAA,CACX,CACJ,EAAA,CACgB,CAAA,EAAA,CACD;AAExB;;;;"}

package/dist/components/organisms/HeaderNavigation/components/NavAccountCard.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Avatar = require('@flipdish/ui-library/components/atoms/Avatar');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var RadioButton = require('@flipdish/ui-library/components/atoms/RadioButton');
+var useBreakpoints = require('@flipdish/ui-library/hooks/useBreakpoints');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var focus = require('@react-aria/focus');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var useHotkeyHint = require('../../../../hooks/__internal__/useHotkeyHint/useHotkeyHint.cjs');
+var log_utils = require('../../../../utilities/__internal__/logUtils/log.utils.cjs');
+
+const NavAccountMenu = ({ className, selectedAccountId, accounts = [], menuItems = [], bottomMenuItems = [], testIdPrefix, ...dialogProps }) => {
+    const menuItemTestId = (item) => item['data-testid'] ?? (testIdPrefix ? testIdUtils.joinTestId(testIdPrefix, `menu-item-${item.id ?? testIdUtils.slugifyTestId(item.label)}`) : undefined);
+    const focusManager = focus.useFocusManager();
+    const dialogRef = React.useRef(null);
+    const onKeyDown = React.useCallback((e) => {
+        switch (e.key) {
+            case 'ArrowDown':
+                focusManager?.focusNext({ tabbable: true, wrap: true });
+                break;
+            case 'ArrowUp':
+                focusManager?.focusPrevious({ tabbable: true, wrap: true });
+                break;
+        }
+    }, [focusManager]);
+    React.useEffect(() => {
+        const element = dialogRef.current;
+        if (element) {
+            element.addEventListener('keydown', onKeyDown);
+        }
+        return () => {
+            if (element) {
+                element.removeEventListener('keydown', onKeyDown);
+            }
+        };
+    }, [onKeyDown]);
+    return (jsxRuntime.jsxs(reactAriaComponents.Dialog, { ...dialogProps, ref: dialogRef, className: cx.cx('w-66 rounded-xl bg-secondary_alt shadow-lg ring ring-secondary_alt outline-hidden', className), children: [jsxRuntime.jsxs("div", { className: "rounded-xl bg-primary ring-1 ring-secondary", children: [menuItems.length > 0 && (jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5 py-1.5", children: menuItems.map((item) => (jsxRuntime.jsx(NavAccountCardMenuItem, { label: item.label, icon: item.icon, shortcut: item.shortcut, onClick: item.onClick, "data-testid": menuItemTestId(item) }, item.label))) })), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col gap-0.5 py-1.5', menuItems.length > 0 && 'border-t border-secondary'), children: [jsxRuntime.jsx("div", { className: "px-3 pt-1.5 pb-1 text-xs font-semibold text-tertiary", children: "Switch account" }), jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5 px-1.5", children: accounts.map((account) => (
+                                // biome-ignore lint/a11y/useButtonType: using a button element for the account switch
+                                jsxRuntime.jsxs("button", { className: cx.cx('relative w-full cursor-pointer rounded-md px-2 py-1.5 text-left outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover focus:z-10 focus-visible:outline-2 focus-visible:outline-offset-2', account.id === selectedAccountId && 'bg-primary_hover'), children: [jsxRuntime.jsx(Avatar.AvatarLabelGroup, { status: account.status, size: "md", src: account.avatar, title: account.name, subtitle: account.email }), jsxRuntime.jsx(RadioButton.RadioButtonBase, { isSelected: account.id === selectedAccountId, className: "absolute top-2 right-2" })] }, account.id))) })] }), jsxRuntime.jsx("div", { className: "flex flex-col gap-2 px-2 pt-0.5 pb-2", children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.Plus, color: "secondary", size: "sm", children: "Add account" }) })] }), bottomMenuItems.length > 0 && (jsxRuntime.jsx("div", { className: "pt-1 pb-1.5", children: bottomMenuItems.map((item) => (jsxRuntime.jsx(NavAccountCardMenuItem, { label: item.label, icon: item.icon, shortcut: item.shortcut, onClick: item.onClick, "data-testid": menuItemTestId(item) }, item.label))) }))] }));
+};
+const NavAccountCardMenuItem = ({ icon: Icon, label, shortcut, ...buttonProps }) => {
+    const shortcutLabel = useHotkeyHint.useHotkeyHint(shortcut);
+    return (jsxRuntime.jsx("button", { ...buttonProps, className: cx.cx('group/item w-full cursor-pointer px-1.5 focus:outline-hidden', buttonProps.className), children: jsxRuntime.jsxs("div", { className: cx.cx('flex w-full items-center justify-between gap-3 rounded-md p-2 group-hover/item:bg-primary_hover', 
+            // Focus styles.
+            'outline-focus-ring group-focus-visible/item:outline-2 group-focus-visible/item:outline-offset-2'), children: [jsxRuntime.jsxs("div", { className: "flex gap-2 text-sm font-semibold text-secondary group-hover/item:text-secondary_hover", children: [Icon && jsxRuntime.jsx(Icon, { className: "size-5 text-fg-quaternary group-hover/item:text-fg-quaternary_hover" }), " ", label] }), shortcutLabel && (jsxRuntime.jsx("kbd", { className: "flex rounded px-1 py-px font-body text-xs font-medium text-tertiary ring-1 ring-secondary ring-inset", children: shortcutLabel }))] }) }));
+};
+const NavAccountCard = ({ popoverPlacement, selectedAccountId, items, avatarRounded, menuItems, bottomMenuItems, 'data-testid': dataTestId, }) => {
+    const triggerRef = React.useRef(null);
+    const isDesktop = useBreakpoints.useBreakpoints('lg');
+    const accountTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'account', rootName: 'header-navigation' });
+    const selectedAccount = items.find((account) => account.id === selectedAccountId);
+    if (!selectedAccount) {
+        log_utils.warnOnce(`nav-account-card:${selectedAccountId}`, `Account with ID ${selectedAccountId} not found in <NavAccountCard />`);
+        return null;
+    }
+    return (jsxRuntime.jsxs("div", { ref: triggerRef, className: "relative flex items-center gap-3 rounded-xl p-3 ring-1 ring-secondary ring-inset", children: [jsxRuntime.jsx(Avatar.AvatarLabelGroup, { size: "md", src: selectedAccount.avatar, title: selectedAccount.name, subtitle: selectedAccount.email, status: selectedAccount.status, rounded: avatarRounded }), jsxRuntime.jsxs(reactAriaComponents.DialogTrigger, { children: [jsxRuntime.jsx(reactAriaComponents.Button, { "data-testid": accountTestId, "aria-label": "Open account menu", className: "absolute top-2 right-2 flex cursor-pointer items-center justify-center rounded-md p-1.5 text-fg-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2 pressed:bg-primary_hover pressed:text-fg-quaternary_hover", children: jsxRuntime.jsx(uiIcons.ChevronSelectorVertical, { className: "size-4 shrink-0 stroke-[2.25px]" }) }), jsxRuntime.jsx(reactAriaComponents.Popover, { placement: popoverPlacement ?? (isDesktop ? 'right bottom' : 'top right'), triggerRef: triggerRef, offset: 8, className: ({ isEntering, isExiting }) => cx.cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
+                            'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
+                            'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsxRuntime.jsx(NavAccountMenu, { selectedAccountId: selectedAccountId, accounts: items, menuItems: menuItems, bottomMenuItems: bottomMenuItems, testIdPrefix: accountTestId }) })] })] }));
+};
+
+exports.NavAccountCard = NavAccountCard;
+exports.NavAccountMenu = NavAccountMenu;
+//# sourceMappingURL=NavAccountCard.cjs.map

package/dist/components/organisms/HeaderNavigation/components/NavAccountCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavAccountCard.cjs","sources":["../../../../../src/components/organisms/HeaderNavigation/components/NavAccountCard.tsx"],"sourcesContent":[null],"names":["joinTestId","slugifyTestId","useFocusManager","useRef","useCallback","useEffect","_jsxs","AriaDialog","cx","_jsx","AvatarLabelGroup","RadioButtonBase","Button","Plus","useHotkeyHint","useBreakpoints","useResolvedTestId","warnOnce","AriaDialogTrigger","AriaButton","ChevronSelectorVertical","AriaPopover"],"mappings":"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"}

package/dist/components/organisms/HeaderNavigation/components/NavAccountCard.d.ts

@@ -0,0 +1,57 @@
+import type { FC } from 'react';
+import type { DialogProps as AriaDialogProps, Placement } from 'react-aria-components';
+export type NavAccountType = {
+    /** Unique identifier for the nav item. */
+    id: string;
+    /** Name of the account holder. */
+    name: string;
+    /** Email address of the account holder. */
+    email: string;
+    /** Avatar image URL. */
+    avatar: string;
+    /** Online status of the account holder. This is used to display the online status indicator. */
+    status: 'online' | 'offline';
+};
+export type NavAccountMenuItemType = {
+    /** Label text for the menu item. */
+    label: string;
+    /** Icon component to display. */
+    icon?: FC<{
+        className?: string;
+    }>;
+    /** Keyboard shortcut hint to display. A shortcut (`⌘S`, `mod+s`) is drawn for the user's platform; text that is not a shortcut is shown as written. */
+    shortcut?: string;
+    /** Click handler. */
+    onClick?: () => void;
+    /** Stable id used to derive this menu item's `data-testid` (falls back to a slug of `label`). */
+    id?: string;
+    /** Overrides the derived `data-testid` for this menu item. */
+    'data-testid'?: string;
+};
+export declare const NavAccountMenu: ({ className, selectedAccountId, accounts, menuItems, bottomMenuItems, testIdPrefix, ...dialogProps }: AriaDialogProps & {
+    className?: string;
+    /** Accounts to display in the "Switch account" list. */
+    accounts?: NavAccountType[];
+    selectedAccountId?: string;
+    /** Top-section menu items (e.g. View profile, Settings). */
+    menuItems?: NavAccountMenuItemType[];
+    /** Bottom-section menu items (e.g. Sign out). */
+    bottomMenuItems?: NavAccountMenuItemType[];
+    /** Resolved testid of the account trigger used to derive each menu item's `data-testid`. */
+    testIdPrefix?: string;
+}) => import("react").JSX.Element;
+export declare const NavAccountCard: ({ popoverPlacement, selectedAccountId, items, avatarRounded, menuItems, bottomMenuItems, "data-testid": dataTestId, }: {
+    popoverPlacement?: Placement;
+    /** ID of the currently active account. Must match one of the `items` ids. */
+    selectedAccountId: string;
+    /** Accounts to display in the "Switch account" list. */
+    items: NavAccountType[];
+    avatarRounded?: boolean;
+    /** Top-section menu items (e.g. View profile, Settings). */
+    menuItems?: NavAccountMenuItemType[];
+    /** Bottom-section menu items (e.g. Sign out). */
+    bottomMenuItems?: NavAccountMenuItemType[];
+    /** Overrides the derived `data-testid` for the account trigger (defaults to `<root>--account`). */
+    "data-testid"?: string;
+}) => import("react").JSX.Element | null;
+//# sourceMappingURL=NavAccountCard.d.ts.map

package/dist/components/organisms/HeaderNavigation/components/NavAccountCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavAccountCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/HeaderNavigation/components/NavAccountCard.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,SAAS,EAAsB,MAAM,uBAAuB,CAAC;AAK3G,MAAM,MAAM,cAAc,GAAG;IAC3B,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,gGAAgG;IAChG,MAAM,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,uJAAuJ;IACvJ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iGAAiG;IACjG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,sGAQ5B,eAAe,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACrC,iDAAiD;IACjD,eAAe,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAC3C,4FAA4F;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,gCAkGA,CAAC;AAkCF,eAAO,MAAM,cAAc,GAAI,uHAQ5B;IACD,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,6EAA6E;IAC7E,iBAAiB,EAAE,MAAM,CAAC;IAC1B,wDAAwD;IACxD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACrC,iDAAiD;IACjD,eAAe,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAC3C,mGAAmG;IACnG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,uCAwDA,CAAC"}

package/dist/components/organisms/HeaderNavigation/components/NavAccountCard.js

@@ -0,0 +1,65 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ChevronSelectorVertical, Plus } from '@flipdish/ui-icons';
+import { AvatarLabelGroup } from '@flipdish/ui-library/components/atoms/Avatar';
+import { Button as Button$1 } from '@flipdish/ui-library/components/atoms/Button';
+import { RadioButtonBase } from '@flipdish/ui-library/components/atoms/RadioButton';
+import { useBreakpoints } from '@flipdish/ui-library/hooks/useBreakpoints';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, joinTestId, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { useFocusManager } from '@react-aria/focus';
+import { useRef, useCallback, useEffect } from 'react';
+import { DialogTrigger, Button, Popover, Dialog } from 'react-aria-components';
+import { useHotkeyHint } from '../../../../hooks/__internal__/useHotkeyHint/useHotkeyHint.js';
+import { warnOnce } from '../../../../utilities/__internal__/logUtils/log.utils.js';
+
+const NavAccountMenu = ({ className, selectedAccountId, accounts = [], menuItems = [], bottomMenuItems = [], testIdPrefix, ...dialogProps }) => {
+    const menuItemTestId = (item) => item['data-testid'] ?? (testIdPrefix ? joinTestId(testIdPrefix, `menu-item-${item.id ?? slugifyTestId(item.label)}`) : undefined);
+    const focusManager = useFocusManager();
+    const dialogRef = useRef(null);
+    const onKeyDown = useCallback((e) => {
+        switch (e.key) {
+            case 'ArrowDown':
+                focusManager?.focusNext({ tabbable: true, wrap: true });
+                break;
+            case 'ArrowUp':
+                focusManager?.focusPrevious({ tabbable: true, wrap: true });
+                break;
+        }
+    }, [focusManager]);
+    useEffect(() => {
+        const element = dialogRef.current;
+        if (element) {
+            element.addEventListener('keydown', onKeyDown);
+        }
+        return () => {
+            if (element) {
+                element.removeEventListener('keydown', onKeyDown);
+            }
+        };
+    }, [onKeyDown]);
+    return (jsxs(Dialog, { ...dialogProps, ref: dialogRef, className: cx('w-66 rounded-xl bg-secondary_alt shadow-lg ring ring-secondary_alt outline-hidden', className), children: [jsxs("div", { className: "rounded-xl bg-primary ring-1 ring-secondary", children: [menuItems.length > 0 && (jsx("div", { className: "flex flex-col gap-0.5 py-1.5", children: menuItems.map((item) => (jsx(NavAccountCardMenuItem, { label: item.label, icon: item.icon, shortcut: item.shortcut, onClick: item.onClick, "data-testid": menuItemTestId(item) }, item.label))) })), jsxs("div", { className: cx('flex flex-col gap-0.5 py-1.5', menuItems.length > 0 && 'border-t border-secondary'), children: [jsx("div", { className: "px-3 pt-1.5 pb-1 text-xs font-semibold text-tertiary", children: "Switch account" }), jsx("div", { className: "flex flex-col gap-0.5 px-1.5", children: accounts.map((account) => (
+                                // biome-ignore lint/a11y/useButtonType: using a button element for the account switch
+                                jsxs("button", { className: cx('relative w-full cursor-pointer rounded-md px-2 py-1.5 text-left outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover focus:z-10 focus-visible:outline-2 focus-visible:outline-offset-2', account.id === selectedAccountId && 'bg-primary_hover'), children: [jsx(AvatarLabelGroup, { status: account.status, size: "md", src: account.avatar, title: account.name, subtitle: account.email }), jsx(RadioButtonBase, { isSelected: account.id === selectedAccountId, className: "absolute top-2 right-2" })] }, account.id))) })] }), jsx("div", { className: "flex flex-col gap-2 px-2 pt-0.5 pb-2", children: jsx(Button$1, { iconLeading: Plus, color: "secondary", size: "sm", children: "Add account" }) })] }), bottomMenuItems.length > 0 && (jsx("div", { className: "pt-1 pb-1.5", children: bottomMenuItems.map((item) => (jsx(NavAccountCardMenuItem, { label: item.label, icon: item.icon, shortcut: item.shortcut, onClick: item.onClick, "data-testid": menuItemTestId(item) }, item.label))) }))] }));
+};
+const NavAccountCardMenuItem = ({ icon: Icon, label, shortcut, ...buttonProps }) => {
+    const shortcutLabel = useHotkeyHint(shortcut);
+    return (jsx("button", { ...buttonProps, className: cx('group/item w-full cursor-pointer px-1.5 focus:outline-hidden', buttonProps.className), children: jsxs("div", { className: cx('flex w-full items-center justify-between gap-3 rounded-md p-2 group-hover/item:bg-primary_hover', 
+            // Focus styles.
+            'outline-focus-ring group-focus-visible/item:outline-2 group-focus-visible/item:outline-offset-2'), children: [jsxs("div", { className: "flex gap-2 text-sm font-semibold text-secondary group-hover/item:text-secondary_hover", children: [Icon && jsx(Icon, { className: "size-5 text-fg-quaternary group-hover/item:text-fg-quaternary_hover" }), " ", label] }), shortcutLabel && (jsx("kbd", { className: "flex rounded px-1 py-px font-body text-xs font-medium text-tertiary ring-1 ring-secondary ring-inset", children: shortcutLabel }))] }) }));
+};
+const NavAccountCard = ({ popoverPlacement, selectedAccountId, items, avatarRounded, menuItems, bottomMenuItems, 'data-testid': dataTestId, }) => {
+    const triggerRef = useRef(null);
+    const isDesktop = useBreakpoints('lg');
+    const accountTestId = useResolvedTestId({ testId: dataTestId, segment: 'account', rootName: 'header-navigation' });
+    const selectedAccount = items.find((account) => account.id === selectedAccountId);
+    if (!selectedAccount) {
+        warnOnce(`nav-account-card:${selectedAccountId}`, `Account with ID ${selectedAccountId} not found in <NavAccountCard />`);
+        return null;
+    }
+    return (jsxs("div", { ref: triggerRef, className: "relative flex items-center gap-3 rounded-xl p-3 ring-1 ring-secondary ring-inset", children: [jsx(AvatarLabelGroup, { size: "md", src: selectedAccount.avatar, title: selectedAccount.name, subtitle: selectedAccount.email, status: selectedAccount.status, rounded: avatarRounded }), jsxs(DialogTrigger, { children: [jsx(Button, { "data-testid": accountTestId, "aria-label": "Open account menu", className: "absolute top-2 right-2 flex cursor-pointer items-center justify-center rounded-md p-1.5 text-fg-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2 pressed:bg-primary_hover pressed:text-fg-quaternary_hover", children: jsx(ChevronSelectorVertical, { className: "size-4 shrink-0 stroke-[2.25px]" }) }), jsx(Popover, { placement: popoverPlacement ?? (isDesktop ? 'right bottom' : 'top right'), triggerRef: triggerRef, offset: 8, className: ({ isEntering, isExiting }) => cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
+                            'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
+                            'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsx(NavAccountMenu, { selectedAccountId: selectedAccountId, accounts: items, menuItems: menuItems, bottomMenuItems: bottomMenuItems, testIdPrefix: accountTestId }) })] })] }));
+};
+
+export { NavAccountCard, NavAccountMenu };
+//# sourceMappingURL=NavAccountCard.js.map

package/dist/components/organisms/HeaderNavigation/components/NavAccountCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavAccountCard.js","sources":["../../../../../src/components/organisms/HeaderNavigation/components/NavAccountCard.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaDialog","_jsx","Button","AriaDialogTrigger","AriaButton","AriaPopover"],"mappings":"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"}

package/dist/components/organisms/HeaderNavigation/components/NavButton.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+
+const NavButton = ({ current, label, href, icon: Icon, className, tooltipPlacement = 'right', onClick, children, 'data-testid': dataTestId, }) => {
+    const iconOnly = !children;
+    return (jsxRuntime.jsx(Tooltip.Tooltip, { isDisabled: !label, title: label, placement: tooltipPlacement, children: jsxRuntime.jsx(reactAriaComponents.Pressable, { children: jsxRuntime.jsxs("a", { href: href, "data-testid": dataTestId, "aria-label": label, "aria-current": current ? 'page' : undefined, onClick: onClick, className: cx.cx('group/item relative flex w-full cursor-pointer items-center justify-center gap-1 rounded-md bg-primary outline-focus-ring transition duration-100 ease-linear select-none hover:bg-primary_hover focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2', current && 'bg-secondary hover:bg-secondary_hover', iconOnly ? 'size-9' : 'px-2 py-1.5', className), children: [Icon && (jsxRuntime.jsx(Icon, { "aria-hidden": "true", className: cx.cx('size-5 shrink-0 text-fg-quaternary transition-inherit-all group-hover/item:text-fg-quaternary_hover', current && 'text-fg-quaternary_hover') })), children && (jsxRuntime.jsx("span", { className: cx.cx('px-0.5 text-sm font-semibold transition duration-100 ease-linear group-hover/item:text-secondary_hover', current && 'text-secondary_hover'), children: children }))] }) }) }));
+};
+
+exports.NavButton = NavButton;
+//# sourceMappingURL=NavButton.cjs.map

package/dist/components/organisms/HeaderNavigation/components/NavButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavButton.cjs","sources":["../../../../../src/components/organisms/HeaderNavigation/components/NavButton.tsx"],"sourcesContent":[null],"names":["_jsx","Tooltip","Pressable","_jsxs","cx"],"mappings":";;;;;;;AA8BO,MAAM,SAAS,GAAG,CAAC,EACxB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,IAAI,EAAE,IAAI,EACV,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,OAAO,EACP,QAAQ,EACR,aAAa,EAAE,UAAU,GACV,KAAI;AACnB,IAAA,MAAM,QAAQ,GAAG,CAAC,QAAQ;IAE1B,QACEA,cAAA,CAACC,eAAO,EAAA,EAAC,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAA,QAAA,EACpED,cAAA,CAACE,6BAAS,cACRC,eAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,IAAI,EAAA,aAAA,EACG,UAAU,gBACX,KAAK,EAAA,cAAA,EACH,OAAO,GAAG,MAAM,GAAG,SAAS,EAC1C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAEC,KAAE,CACX,4QAA4Q,EAC5Q,OAAO,IAAI,uCAAuC,EAClD,QAAQ,GAAG,QAAQ,GAAG,aAAa,EACnC,SAAS,CACV,EAAA,QAAA,EAAA,CAEA,IAAI,KACHJ,cAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EACS,MAAM,EAClB,SAAS,EAAEI,KAAE,CACX,qGAAqG,EACrG,OAAO,IAAI,0BAA0B,CACtC,EAAA,CACD,CACH,EAEA,QAAQ,KACPJ,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEI,KAAE,CACX,wGAAwG,EACxG,OAAO,IAAI,sBAAsB,CAClC,EAAA,QAAA,EAEA,QAAQ,EAAA,CACJ,CACR,CAAA,EAAA,CACC,EAAA,CACM,EAAA,CACJ;AAEd;;;;"}

package/dist/components/organisms/HeaderNavigation/components/NavButton.d.ts

@@ -0,0 +1,28 @@
+import type { FC, MouseEventHandler, ReactNode } from 'react';
+interface NavButtonProps {
+    /** Whether the collapsible nav item is open. */
+    open?: boolean;
+    /** URL to navigate to when the button is clicked. */
+    href?: string;
+    /** Label text for the button. */
+    label?: string;
+    /** Icon component to display. */
+    icon?: FC<{
+        className?: string;
+    }>;
+    /** Whether the button is currently active. */
+    current?: boolean;
+    /** Handler for click events. */
+    onClick?: MouseEventHandler;
+    /** Additional CSS classes to apply to the button. */
+    className?: string;
+    /** Placement of the tooltip. */
+    tooltipPlacement?: 'top' | 'right' | 'bottom' | 'left';
+    /** Test id applied to the rendered anchor. */
+    'data-testid'?: string;
+    /** Content to display. */
+    children?: ReactNode;
+}
+export declare const NavButton: ({ current, label, href, icon: Icon, className, tooltipPlacement, onClick, children, "data-testid": dataTestId, }: NavButtonProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=NavButton.d.ts.map

package/dist/components/organisms/HeaderNavigation/components/NavButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/HeaderNavigation/components/NavButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,UAAU,cAAc;IACtB,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvD,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,GAAI,kHAUvB,cAAc,gCA2ChB,CAAC"}

package/dist/components/organisms/HeaderNavigation/components/NavButton.js

@@ -0,0 +1,12 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Tooltip } from '@flipdish/ui-library/components/atoms/Tooltip';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Pressable } from 'react-aria-components';
+
+const NavButton = ({ current, label, href, icon: Icon, className, tooltipPlacement = 'right', onClick, children, 'data-testid': dataTestId, }) => {
+    const iconOnly = !children;
+    return (jsx(Tooltip, { isDisabled: !label, title: label, placement: tooltipPlacement, children: jsx(Pressable, { children: jsxs("a", { href: href, "data-testid": dataTestId, "aria-label": label, "aria-current": current ? 'page' : undefined, onClick: onClick, className: cx('group/item relative flex w-full cursor-pointer items-center justify-center gap-1 rounded-md bg-primary outline-focus-ring transition duration-100 ease-linear select-none hover:bg-primary_hover focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2', current && 'bg-secondary hover:bg-secondary_hover', iconOnly ? 'size-9' : 'px-2 py-1.5', className), children: [Icon && (jsx(Icon, { "aria-hidden": "true", className: cx('size-5 shrink-0 text-fg-quaternary transition-inherit-all group-hover/item:text-fg-quaternary_hover', current && 'text-fg-quaternary_hover') })), children && (jsx("span", { className: cx('px-0.5 text-sm font-semibold transition duration-100 ease-linear group-hover/item:text-secondary_hover', current && 'text-secondary_hover'), children: children }))] }) }) }));
+};
+
+export { NavButton };
+//# sourceMappingURL=NavButton.js.map

package/dist/components/organisms/HeaderNavigation/components/NavButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavButton.js","sources":["../../../../../src/components/organisms/HeaderNavigation/components/NavButton.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AA8BO,MAAM,SAAS,GAAG,CAAC,EACxB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,IAAI,EAAE,IAAI,EACV,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,OAAO,EACP,QAAQ,EACR,aAAa,EAAE,UAAU,GACV,KAAI;AACnB,IAAA,MAAM,QAAQ,GAAG,CAAC,QAAQ;IAE1B,QACEA,GAAA,CAAC,OAAO,EAAA,EAAC,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAA,QAAA,EACpEA,GAAA,CAAC,SAAS,cACRC,IAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,IAAI,EAAA,aAAA,EACG,UAAU,gBACX,KAAK,EAAA,cAAA,EACH,OAAO,GAAG,MAAM,GAAG,SAAS,EAC1C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,4QAA4Q,EAC5Q,OAAO,IAAI,uCAAuC,EAClD,QAAQ,GAAG,QAAQ,GAAG,aAAa,EACnC,SAAS,CACV,EAAA,QAAA,EAAA,CAEA,IAAI,KACHD,GAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EACS,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,qGAAqG,EACrG,OAAO,IAAI,0BAA0B,CACtC,EAAA,CACD,CACH,EAEA,QAAQ,KACPA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,OAAO,IAAI,sBAAsB,CAClC,EAAA,QAAA,EAEA,QAAQ,EAAA,CACJ,CACR,CAAA,EAAA,CACC,EAAA,CACM,EAAA,CACJ;AAEd;;;;"}

package/dist/components/organisms/HeaderNavigation/components/NavItem.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Badge = require('@flipdish/ui-library/components/atoms/Badge');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var hrefUtils = require('@flipdish/ui-library/utilities/hrefUtils');
+var reactAriaComponents = require('react-aria-components');
+
+const styles = cx.sortCx({
+    root: 'group relative flex max-h-9 w-full cursor-pointer items-center rounded-md bg-primary outline-focus-ring transition duration-100 ease-linear select-none hover:bg-primary_hover focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2',
+    rootSelected: 'bg-secondary hover:bg-secondary_hover',
+});
+const NavItemBase = ({ current, type, badge, href, icon: Icon, children, truncate = true, onClick, 'data-testid': dataTestId, }) => {
+    const iconElement = Icon && (jsxRuntime.jsx(Icon, { "aria-hidden": "true", className: cx.cx('mr-2 size-5 shrink-0 text-fg-quaternary transition-inherit-all group-hover/item:text-fg-quaternary_hover', current && 'text-fg-quaternary_hover') }));
+    const badgeElement = badge && (typeof badge === 'string' || typeof badge === 'number') ? (jsxRuntime.jsx(Badge.Badge, { className: "ml-3", color: "gray", type: "pill-color", size: "sm", children: badge })) : (badge);
+    const labelElement = (jsxRuntime.jsx("span", { className: cx.cx('flex-1 text-sm font-semibold text-secondary transition-inherit-all group-hover/item:text-secondary_hover', truncate && 'truncate', current && 'text-secondary_hover'), children: children }));
+    const isExternal = hrefUtils.isExternalHref(href);
+    const externalIcon = isExternal && jsxRuntime.jsx(uiIcons.Share04, { className: "size-4 stroke-[2.5px] text-fg-quaternary" });
+    if (type === 'collapsible') {
+        return (
+        // biome-ignore lint/a11y/noStaticElementInteractions: This is a summary element
+        jsxRuntime.jsxs("summary", { "data-testid": dataTestId, className: cx.cx('p-2', styles.root, current && styles.rootSelected), onClick: onClick, children: [iconElement, labelElement, badgeElement, jsxRuntime.jsx(uiIcons.ChevronDown, { "aria-hidden": "true", className: "ml-3 size-4 shrink-0 stroke-[2.5px] text-fg-quaternary in-open:-scale-y-100" })] }));
+    }
+    if (type === 'collapsible-child') {
+        return (jsxRuntime.jsxs(reactAriaComponents.Link, { href: hrefUtils.safeHref(href), "data-testid": dataTestId, target: isExternal ? '_blank' : '_self', rel: "noopener noreferrer", className: cx.cx('py-2 pr-3 pl-10', styles.root, current && styles.rootSelected), onClick: onClick, "aria-current": current ? 'page' : undefined, children: [labelElement, externalIcon, badgeElement] }));
+    }
+    return (jsxRuntime.jsxs(reactAriaComponents.Link, { href: hrefUtils.safeHref(href), "data-testid": dataTestId, target: isExternal ? '_blank' : '_self', rel: "noopener noreferrer", className: cx.cx('group/item p-2', styles.root, current && styles.rootSelected), onClick: onClick, "aria-current": current ? 'page' : undefined, children: [iconElement, labelElement, externalIcon, badgeElement] }));
+};
+
+exports.NavItemBase = NavItemBase;
+//# sourceMappingURL=NavItem.cjs.map

package/dist/components/organisms/HeaderNavigation/components/NavItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.cjs","sources":["../../../../../src/components/organisms/HeaderNavigation/components/NavItem.tsx"],"sourcesContent":[null],"names":["sortCx","_jsx","cx","Badge","isExternalHref","Share04","_jsxs","ChevronDown","AriaLink","safeHref"],"mappings":"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"}

package/dist/components/organisms/HeaderNavigation/components/NavItem.d.ts

@@ -0,0 +1,28 @@
+import type { FC, HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+interface NavItemBaseProps {
+    /** Whether the nav item shows only an icon. */
+    iconOnly?: boolean;
+    /** Whether the collapsible nav item is open. */
+    open?: boolean;
+    /** URL to navigate to when the nav item is clicked. */
+    href?: string;
+    /** Type of the nav item. */
+    type: 'link' | 'collapsible' | 'collapsible-child';
+    /** Icon component to display. */
+    icon?: FC<HTMLAttributes<HTMLOrSVGElement>>;
+    /** Badge to display. */
+    badge?: ReactNode;
+    /** Whether the nav item is currently active. */
+    current?: boolean;
+    /** Whether to truncate the label text. */
+    truncate?: boolean;
+    /** Handler for click events. */
+    onClick?: MouseEventHandler;
+    /** Test id applied to the rendered element. */
+    'data-testid'?: string;
+    /** Content to display. */
+    children?: ReactNode;
+}
+export declare const NavItemBase: ({ current, type, badge, href, icon: Icon, children, truncate, onClick, "data-testid": dataTestId, }: NavItemBaseProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=NavItem.d.ts.map

package/dist/components/organisms/HeaderNavigation/components/NavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/HeaderNavigation/components/NavItem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ9E,UAAU,gBAAgB;IACxB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,EAAE,MAAM,GAAG,aAAa,GAAG,mBAAmB,CAAC;IACnD,iCAAiC;IACjC,IAAI,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC5C,wBAAwB;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,GAAI,qGAUzB,gBAAgB,gCAoFlB,CAAC"}

package/dist/components/organisms/HeaderNavigation/components/NavItem.js

@@ -0,0 +1,30 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Share04, ChevronDown } from '@flipdish/ui-icons';
+import { Badge } from '@flipdish/ui-library/components/atoms/Badge';
+import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
+import { isExternalHref, safeHref } from '@flipdish/ui-library/utilities/hrefUtils';
+import { Link } from 'react-aria-components';
+
+const styles = sortCx({
+    root: 'group relative flex max-h-9 w-full cursor-pointer items-center rounded-md bg-primary outline-focus-ring transition duration-100 ease-linear select-none hover:bg-primary_hover focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2',
+    rootSelected: 'bg-secondary hover:bg-secondary_hover',
+});
+const NavItemBase = ({ current, type, badge, href, icon: Icon, children, truncate = true, onClick, 'data-testid': dataTestId, }) => {
+    const iconElement = Icon && (jsx(Icon, { "aria-hidden": "true", className: cx('mr-2 size-5 shrink-0 text-fg-quaternary transition-inherit-all group-hover/item:text-fg-quaternary_hover', current && 'text-fg-quaternary_hover') }));
+    const badgeElement = badge && (typeof badge === 'string' || typeof badge === 'number') ? (jsx(Badge, { className: "ml-3", color: "gray", type: "pill-color", size: "sm", children: badge })) : (badge);
+    const labelElement = (jsx("span", { className: cx('flex-1 text-sm font-semibold text-secondary transition-inherit-all group-hover/item:text-secondary_hover', truncate && 'truncate', current && 'text-secondary_hover'), children: children }));
+    const isExternal = isExternalHref(href);
+    const externalIcon = isExternal && jsx(Share04, { className: "size-4 stroke-[2.5px] text-fg-quaternary" });
+    if (type === 'collapsible') {
+        return (
+        // biome-ignore lint/a11y/noStaticElementInteractions: This is a summary element
+        jsxs("summary", { "data-testid": dataTestId, className: cx('p-2', styles.root, current && styles.rootSelected), onClick: onClick, children: [iconElement, labelElement, badgeElement, jsx(ChevronDown, { "aria-hidden": "true", className: "ml-3 size-4 shrink-0 stroke-[2.5px] text-fg-quaternary in-open:-scale-y-100" })] }));
+    }
+    if (type === 'collapsible-child') {
+        return (jsxs(Link, { href: safeHref(href), "data-testid": dataTestId, target: isExternal ? '_blank' : '_self', rel: "noopener noreferrer", className: cx('py-2 pr-3 pl-10', styles.root, current && styles.rootSelected), onClick: onClick, "aria-current": current ? 'page' : undefined, children: [labelElement, externalIcon, badgeElement] }));
+    }
+    return (jsxs(Link, { href: safeHref(href), "data-testid": dataTestId, target: isExternal ? '_blank' : '_self', rel: "noopener noreferrer", className: cx('group/item p-2', styles.root, current && styles.rootSelected), onClick: onClick, "aria-current": current ? 'page' : undefined, children: [iconElement, labelElement, externalIcon, badgeElement] }));
+};
+
+export { NavItemBase };
+//# sourceMappingURL=NavItem.js.map

package/dist/components/organisms/HeaderNavigation/components/NavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.js","sources":["../../../../../src/components/organisms/HeaderNavigation/components/NavItem.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaLink"],"mappings":"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"}

package/dist/components/organisms/HeaderNavigation/components/NavList.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var nav_utils = require('../../../__internal__/navigation/nav.utils.cjs');
+var NavItem = require('./NavItem.cjs');
+
+const NavList = ({ activeUrl, items, className, testIdPrefix }) => {
+    const activeItem = nav_utils.findActiveItem(items, activeUrl);
+    const activeHref = nav_utils.findActiveHref(items, activeUrl);
+    const itemTestId = (item) => nav_utils.navItemTestId(testIdPrefix, item);
+    const subItemTestId = (parent, sub) => nav_utils.navSubItemTestId(itemTestId(parent), sub);
+    return (jsxRuntime.jsx("ul", { className: cx.cx('flex flex-col px-4 pt-5', className), children: items.map((item, index) => {
+            if (item.divider) {
+                return (
+                // biome-ignore lint/suspicious/noArrayIndexKey: This is a key for a divider
+                jsxRuntime.jsx("li", { className: "w-full px-0.5 py-2", children: jsxRuntime.jsx("hr", { className: "h-px w-full border-none bg-border-secondary" }) }, index));
+            }
+            if (item.items?.length) {
+                // Reference compare, not href: hrefless parents all share `undefined` and would otherwise force-open together.
+                return (jsxRuntime.jsxs("details", { open: activeItem === item, className: "appearance-none py-0.25", children: [jsxRuntime.jsx(NavItem.NavItemBase, { href: item.href, badge: item.badge, icon: item.icon, type: "collapsible", "data-testid": itemTestId(item), children: item.label }), jsxRuntime.jsx("dd", { children: jsxRuntime.jsx("ul", { className: "pb-1", children: item.items.map((childItem) => (jsxRuntime.jsx("li", { className: "py-0.25", children: jsxRuntime.jsx(NavItem.NavItemBase, { href: childItem.href, badge: childItem.badge, type: "collapsible-child", current: childItem.href === activeHref, "data-testid": subItemTestId(item, childItem), children: childItem.label }) }, childItem.label))) }) })] }, item.label));
+            }
+            return (jsxRuntime.jsx("li", { className: "py-px", children: jsxRuntime.jsx(NavItem.NavItemBase, { type: "link", badge: item.badge, icon: item.icon, href: item.href, current: item.href === activeHref, "data-testid": itemTestId(item), children: item.label }) }, item.label));
+        }) }));
+};
+
+exports.NavList = NavList;
+//# sourceMappingURL=NavList.cjs.map

package/dist/components/organisms/HeaderNavigation/components/NavList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.cjs","sources":["../../../../../src/components/organisms/HeaderNavigation/components/NavList.tsx"],"sourcesContent":[null],"names":["findActiveItem","findActiveHref","navItemTestId","navSubItemTestId","_jsx","cx","_jsxs","NavItemBase"],"mappings":";;;;;;;AAkBO,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAgB,KAAI;IACrF,MAAM,UAAU,GAAGA,wBAAc,CAAC,KAAK,EAAE,SAAS,CAAC;IACnD,MAAM,UAAU,GAAGC,wBAAc,CAAC,KAAK,EAAE,SAAS,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,CAAC,IAAsC,KAAKC,uBAAa,CAAC,YAAY,EAAE,IAAI,CAAC;AAChG,IAAA,MAAM,aAAa,GAAG,CAAC,MAAwC,EAAE,GAAmB,KAAKC,0BAAgB,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC;IAElI,QACEC,uBAAI,SAAS,EAAEC,KAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YACpD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACzB,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB;;AAEE,gBAAAD,cAAA,CAAA,IAAA,EAAA,EAAgB,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAC5CA,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,6CAA6C,EAAA,CAAG,EAAA,EADvD,KAAK,CAET;YAET;AAEA,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;;gBAEtB,QACEE,eAAA,CAAA,SAAA,EAAA,EAA0B,IAAI,EAAE,UAAU,KAAK,IAAI,EAAE,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtFF,cAAA,CAACG,mBAAW,EAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,aAAa,EAAA,aAAA,EAAc,UAAU,CAAC,IAAI,CAAC,EAAA,QAAA,EAC/G,IAAI,CAAC,KAAK,EAAA,CACC,EAEdH,cAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EACEA,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,MAAM,EAAA,QAAA,EACjB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,MACxBA,cAAA,CAAA,IAAA,EAAA,EAA0B,SAAS,EAAC,SAAS,EAAA,QAAA,EAC3CA,cAAA,CAACG,mBAAW,EAAA,EACV,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,SAAS,CAAC,IAAI,KAAK,UAAU,EAAA,aAAA,EACzB,aAAa,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,QAAA,EAE1C,SAAS,CAAC,KAAK,EAAA,CACJ,EAAA,EATP,SAAS,CAAC,KAAK,CAUnB,CACN,CAAC,EAAA,CACC,EAAA,CACF,CAAA,EAAA,EArBO,IAAI,CAAC,KAAK,CAsBd;YAEd;YAEA,QACEH,cAAA,CAAA,IAAA,EAAA,EAAqB,SAAS,EAAC,OAAO,YACpCA,cAAA,CAACG,mBAAW,EAAA,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU,EAAA,aAAA,EACpB,UAAU,CAAC,IAAI,CAAC,EAAA,QAAA,EAE5B,IAAI,CAAC,KAAK,EAAA,CACC,EAAA,EAVP,IAAI,CAAC,KAAK,CAWd;QAET,CAAC,CAAC,EAAA,CACC;AAET;;;;"}

package/dist/components/organisms/HeaderNavigation/components/NavList.d.ts

@@ -0,0 +1,14 @@
+import type { NavItemDividerType, NavItemType } from '../headerNavigation.types';
+interface NavListProps {
+    /** URL of the currently active item. */
+    activeUrl?: string;
+    /** Additional CSS classes to apply to the list. */
+    className?: string;
+    /** List of items to display. */
+    items: (NavItemType | NavItemDividerType)[];
+    /** Resolved testid of the parent used to derive each item's `data-testid`. */
+    testIdPrefix?: string;
+}
+export declare const NavList: ({ activeUrl, items, className, testIdPrefix }: NavListProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=NavList.d.ts.map

package/dist/components/organisms/HeaderNavigation/components/NavList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/HeaderNavigation/components/NavList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAkB,MAAM,2BAA2B,CAAC;AAGjG,UAAU,YAAY;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,EAAE,CAAC,WAAW,GAAG,kBAAkB,CAAC,EAAE,CAAC;IAC5C,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,GAAI,+CAA+C,YAAY,gCAgElF,CAAC"}

package/dist/components/organisms/HeaderNavigation/components/NavList.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { findActiveItem, findActiveHref, navItemTestId, navSubItemTestId } from '../../../__internal__/navigation/nav.utils.js';
+import { NavItemBase } from './NavItem.js';
+
+const NavList = ({ activeUrl, items, className, testIdPrefix }) => {
+    const activeItem = findActiveItem(items, activeUrl);
+    const activeHref = findActiveHref(items, activeUrl);
+    const itemTestId = (item) => navItemTestId(testIdPrefix, item);
+    const subItemTestId = (parent, sub) => navSubItemTestId(itemTestId(parent), sub);
+    return (jsx("ul", { className: cx('flex flex-col px-4 pt-5', className), children: items.map((item, index) => {
+            if (item.divider) {
+                return (
+                // biome-ignore lint/suspicious/noArrayIndexKey: This is a key for a divider
+                jsx("li", { className: "w-full px-0.5 py-2", children: jsx("hr", { className: "h-px w-full border-none bg-border-secondary" }) }, index));
+            }
+            if (item.items?.length) {
+                // Reference compare, not href: hrefless parents all share `undefined` and would otherwise force-open together.
+                return (jsxs("details", { open: activeItem === item, className: "appearance-none py-0.25", children: [jsx(NavItemBase, { href: item.href, badge: item.badge, icon: item.icon, type: "collapsible", "data-testid": itemTestId(item), children: item.label }), jsx("dd", { children: jsx("ul", { className: "pb-1", children: item.items.map((childItem) => (jsx("li", { className: "py-0.25", children: jsx(NavItemBase, { href: childItem.href, badge: childItem.badge, type: "collapsible-child", current: childItem.href === activeHref, "data-testid": subItemTestId(item, childItem), children: childItem.label }) }, childItem.label))) }) })] }, item.label));
+            }
+            return (jsx("li", { className: "py-px", children: jsx(NavItemBase, { type: "link", badge: item.badge, icon: item.icon, href: item.href, current: item.href === activeHref, "data-testid": itemTestId(item), children: item.label }) }, item.label));
+        }) }));
+};
+
+export { NavList };
+//# sourceMappingURL=NavList.js.map

package/dist/components/organisms/HeaderNavigation/components/NavList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.js","sources":["../../../../../src/components/organisms/HeaderNavigation/components/NavList.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AAkBO,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAgB,KAAI;IACrF,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC;IACnD,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,CAAC,IAAsC,KAAK,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC;AAChG,IAAA,MAAM,aAAa,GAAG,CAAC,MAAwC,EAAE,GAAmB,KAAK,gBAAgB,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC;IAElI,QACEA,YAAI,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YACpD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACzB,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB;;AAEE,gBAAAA,GAAA,CAAA,IAAA,EAAA,EAAgB,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAC5CA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,6CAA6C,EAAA,CAAG,EAAA,EADvD,KAAK,CAET;YAET;AAEA,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;;gBAEtB,QACEC,IAAA,CAAA,SAAA,EAAA,EAA0B,IAAI,EAAE,UAAU,KAAK,IAAI,EAAE,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtFD,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,aAAa,EAAA,aAAA,EAAc,UAAU,CAAC,IAAI,CAAC,EAAA,QAAA,EAC/G,IAAI,CAAC,KAAK,EAAA,CACC,EAEdA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,MAAM,EAAA,QAAA,EACjB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,MACxBA,GAAA,CAAA,IAAA,EAAA,EAA0B,SAAS,EAAC,SAAS,EAAA,QAAA,EAC3CA,GAAA,CAAC,WAAW,EAAA,EACV,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,SAAS,CAAC,IAAI,KAAK,UAAU,EAAA,aAAA,EACzB,aAAa,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,QAAA,EAE1C,SAAS,CAAC,KAAK,EAAA,CACJ,EAAA,EATP,SAAS,CAAC,KAAK,CAUnB,CACN,CAAC,EAAA,CACC,EAAA,CACF,CAAA,EAAA,EArBO,IAAI,CAAC,KAAK,CAsBd;YAEd;YAEA,QACEA,GAAA,CAAA,IAAA,EAAA,EAAqB,SAAS,EAAC,OAAO,YACpCA,GAAA,CAAC,WAAW,EAAA,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU,EAAA,aAAA,EACpB,UAAU,CAAC,IAAI,CAAC,EAAA,QAAA,EAE5B,IAAI,CAAC,KAAK,EAAA,CACC,EAAA,EAVP,IAAI,CAAC,KAAK,CAWd;QAET,CAAC,CAAC,EAAA,CACC;AAET;;;;"}