@flipdish/ui-library 0.2.2 → 0.3.1

package/dist/components/organisms/GradientPicker/providers/gradient-picker-context.d.ts

@@ -0,0 +1,87 @@
+import type { ReactNode } from 'react';
+import type { GradientStop, GradientType, Point } from '../gradientPicker.utils';
+/** Gradient color picker state. */
+export interface GradientColorPickerState {
+    /** Ordered list of gradient color stops. */
+    gradientStops: GradientStop[];
+    /** Gradient type (linear, radial, angular, diamond). */
+    gradientType: GradientType;
+    /** Gradient angle in degrees (derived from gradientLine). */
+    gradientAngle: number;
+    /** 2D endpoints defining the gradient line within the area (0–100 coordinate space). */
+    gradientLine: {
+        start: Point;
+        end: Point;
+    };
+    /** ID of the currently selected gradient stop, or null. */
+    selectedStopId: string | null;
+}
+/** Actions for the gradient color picker. */
+export interface GradientColorPickerActions {
+    /** Replace all gradient stops at once. */
+    setGradientStops: (stops: GradientStop[]) => void;
+    /** Move a stop to a new position, proportionally pushing adjacent stops. */
+    moveStop: (stopId: string, position: number) => void;
+    /** Move an endpoint stop and update the gradient angle simultaneously. */
+    moveEndpoint: (stopId: string, position: number, angle: number) => void;
+    /** Rotate the gradient line: update the angle and reposition multiple stops atomically. */
+    rotateGradient: (angle: number, stopUpdates: {
+        id: string;
+        position: number;
+    }[]) => void;
+    /** Set the gradient angle in degrees. */
+    setAngle: (angle: number) => void;
+    /** Set the gradient type (linear, radial, angular, diamond). */
+    setGradientType: (type: GradientType) => void;
+    /** Select a gradient stop by ID, or deselect with null. */
+    selectStop: (stopId: string | null) => void;
+    /** Add a new stop between the last two stops. */
+    addStop: () => void;
+    /** Add a new stop at a specific position with an interpolated color. */
+    addStopAt: (position: number) => void;
+    /** Remove a stop (minimum 2 stops are always kept). */
+    removeStop: (stopId: string) => void;
+    /** Update a stop's color. */
+    setStopColor: (stopId: string, color: string) => void;
+    /** Update a stop's alpha. */
+    setStopAlpha: (stopId: string, alpha: number) => void;
+    /** Update a stop's color and alpha in one action. */
+    setStopColorAndAlpha: (stopId: string, color: string, alpha: number) => void;
+    /** Reverse the gradient by mirroring all stop positions. */
+    reverseGradient: () => void;
+    /** Set the gradient line and optionally update stop positions atomically. */
+    setLineEndpoint: (line: {
+        start: Point;
+        end: Point;
+    }, stopUpdates?: {
+        id: string;
+        position: number;
+    }[]) => void;
+}
+export interface GradientColorPickerContextValue {
+    state: GradientColorPickerState;
+    actions: GradientColorPickerActions;
+}
+export declare const GradientColorPickerProvider: import("react").Provider<GradientColorPickerContextValue | null>;
+export declare const useGradientColorPicker: () => GradientColorPickerContextValue;
+/** Create gradient actions from a setState function. */
+export declare const createGradientActions: (setState: React.Dispatch<React.SetStateAction<GradientColorPickerState>>) => GradientColorPickerActions;
+/** Props for the gradient color state provider. */
+export interface GradientProviderProps {
+    /** Initial gradient stops. */
+    defaultStops?: GradientStop[];
+    /** Initial gradient type. */
+    defaultType?: GradientType;
+    /** Initial gradient angle in degrees. */
+    defaultAngle?: number;
+    /** Called when gradient stops change. */
+    onStopsChange?: (stops: GradientStop[]) => void;
+    /** Called when the gradient type changes. */
+    onTypeChange?: (type: GradientType) => void;
+    /** Called when the gradient angle changes. */
+    onAngleChange?: (angle: number) => void;
+    children: ReactNode;
+}
+/** Gradient color state provider. */
+export declare const GradientProvider: ({ defaultStops, defaultType, defaultAngle, onStopsChange, onTypeChange, onAngleChange, children, }: GradientProviderProps) => import("react").JSX.Element;
+//# sourceMappingURL=gradient-picker-context.d.ts.map

package/dist/components/organisms/GradientPicker/providers/gradient-picker-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-picker-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/GradientPicker/providers/gradient-picker-context.tsx"],"names":[],"mappings":"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"}

package/dist/components/organisms/GradientPicker/providers/gradient-picker-context.js

@@ -0,0 +1,200 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useMemo, useRef, useEffect, useContext } from 'react';
+import { parseColor } from 'react-aria-components';
+import { nextStopId, angleToPoints, pointsToAngle, extendLineToEdges, projectOntoLine, moveStopTo } from '../gradientPicker.utils.js';
+
+const GradientColorPickerContext = createContext(null);
+const GradientColorPickerProvider = GradientColorPickerContext.Provider;
+const useGradientColorPicker = () => {
+    const ctx = useContext(GradientColorPickerContext);
+    if (!ctx)
+        throw new Error('useGradientColorPicker must be used within <ColorPicker.GradientProvider>');
+    return ctx;
+};
+/** Create gradient actions from a setState function. */
+const createGradientActions = (setState) => ({
+    setGradientStops: (stops) => setState((s) => ({ ...s, gradientStops: stops })),
+    moveStop: (stopId, position) => setState((s) => ({ ...s, gradientStops: moveStopTo(s.gradientStops, stopId, position) })),
+    moveEndpoint: (stopId, position, angle) => setState((s) => {
+        const sorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const idx = sorted.findIndex((st) => st.id === stopId);
+        const prevPos = sorted[idx - 1]?.position ?? 0;
+        const nextPos = sorted[idx + 1]?.position ?? 100;
+        const clamped = Math.max(prevPos, Math.min(nextPos, position));
+        return {
+            ...s,
+            gradientStops: s.gradientStops.map((st) => (st.id === stopId ? { ...st, position: clamped } : st)),
+            gradientAngle: angle,
+            gradientLine: angleToPoints(angle),
+        };
+    }),
+    rotateGradient: (angle, stopUpdates) => setState((s) => {
+        const updateMap = new Map(stopUpdates.map((u) => [u.id, u.position]));
+        return {
+            ...s,
+            gradientStops: s.gradientStops.map((st) => {
+                const newPos = updateMap.get(st.id);
+                return newPos !== undefined ? { ...st, position: newPos } : st;
+            }),
+            gradientAngle: angle,
+            gradientLine: angleToPoints(angle),
+        };
+    }),
+    setAngle: (angle) => setState((s) => ({ ...s, gradientAngle: angle, gradientLine: angleToPoints(angle) })),
+    setGradientType: (type) => setState((s) => ({ ...s, gradientType: type })),
+    selectStop: (stopId) => setState((s) => ({ ...s, selectedStopId: stopId })),
+    addStop: () => setState((s) => {
+        const sorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const last = sorted[sorted.length - 1];
+        const secondLast = sorted.length >= 2 ? sorted[sorted.length - 2] : sorted[0];
+        const midPos = Math.round((secondLast.position + last.position) / 2);
+        const newStop = { id: nextStopId(), color: secondLast?.color ?? '#7F56D9', position: midPos, alpha: 100 };
+        const newStops = [...s.gradientStops];
+        const lastIndex = newStops.findIndex((st) => st.id === last.id);
+        newStops.splice(lastIndex, 0, newStop);
+        return { ...s, gradientStops: newStops, selectedStopId: newStop.id };
+    }),
+    addStopAt: (position) => setState((s) => {
+        const sorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const first = sorted[0];
+        const last = sorted[sorted.length - 1];
+        const roundedPos = Math.round(position);
+        // Before the first stop — use the first stop's color, insert at the beginning
+        if (position <= first.position) {
+            const newStop = { id: nextStopId(), color: first.color, position: roundedPos, alpha: first.alpha };
+            return { ...s, gradientStops: [newStop, ...s.gradientStops], selectedStopId: newStop.id };
+        }
+        // After the last stop — use the last stop's color, insert at the end
+        if (position >= last.position) {
+            const newStop = { id: nextStopId(), color: last.color, position: roundedPos, alpha: last.alpha };
+            return { ...s, gradientStops: [...s.gradientStops, newStop], selectedStopId: newStop.id };
+        }
+        // Between two stops — interpolate color
+        let left = first;
+        let right = last;
+        for (let i = 0; i < sorted.length - 1; i++) {
+            if (sorted[i].position <= position && sorted[i + 1].position >= position) {
+                left = sorted[i];
+                right = sorted[i + 1];
+                break;
+            }
+        }
+        const range = right.position - left.position;
+        const t = range > 0 ? (position - left.position) / range : 0.5;
+        const lc = parseColor(left.color).toFormat('rgb');
+        const rc = parseColor(right.color).toFormat('rgb');
+        const r = Math.round(lc.getChannelValue('red') + t * (rc.getChannelValue('red') - lc.getChannelValue('red')));
+        const g = Math.round(lc.getChannelValue('green') + t * (rc.getChannelValue('green') - lc.getChannelValue('green')));
+        const b = Math.round(lc.getChannelValue('blue') + t * (rc.getChannelValue('blue') - lc.getChannelValue('blue')));
+        const alpha = Math.round(left.alpha + t * (right.alpha - left.alpha));
+        const hex = `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
+        const newStop = { id: nextStopId(), color: hex, position: roundedPos, alpha };
+        const leftIdx = s.gradientStops.findIndex((st) => st.id === left.id);
+        const newStops = [...s.gradientStops];
+        newStops.splice(leftIdx + 1, 0, newStop);
+        return { ...s, gradientStops: newStops, selectedStopId: newStop.id };
+    }),
+    removeStop: (stopId) => setState((s) => {
+        if (s.gradientStops.length <= 2)
+            return s;
+        const oldSorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const isFirst = oldSorted[0]?.id === stopId;
+        const isLast = oldSorted[oldSorted.length - 1]?.id === stopId;
+        const removedIdx = s.gradientStops.findIndex((st) => st.id === stopId);
+        const newStops = s.gradientStops.filter((st) => st.id !== stopId);
+        // Select the adjacent stop when the deleted one was selected
+        let newSelected = s.selectedStopId;
+        if (s.selectedStopId === stopId) {
+            const adjacentIdx = Math.min(removedIdx, newStops.length - 1);
+            newSelected = newStops[adjacentIdx]?.id ?? null;
+        }
+        // When an endpoint is deleted, recalculate the gradient line so the
+        // new first/last stop becomes the proper endpoint
+        if (isFirst || isLast) {
+            const newSorted = [...newStops].sort((a, b) => a.position - b.position);
+            const newFirst = newSorted[0];
+            const newLast = newSorted[newSorted.length - 1];
+            if (newFirst && newLast) {
+                // Compute the 2D positions of the new endpoints on the old line
+                const lerp = (a, b, t) => ({
+                    x: a.x + (b.x - a.x) * t,
+                    y: a.y + (b.y - a.y) * t,
+                });
+                const firstPt = lerp(s.gradientLine.start, s.gradientLine.end, newFirst.position / 100);
+                const lastPt = lerp(s.gradientLine.start, s.gradientLine.end, newLast.position / 100);
+                // Extend the line through the new endpoints to the area edges
+                const newLine = extendLineToEdges(firstPt, lastPt);
+                // Re-project all stop positions onto the new line
+                const updatedStops = newStops.map((st) => {
+                    const pt = lerp(s.gradientLine.start, s.gradientLine.end, st.position / 100);
+                    const t = projectOntoLine(pt, newLine.start, newLine.end);
+                    return { ...st, position: Math.max(0, Math.min(100, t * 100)) };
+                });
+                return {
+                    ...s,
+                    gradientStops: updatedStops,
+                    gradientLine: newLine,
+                    gradientAngle: pointsToAngle(newLine.start, newLine.end),
+                    selectedStopId: newSelected,
+                };
+            }
+        }
+        return { ...s, gradientStops: newStops, selectedStopId: newSelected };
+    }),
+    setStopColor: (stopId, color) => setState((s) => ({ ...s, gradientStops: s.gradientStops.map((st) => (st.id === stopId ? { ...st, color } : st)) })),
+    setStopAlpha: (stopId, alpha) => setState((s) => ({ ...s, gradientStops: s.gradientStops.map((st) => (st.id === stopId ? { ...st, alpha } : st)) })),
+    setStopColorAndAlpha: (stopId, color, alpha) => setState((s) => ({ ...s, gradientStops: s.gradientStops.map((st) => (st.id === stopId ? { ...st, color, alpha } : st)) })),
+    reverseGradient: () => setState((s) => {
+        const sorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const n = sorted.length;
+        return {
+            ...s,
+            gradientStops: s.gradientStops.map((stop) => {
+                const idx = sorted.findIndex((st) => st.id === stop.id);
+                const mirror = sorted[n - 1 - idx];
+                return { ...stop, color: mirror.color, alpha: mirror.alpha };
+            }),
+        };
+    }),
+    setLineEndpoint: (line, stopUpdates) => setState((s) => {
+        const newStops = stopUpdates
+            ? s.gradientStops.map((st) => {
+                const upd = stopUpdates.find((u) => u.id === st.id);
+                return upd ? { ...st, position: upd.position } : st;
+            })
+            : s.gradientStops;
+        return { ...s, gradientLine: line, gradientAngle: pointsToAngle(line.start, line.end), gradientStops: newStops };
+    }),
+});
+/** Gradient color state provider. */
+const GradientProvider = ({ defaultStops, defaultType = 'linear', defaultAngle = 135, onStopsChange, onTypeChange, onAngleChange, children, }) => {
+    const [state, setState] = useState(() => {
+        const stop1Id = nextStopId();
+        const stop2Id = nextStopId();
+        return {
+            gradientStops: defaultStops ?? [
+                { id: stop1Id, color: '#7F56D9', position: 0, alpha: 100 },
+                { id: stop2Id, color: '#432E73', position: 100, alpha: 100 },
+            ],
+            gradientType: defaultType,
+            gradientAngle: defaultAngle,
+            gradientLine: angleToPoints(defaultAngle),
+            selectedStopId: defaultStops?.[0]?.id ?? stop1Id,
+        };
+    });
+    const actions = useMemo(() => createGradientActions(setState), []);
+    const prev = useRef(state);
+    useEffect(() => {
+        if (state.gradientStops !== prev.current.gradientStops)
+            onStopsChange?.(state.gradientStops);
+        if (state.gradientType !== prev.current.gradientType)
+            onTypeChange?.(state.gradientType);
+        if (state.gradientAngle !== prev.current.gradientAngle)
+            onAngleChange?.(state.gradientAngle);
+        prev.current = state;
+    });
+    return jsx(GradientColorPickerProvider, { value: { state, actions }, children: children });
+};
+
+export { GradientColorPickerProvider, GradientProvider, createGradientActions, useGradientColorPicker };
+//# sourceMappingURL=gradient-picker-context.js.map

package/dist/components/organisms/GradientPicker/providers/gradient-picker-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-picker-context.js","sources":["../../../../../src/components/organisms/GradientPicker/providers/gradient-picker-context.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/dist/components/organisms/HeaderNavigation/components/mobile-header.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var FlipdishLogo = require('@flipdish/ui-library/components/atoms/FlipdishLogo');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+
+const MobileNavigationHeader = ({ children }) => {
+    return (jsxRuntime.jsxs(reactAriaComponents.DialogTrigger, { children: [jsxRuntime.jsxs("header", { className: "flex h-14 items-center justify-between border-b border-secondary bg-primary p-3 pl-4 lg:hidden", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { className: "h-6" }), jsxRuntime.jsxs(reactAriaComponents.Button, { "aria-label": "Expand navigation menu", 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: [jsxRuntime.jsx(uiIcons.Menu02, { className: "size-6 transition duration-200 ease-in-out group-aria-expanded:opacity-0" }), jsxRuntime.jsx(uiIcons.X, { className: "absolute size-6 opacity-0 transition duration-200 ease-in-out group-aria-expanded:opacity-100" })] })] }), jsxRuntime.jsx(reactAriaComponents.ModalOverlay, { isDismissable: true, className: ({ isEntering, isExiting }) => cx.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": "Close navigation menu", 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: jsxRuntime.jsx(uiIcons.X, { className: "size-6" }) }), jsxRuntime.jsx(reactAriaComponents.Modal, { className: "w-full max-w-74 cursor-auto will-change-transform", children: jsxRuntime.jsx(reactAriaComponents.Dialog, { className: "h-dvh outline-hidden focus:outline-hidden", children: children }) })] })) })] }));
+};
+
+exports.MobileNavigationHeader = MobileNavigationHeader;
+//# sourceMappingURL=mobile-header.cjs.map

package/dist/components/organisms/HeaderNavigation/components/mobile-header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-header.cjs","sources":["../../../../../src/components/organisms/HeaderNavigation/components/mobile-header.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaDialogTrigger","_jsx","FlipdishLogo","AriaButton","Menu02","CloseIcon","AriaModalOverlay","cx","_Fragment","AriaModal","AriaDialog"],"mappings":";;;;;;;;MAca,sBAAsB,GAAG,CAAC,EAAE,QAAQ,EAAqB,KAAI;AACxE,IAAA,QACEA,eAAA,CAACC,iCAAiB,EAAA,EAAA,QAAA,EAAA,CAChBD,eAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAC,gGAAgG,EAAA,QAAA,EAAA,CAChHE,cAAA,CAACC,yBAAY,EAAA,EAAC,SAAS,EAAC,KAAK,EAAA,CAAG,EAEhCH,eAAA,CAACI,0BAAU,EAAA,EAAA,YAAA,EACE,wBAAwB,EACnC,SAAS,EAAC,mNAAmN,EAAA,QAAA,EAAA,CAE7NF,cAAA,CAACG,cAAM,EAAA,EAAC,SAAS,EAAC,0EAA0E,EAAA,CAAG,EAC/FH,cAAA,CAACI,SAAS,EAAA,EAAC,SAAS,EAAC,+FAA+F,EAAA,CAAG,CAAA,EAAA,CAC5G,CAAA,EAAA,CACN,EAETJ,cAAA,CAACK,gCAAgB,IACf,aAAa,EAAA,IAAA,EACb,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KACnCC,KAAE,CACA,kFAAkF,EAClF,UAAU,IAAI,6CAA6C,EAC3D,SAAS,IAAI,+CAA+C,CAC7D,EAAA,QAAA,EAGF,CAAC,EAAE,KAAK,EAAE,MACTR,eAAA,CAAAS,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEP,cAAA,CAACE,0BAAU,EAAA,EAAA,YAAA,EACE,uBAAuB,EAClC,OAAO,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,EAC5B,SAAS,EAAC,uNAAuN,EAAA,QAAA,EAEjOF,cAAA,CAACI,SAAS,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,EAAA,CACrB,EAEbJ,cAAA,CAACQ,yBAAS,EAAA,EAAC,SAAS,EAAC,mDAAmD,EAAA,QAAA,EACtER,cAAA,CAACS,0BAAU,EAAA,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAc,EAAA,CAC/E,CAAA,EAAA,CACX,CACJ,EAAA,CACgB,CAAA,EAAA,CACD;AAExB;;;;"}

package/dist/components/organisms/HeaderNavigation/components/mobile-header.d.ts

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from 'react';
+export declare const MobileNavigationHeader: ({ children }: PropsWithChildren) => import("react").JSX.Element;
+//# sourceMappingURL=mobile-header.d.ts.map

package/dist/components/organisms/HeaderNavigation/components/mobile-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-header.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/HeaderNavigation/components/mobile-header.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAS/C,eAAO,MAAM,sBAAsB,GAAI,cAAc,iBAAiB,gCA2CrE,CAAC"}

package/dist/components/organisms/HeaderNavigation/components/mobile-header.js

@@ -0,0 +1,12 @@
+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 { DialogTrigger, Button, ModalOverlay, Modal, Dialog } from 'react-aria-components';
+
+const MobileNavigationHeader = ({ children }) => {
+    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, { className: "h-6" }), jsxs(Button, { "aria-label": "Expand navigation menu", 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", 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=mobile-header.js.map

package/dist/components/organisms/HeaderNavigation/components/mobile-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-header.js","sources":["../../../../../src/components/organisms/HeaderNavigation/components/mobile-header.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaDialogTrigger","_jsx","AriaButton","CloseIcon","AriaModalOverlay","_Fragment","AriaModal","AriaDialog"],"mappings":";;;;;;MAca,sBAAsB,GAAG,CAAC,EAAE,QAAQ,EAAqB,KAAI;AACxE,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,SAAS,EAAC,KAAK,EAAA,CAAG,EAEhCF,IAAA,CAACG,MAAU,EAAA,EAAA,YAAA,EACE,wBAAwB,EACnC,SAAS,EAAC,mNAAmN,EAAA,QAAA,EAAA,CAE7ND,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,0EAA0E,EAAA,CAAG,EAC/FA,GAAA,CAACE,CAAS,EAAA,EAAC,SAAS,EAAC,+FAA+F,EAAA,CAAG,CAAA,EAAA,CAC5G,CAAA,EAAA,CACN,EAETF,GAAA,CAACG,YAAgB,IACf,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,EAClC,OAAO,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,EAC5B,SAAS,EAAC,uNAAuN,EAAA,QAAA,EAEjOD,GAAA,CAACE,CAAS,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,EAAA,CACrB,EAEbF,GAAA,CAACK,KAAS,EAAA,EAAC,SAAS,EAAC,mDAAmD,EAAA,QAAA,EACtEL,GAAA,CAACM,MAAU,EAAA,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAc,EAAA,CAC/E,CAAA,EAAA,CACX,CACJ,EAAA,CACgB,CAAA,EAAA,CACD;AAExB;;;;"}

package/dist/components/organisms/HeaderNavigation/components/nav-account-card.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var avatarLabelGroup = require('@flipdish/ui-library/components/atoms/Avatar/components/avatar-label-group');
+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 focus = require('@react-aria/focus');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+
+const placeholderAccounts = [
+    {
+        id: 'caitlyn',
+        name: 'Caitlyn King',
+        email: 'caitlyn@untitledui.com',
+        avatar: 'https://www.untitledui.com/images/avatars/caitlyn-king?fm=webp&q=80',
+        status: 'online',
+    },
+    {
+        id: 'sienna',
+        name: 'Sienna Hewitt',
+        email: 'sienna@untitledui.com',
+        avatar: 'https://www.untitledui.com/images/avatars/transparent/sienna-hewitt?bg=%23E0E0E0',
+        status: 'online',
+    },
+];
+const NavAccountMenu = ({ className, selectedAccountId = 'olivia', ...dialogProps }) => {
+    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: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 py-1.5", children: [jsxRuntime.jsx(NavAccountCardMenuItem, { label: "View profile", icon: uiIcons.User01, shortcut: "\u2318K->P" }), jsxRuntime.jsx(NavAccountCardMenuItem, { label: "Account settings", icon: uiIcons.Settings01, shortcut: "\u2318S" }), jsxRuntime.jsx(NavAccountCardMenuItem, { label: "Documentation", icon: uiIcons.BookOpen01 })] }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 border-t border-secondary py-1.5", 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: placeholderAccounts.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(avatarLabelGroup.AvatarLabelGroup, { status: "online", 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" }) })] }), jsxRuntime.jsx("div", { className: "pt-1 pb-1.5", children: jsxRuntime.jsx(NavAccountCardMenuItem, { label: "Sign out", icon: uiIcons.LogOut01, shortcut: "\u2325\u21E7Q" }) })] }));
+};
+const NavAccountCardMenuItem = ({ icon: Icon, label, shortcut, ...buttonProps }) => {
+    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] }), shortcut && (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: shortcut }))] }) }));
+};
+const NavAccountCard = ({ popoverPlacement, selectedAccountId = 'caitlyn', items = placeholderAccounts, avatarRounded, }) => {
+    const triggerRef = React.useRef(null);
+    const isDesktop = useBreakpoints.useBreakpoint('lg');
+    const selectedAccount = items.find((account) => account.id === selectedAccountId);
+    if (!selectedAccount) {
+        console.warn(`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(avatarLabelGroup.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, { 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 }) })] })] }));
+};
+
+exports.NavAccountCard = NavAccountCard;
+exports.NavAccountMenu = NavAccountMenu;
+//# sourceMappingURL=nav-account-card.cjs.map

package/dist/components/organisms/HeaderNavigation/components/nav-account-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-account-card.cjs","sources":["../../../../../src/components/organisms/HeaderNavigation/components/nav-account-card.tsx"],"sourcesContent":[null],"names":["useFocusManager","useRef","useCallback","useEffect","_jsxs","AriaDialog","cx","_jsx","User01","Settings01","BookOpen01","AvatarLabelGroup","RadioButtonBase","Button","Plus","LogOut01","useBreakpoint","AriaDialogTrigger","AriaButton","ChevronSelectorVertical","AriaPopover"],"mappings":";;;;;;;;;;;;;AA2BA,MAAM,mBAAmB,GAAqB;AAC5C,IAAA;AACE,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,KAAK,EAAE,wBAAwB;AAC/B,QAAA,MAAM,EAAE,qEAAqE;AAC7E,QAAA,MAAM,EAAE,QAAQ;AACjB,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,KAAK,EAAE,uBAAuB;AAC9B,QAAA,MAAM,EAAE,kFAAkF;AAC1F,QAAA,MAAM,EAAE,QAAQ;AACjB,KAAA;CACF;AAEM,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,iBAAiB,GAAG,QAAQ,EAC5B,GAAG,WAAW,EACoF,KAAI;AACtG,IAAA,MAAM,YAAY,GAAGA,qBAAe,EAAE;AACtC,IAAA,MAAM,SAAS,GAAGC,YAAM,CAAiB,IAAI,CAAC;AAE9C,IAAA,MAAM,SAAS,GAAGC,iBAAW,CAC3B,CAAC,CAAgB,KAAI;AACnB,QAAA,QAAQ,CAAC,CAAC,GAAG;AACX,YAAA,KAAK,WAAW;AACd,gBAAA,YAAY,EAAE,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;gBACvD;AACF,YAAA,KAAK,SAAS;AACZ,gBAAA,YAAY,EAAE,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;gBAC3D;;AAEN,IAAA,CAAC,EACD,CAAC,YAAY,CAAC,CACf;IAEDC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO;QACjC,IAAI,OAAO,EAAE;AACX,YAAA,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC;QAChD;AAEA,QAAA,OAAO,MAAK;YACV,IAAI,OAAO,EAAE;AACX,gBAAA,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC;YACnD;AACF,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf,QACEC,gBAACC,0BAAU,EAAA,EAAA,GACL,WAAW,EACf,GAAG,EAAE,SAAS,EACd,SAAS,EAAEC,KAAE,CAAC,mFAAmF,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAE7GF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6CAA6C,aAC1DA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAAA,CAC3CG,eAAC,sBAAsB,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAEC,cAAM,EAAE,QAAQ,EAAC,YAAO,EAAA,CAAG,EAC9ED,cAAA,CAAC,sBAAsB,EAAA,EAAC,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAEE,kBAAU,EAAE,QAAQ,EAAC,SAAI,EAAA,CAAG,EACnFF,eAAC,sBAAsB,EAAA,EAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAEG,kBAAU,EAAA,CAAI,CAAA,EAAA,CAC9D,EACNN,yBAAK,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAAA,CACrEG,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,gBAAA,EAAA,CAAqB,EAE1FA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAC1C,mBAAmB,CAAC,GAAG,CAAC,CAAC,OAAO;;gCAE/BH,eAAA,CAAA,QAAA,EAAA,EAEE,SAAS,EAAEE,KAAE,CACX,iNAAiN,EACjN,OAAO,CAAC,EAAE,KAAK,iBAAiB,IAAI,kBAAkB,CACvD,EAAA,QAAA,EAAA,CAEDC,cAAA,CAACI,iCAAgB,EAAA,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,KAAK,GAAI,EAEjHJ,cAAA,CAACK,2BAAe,EAAA,EAAC,UAAU,EAAE,OAAO,CAAC,EAAE,KAAK,iBAAiB,EAAE,SAAS,EAAC,wBAAwB,EAAA,CAAG,CAAA,EAAA,EAR/F,OAAO,CAAC,EAAE,CASR,CACV,CAAC,EAAA,CACE,CAAA,EAAA,CACF,EACNL,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sCAAsC,EAAA,QAAA,EACnDA,cAAA,CAACM,aAAM,EAAA,EAAC,WAAW,EAAEC,YAAI,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EAAA,aAAA,EAAA,CAE7C,EAAA,CACL,CAAA,EAAA,CACF,EAENP,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,aAAa,EAAA,QAAA,EAC1BA,cAAA,CAAC,sBAAsB,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAEQ,gBAAQ,EAAE,QAAQ,EAAC,eAAK,EAAA,CAAG,EAAA,CACtE,CAAA,EAAA,CACK;AAEjB;AAEA,MAAM,sBAAsB,GAAG,CAAC,EAC9B,IAAI,EAAE,IAAI,EACV,KAAK,EACL,QAAQ,EACR,GAAG,WAAW,EAKqB,KAAI;IACvC,QACER,8BAAY,WAAW,EAAE,SAAS,EAAED,KAAE,CAAC,8DAA8D,EAAE,WAAW,CAAC,SAAS,CAAC,EAAA,QAAA,EAC3HF,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEE,KAAE,CACX,iGAAiG;;AAEjG,YAAA,iGAAiG,CAClG,EAAA,QAAA,EAAA,CAEDF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uFAAuF,EAAA,QAAA,EAAA,CACnG,IAAI,IAAIG,eAAC,IAAI,EAAA,EAAC,SAAS,EAAC,qEAAqE,EAAA,CAAG,EAAA,GAAA,EAAG,KAAK,CAAA,EAAA,CACrG,EAEL,QAAQ,KACPA,wBAAK,SAAS,EAAC,sGAAsG,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,CACvI,CAAA,EAAA,CACG,EAAA,CACC;AAEb,CAAC;AAEM,MAAM,cAAc,GAAG,CAAC,EAC7B,gBAAgB,EAChB,iBAAiB,GAAG,SAAS,EAC7B,KAAK,GAAG,mBAAmB,EAC3B,aAAa,GAMd,KAAI;AACH,IAAA,MAAM,UAAU,GAAGN,YAAM,CAAiB,IAAI,CAAC;AAC/C,IAAA,MAAM,SAAS,GAAGe,4BAAa,CAAC,IAAI,CAAC;AAErC,IAAA,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,EAAE,KAAK,iBAAiB,CAAC;IAEjF,IAAI,CAAC,eAAe,EAAE;AACpB,QAAA,OAAO,CAAC,IAAI,CAAC,mBAAmB,iBAAiB,CAAA,gCAAA,CAAkC,CAAC;AACpF,QAAA,OAAO,IAAI;IACb;IAEA,QACEZ,yBAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,kFAAkF,EAAA,QAAA,EAAA,CAChHG,cAAA,CAACI,iCAAgB,EAAA,EACf,IAAI,EAAC,IAAI,EACT,GAAG,EAAE,eAAe,CAAC,MAAM,EAC3B,KAAK,EAAE,eAAe,CAAC,IAAI,EAC3B,QAAQ,EAAE,eAAe,CAAC,KAAK,EAC/B,MAAM,EAAE,eAAe,CAAC,MAAM,EAC9B,OAAO,EAAE,aAAa,EAAA,CACtB,EAEFP,gBAACa,iCAAiB,EAAA,EAAA,QAAA,EAAA,CAChBV,cAAA,CAACW,0BAAU,EAAA,EAAC,SAAS,EAAC,0UAA0U,EAAA,QAAA,EAC9VX,cAAA,CAACY,+BAAuB,EAAA,EAAC,SAAS,EAAC,iCAAiC,EAAA,CAAG,EAAA,CAC5D,EACbZ,cAAA,CAACa,2BAAW,IACV,SAAS,EAAE,gBAAgB,KAAK,SAAS,GAAG,cAAc,GAAG,WAAW,CAAC,EACzE,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KACnCd,KAAE,CACA,uDAAuD,EACvD,UAAU;AACR,4BAAA,+JAA+J,EACjK,SAAS;AACP,4BAAA,6JAA6J,CAChK,EAAA,QAAA,EAGHC,cAAA,CAAC,cAAc,EAAA,EAAC,iBAAiB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,EAAA,CAAI,GAC7D,CAAA,EAAA,CACI,CAAA,EAAA,CAChB;AAEV;;;;;"}

package/dist/components/organisms/HeaderNavigation/components/nav-account-card.d.ts

@@ -0,0 +1,25 @@
+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 declare const NavAccountMenu: ({ className, selectedAccountId, ...dialogProps }: AriaDialogProps & {
+    className?: string;
+    accounts?: NavAccountType[];
+    selectedAccountId?: string;
+}) => import("react").JSX.Element;
+export declare const NavAccountCard: ({ popoverPlacement, selectedAccountId, items, avatarRounded, }: {
+    popoverPlacement?: Placement;
+    selectedAccountId?: string;
+    items?: NavAccountType[];
+    avatarRounded?: boolean;
+}) => import("react").JSX.Element | null;
+//# sourceMappingURL=nav-account-card.d.ts.map

package/dist/components/organisms/HeaderNavigation/components/nav-account-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-account-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/HeaderNavigation/components/nav-account-card.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvF,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;AAmBF,eAAO,MAAM,cAAc,GAAI,kDAI5B,eAAe,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAAE,gCA2EnG,CAAC;AAiCF,eAAO,MAAM,cAAc,GAAI,gEAK5B;IACD,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,uCA6CA,CAAC"}

package/dist/components/organisms/HeaderNavigation/components/nav-account-card.js

@@ -0,0 +1,75 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ChevronSelectorVertical, User01, Settings01, BookOpen01, Plus, LogOut01 } from '@flipdish/ui-icons';
+import { AvatarLabelGroup } from '@flipdish/ui-library/components/atoms/Avatar/components/avatar-label-group';
+import { Button as Button$1 } from '@flipdish/ui-library/components/atoms/Button';
+import { RadioButtonBase } from '@flipdish/ui-library/components/atoms/RadioButton';
+import { useBreakpoint } from '@flipdish/ui-library/hooks/useBreakpoints';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useFocusManager } from '@react-aria/focus';
+import { useRef, useCallback, useEffect } from 'react';
+import { DialogTrigger, Button, Popover, Dialog } from 'react-aria-components';
+
+const placeholderAccounts = [
+    {
+        id: 'caitlyn',
+        name: 'Caitlyn King',
+        email: 'caitlyn@untitledui.com',
+        avatar: 'https://www.untitledui.com/images/avatars/caitlyn-king?fm=webp&q=80',
+        status: 'online',
+    },
+    {
+        id: 'sienna',
+        name: 'Sienna Hewitt',
+        email: 'sienna@untitledui.com',
+        avatar: 'https://www.untitledui.com/images/avatars/transparent/sienna-hewitt?bg=%23E0E0E0',
+        status: 'online',
+    },
+];
+const NavAccountMenu = ({ className, selectedAccountId = 'olivia', ...dialogProps }) => {
+    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: [jsxs("div", { className: "flex flex-col gap-0.5 py-1.5", children: [jsx(NavAccountCardMenuItem, { label: "View profile", icon: User01, shortcut: "\u2318K->P" }), jsx(NavAccountCardMenuItem, { label: "Account settings", icon: Settings01, shortcut: "\u2318S" }), jsx(NavAccountCardMenuItem, { label: "Documentation", icon: BookOpen01 })] }), jsxs("div", { className: "flex flex-col gap-0.5 border-t border-secondary py-1.5", 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: placeholderAccounts.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: "online", 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" }) })] }), jsx("div", { className: "pt-1 pb-1.5", children: jsx(NavAccountCardMenuItem, { label: "Sign out", icon: LogOut01, shortcut: "\u2325\u21E7Q" }) })] }));
+};
+const NavAccountCardMenuItem = ({ icon: Icon, label, shortcut, ...buttonProps }) => {
+    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] }), shortcut && (jsx("kbd", { className: "flex rounded px-1 py-px font-body text-xs font-medium text-tertiary ring-1 ring-secondary ring-inset", children: shortcut }))] }) }));
+};
+const NavAccountCard = ({ popoverPlacement, selectedAccountId = 'caitlyn', items = placeholderAccounts, avatarRounded, }) => {
+    const triggerRef = useRef(null);
+    const isDesktop = useBreakpoint('lg');
+    const selectedAccount = items.find((account) => account.id === selectedAccountId);
+    if (!selectedAccount) {
+        console.warn(`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, { 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 }) })] })] }));
+};
+
+export { NavAccountCard, NavAccountMenu };
+//# sourceMappingURL=nav-account-card.js.map

package/dist/components/organisms/HeaderNavigation/components/nav-account-card.js.map

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

package/dist/components/organisms/HeaderNavigation/components/nav-button.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 }) => {
+    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, "aria-label": label, 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=nav-button.cjs.map