@molecule/app-ui-react 1.0.0

package/dist/components/Tooltip.js

@@ -0,0 +1,245 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Tooltip component.
+ *
+ * @module
+ */
+import React, { forwardRef, useCallback, useEffect, useId, useLayoutEffect, useRef, useState, } from 'react';
+import { createPortal } from 'react-dom';
+import { getClassMap } from '@molecule/app-ui';
+/** Arrow square size (px) before the 45° rotation that turns it into a diamond. */
+const ARROW_SIZE = 8;
+/**
+ * Returns the arrow's inline position style for a given placement. The arrow
+ * has no dedicated ClassMap resolver (`tooltip()` takes no options), so its
+ * shape/position is expressed via a small inline style — the sanctioned
+ * exception for values ClassMap cannot express. Its color is NOT hardcoded:
+ * `var(--color-surface)` / `var(--color-border)` are the same CSS custom
+ * properties the `bg-surface`/`border` Tailwind utilities in `tooltipContent`
+ * resolve to (see `@molecule/app-ui-tailwind/base.css`), so the arrow always
+ * matches the tooltip body in both themes.
+ * @param placement - The tooltip's resolved placement.
+ * @returns Inline style positioning the rotated-square arrow for that placement.
+ */
+function getArrowStyle(placement) {
+    const half = ARROW_SIZE / 2;
+    const base = {
+        position: 'absolute',
+        width: ARROW_SIZE,
+        height: ARROW_SIZE,
+        background: 'var(--color-surface)',
+        border: '1px solid var(--color-border)',
+    };
+    switch (placement) {
+        case 'top':
+            return { ...base, bottom: -half, left: '50%', transform: 'translateX(-50%) rotate(45deg)' };
+        case 'top-start':
+            return { ...base, bottom: -half, left: 12, transform: 'rotate(45deg)' };
+        case 'top-end':
+            return { ...base, bottom: -half, right: 12, transform: 'rotate(45deg)' };
+        case 'bottom':
+            return { ...base, top: -half, left: '50%', transform: 'translateX(-50%) rotate(45deg)' };
+        case 'bottom-start':
+            return { ...base, top: -half, left: 12, transform: 'rotate(45deg)' };
+        case 'bottom-end':
+            return { ...base, top: -half, right: 12, transform: 'rotate(45deg)' };
+        case 'left':
+            return { ...base, right: -half, top: '50%', transform: 'translateY(-50%) rotate(45deg)' };
+        case 'right':
+            return { ...base, left: -half, top: '50%', transform: 'translateY(-50%) rotate(45deg)' };
+        default:
+            return base;
+    }
+}
+// Position the tooltip in a LAYOUT effect (synchronous, before the browser paints) so
+// it's measured + placed in the same frame it mounts. With a plain useEffect (which
+// runs AFTER paint) the tooltip paints once at the default {0,0} top-left and then jumps
+// to the correct spot — the flicker. Fall back to useEffect on the server (no DOM) to
+// avoid React's SSR useLayoutEffect warning.
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+/**
+ * Calculate tooltip position based on trigger element and placement.
+ * @param triggerRect - The bounding rectangle of the trigger element.
+ * @param tooltipRect - The bounding rectangle of the tooltip element.
+ * @param placement - The desired tooltip placement direction.
+ * @param offset - The pixel offset from the trigger element.
+ * @returns The computed top and left position.
+ */
+function calculatePosition(triggerRect, tooltipRect, placement, offset = 8) {
+    const { top, left, width, height } = triggerRect;
+    const tooltipWidth = tooltipRect.width;
+    const tooltipHeight = tooltipRect.height;
+    const positions = {
+        top: {
+            top: top + window.scrollY - tooltipHeight - offset,
+            left: left + window.scrollX + width / 2 - tooltipWidth / 2,
+        },
+        bottom: {
+            top: top + window.scrollY + height + offset,
+            left: left + window.scrollX + width / 2 - tooltipWidth / 2,
+        },
+        left: {
+            top: top + window.scrollY + height / 2 - tooltipHeight / 2,
+            left: left + window.scrollX - tooltipWidth - offset,
+        },
+        right: {
+            top: top + window.scrollY + height / 2 - tooltipHeight / 2,
+            left: left + window.scrollX + width + offset,
+        },
+        'top-start': {
+            top: top + window.scrollY - tooltipHeight - offset,
+            left: left + window.scrollX,
+        },
+        'top-end': {
+            top: top + window.scrollY - tooltipHeight - offset,
+            left: left + window.scrollX + width - tooltipWidth,
+        },
+        'bottom-start': {
+            top: top + window.scrollY + height + offset,
+            left: left + window.scrollX,
+        },
+        'bottom-end': {
+            top: top + window.scrollY + height + offset,
+            left: left + window.scrollX + width - tooltipWidth,
+        },
+    };
+    return positions[placement];
+}
+/**
+ * Tooltip component.
+ *
+ * `children` must be a single valid React element (e.g. one `<button>` or
+ * one custom component that forwards `aria-describedby`) for the tooltip's
+ * content to be programmatically associated with it — this is what lets a
+ * screen reader announce the tooltip text for the actually-focused control.
+ * A non-element `children` (plain text, a fragment, multiple nodes) still
+ * shows the tooltip visually on hover/focus, but without that association.
+ * `hasArrow` renders a small themed pointer at the resolved `placement`
+ * edge.
+ */
+export const Tooltip = forwardRef(({ content, children, placement = 'top', delay = 0, hasArrow = false, className, style, testId }, _ref) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const [position, setPosition] = useState({ top: 0, left: 0 });
+    const triggerRef = useRef(null);
+    const tooltipRef = useRef(null);
+    const timeoutRef = useRef(undefined);
+    // Programmatically associates the tooltip with its trigger. A previous
+    // version relied on the WRAPPER div's hover/focus — but the wrapper is
+    // not itself the focused element, so its `aria-describedby` would never
+    // be announced for the child that actually receives focus (see the
+    // single-child cloning below).
+    const tooltipId = useId();
+    const cm = getClassMap();
+    const updatePosition = useCallback(() => {
+        // Guard against the effect firing without a DOM — SSR, or after the test
+        // environment / portal root has been torn down while a show timer or a
+        // pending effect was still queued. Accessing window/document then throws a
+        // leaked "window is not defined" async error (the component already guards
+        // `typeof document` at its portal site for the same reason).
+        if (typeof window === 'undefined' || typeof document === 'undefined')
+            return;
+        if (triggerRef.current && tooltipRef.current) {
+            const triggerRect = triggerRef.current.getBoundingClientRect();
+            const tooltipRect = tooltipRef.current.getBoundingClientRect();
+            const newPosition = calculatePosition(triggerRect, tooltipRect, placement);
+            // Clamp into the viewport so a wide/edge tooltip never spills off the page
+            // (which would spawn a horizontal scrollbar). Positions are in document
+            // space (they already include scrollX/scrollY); use clientWidth/clientHeight
+            // — NOT innerWidth/innerHeight — so the page scrollbar is excluded. The
+            // Math.max(min, max) guard keeps it on-screen even when the tooltip is wider
+            // than the viewport.
+            const margin = 8;
+            const minLeft = window.scrollX + margin;
+            const maxLeft = window.scrollX + document.documentElement.clientWidth - tooltipRect.width - margin;
+            const minTop = window.scrollY + margin;
+            const maxTop = window.scrollY + document.documentElement.clientHeight - tooltipRect.height - margin;
+            newPosition.left = Math.min(Math.max(newPosition.left, minLeft), Math.max(minLeft, maxLeft));
+            newPosition.top = Math.min(Math.max(newPosition.top, minTop), Math.max(minTop, maxTop));
+            setPosition(newPosition);
+        }
+    }, [placement]);
+    const show = useCallback(() => {
+        if (delay > 0) {
+            timeoutRef.current = setTimeout(() => {
+                setIsVisible(true);
+            }, delay);
+        }
+        else {
+            setIsVisible(true);
+        }
+    }, [delay]);
+    const hide = useCallback(() => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        setIsVisible(false);
+    }, []);
+    // Show on focus ONLY for keyboard focus (:focus-visible). A mouse click or a
+    // programmatic .focus() — e.g. a dropdown/menu returning focus to its trigger
+    // after it closes — must NOT re-show a tooltip the click was meant to dismiss
+    // (which is why the "Device frame" tooltip lingered after opening + selecting).
+    // Guarded: engines without :focus-visible support (older browsers, jsdom) throw
+    // on the unknown selector — there we simply skip the focus-show (hover still
+    // works), the safe default.
+    const handleFocus = useCallback((event) => {
+        const target = event.target;
+        try {
+            if (typeof target.matches === 'function' && target.matches(':focus-visible')) {
+                show();
+            }
+        }
+        catch (_error) {
+            // :focus-visible unsupported here — don't show on focus; hover still applies.
+        }
+    }, [show]);
+    useIsomorphicLayoutEffect(() => {
+        if (isVisible) {
+            updatePosition();
+        }
+    }, [isVisible, updatePosition]);
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    // Outer positioned wrapper carries the top/left/zIndex placement; the
+    // arrow renders as its SIBLING (not nested inside the visible box),
+    // because `tooltipContent` sets `overflow-hidden` — an arrow meant to
+    // poke past the box's own edge would be clipped invisible if it were a
+    // descendant of that element instead.
+    const tooltipElement = isVisible && (_jsxs("div", { style: { position: 'absolute', top: position.top, left: position.left, zIndex: 9999 }, children: [_jsx("div", { ref: tooltipRef, id: tooltipId, role: "tooltip", className: cm.cn(cm.tooltipContent, className), style: style, "data-testid": testId, children: content }), hasArrow && _jsx("span", { "aria-hidden": "true", style: getArrowStyle(placement) })] }));
+    // Single-child API (mirrors every mainstream tooltip library): when
+    // `children` is exactly one valid element, clone it to inject
+    // `aria-describedby` onto the actual focused/hovered node while the
+    // tooltip is visible — that id is what a screen reader announces
+    // alongside the element's accessible name. `children` is typed as
+    // `ReactNode` (it could be a string, a fragment, or multiple nodes); for
+    // anything other than a single element there is no single DOM node to
+    // attach the id to, so the association is skipped rather than guessed —
+    // documented in the module JSDoc as the supported contract.
+    const isCloneableChild = React.isValidElement(children) && children.type !== React.Fragment;
+    const describedChildren = isCloneableChild
+        ? React.cloneElement(children, {
+            'aria-describedby': isVisible ? tooltipId : undefined,
+        })
+        : children;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: triggerRef, onMouseEnter: show, onMouseLeave: hide, onFocus: handleFocus, onBlur: hide, 
+                // WCAG 1.4.13: hover/focus-triggered content must be dismissable
+                // WITHOUT moving the pointer or focus — Escape hides the tooltip
+                // (the keydown on the focused child bubbles up to this wrapper).
+                onKeyDown: (e) => {
+                    if (e.key === 'Escape')
+                        hide();
+                }, 
+                // Any click on a tooltip-wrapped control hides the tooltip — clicking a
+                // button shouldn't leave its hover/focus tooltip lingering. The wrapper
+                // wraps children directly, so this single handler covers every
+                // button-with-tooltip consumer.
+                onClick: hide, className: cm.tooltipTrigger, children: describedChildren }), typeof document !== 'undefined' &&
+                tooltipElement &&
+                createPortal(tooltipElement, document.body)] }));
+});
+Tooltip.displayName = 'Tooltip';
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

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

package/dist/components/UserMenu.d.ts

@@ -0,0 +1,59 @@
+import type { JSX, ReactNode } from 'react';
+import type { IconName } from '@molecule/app-icons';
+/**
+ * Props for {@link UserMenu}.
+ *
+ * The inner trigger is a Molecule `<Button>` whose own prop set
+ * conflicts with raw `ButtonHTMLAttributes` (color, value, size enums),
+ * so this component exposes a curated set of customization points
+ * instead of extending HTML attributes. For one-off extra attributes,
+ * pass them via `dataMolId` / `className` / `style` props.
+ */
+export interface UserMenuProps {
+    /**
+     * Panel content shown inside the drawer/modal (typically the app's
+     * `SettingsPanel`). It can dismiss the drawer by calling
+     * `usePanelClose()` — no `onClose` prop-threading required.
+     */
+    children: ReactNode;
+    /**
+     * i18n key for the trigger button's aria-label. Defaults to
+     * `'userMenu.open'`. Apps whose existing locales use a different key
+     * (e.g. `'userMenu.openButton'`) can override.
+     */
+    ariaLabelKey?: string;
+    /** Fallback aria-label if the i18n key is missing. Defaults to `"Open user menu"`. */
+    ariaLabelDefault?: string;
+    /** Icon name for the trigger button. Defaults to `'user'`. */
+    triggerIcon?: IconName;
+    /** Pixel size for the trigger icon. Defaults to 20. */
+    triggerIconSize?: number;
+    /**
+     * `data-mol-id` for the trigger button. Defaults to `'user-menu'`.
+     * Pass an explicit value to disambiguate when the same page mounts
+     * more than one UserMenu.
+     */
+    dataMolId?: string;
+    /** Extra className composed onto the trigger button. */
+    className?: string;
+    /** Whether the trigger button is disabled. */
+    disabled?: boolean;
+    /**
+     * Override the trigger button's click handler. When provided, called
+     * instead of opening the panel — hosts use this to intercept the click
+     * (e.g. to open an auth modal for guest users).
+     */
+    onClick?: () => void;
+}
+/**
+ * Avatar-style trigger that opens the app's settings panel in a drawer.
+ *
+ * The panel content is passed as `children` so apps can mount their own
+ * `SettingsPanel` (which diverges per app) inside the shared drawer
+ * chrome. Panel content dismisses the drawer via `usePanelClose()`.
+ *
+ * Ships with `data-mol-id="user-menu"` on the trigger button by
+ * default for AI-agent / e2e selection.
+ */
+export declare function UserMenu({ children, ariaLabelKey, ariaLabelDefault, triggerIcon, triggerIconSize, dataMolId, className, disabled, onClick, }: UserMenuProps): JSX.Element;
+//# sourceMappingURL=UserMenu.d.ts.map

package/dist/components/UserMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../src/components/UserMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAI3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AASnD;;;;;;;;GAQG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sFAAsF;IACtF,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,YAA8B,EAC9B,gBAAmC,EACnC,WAAoB,EACpB,eAAoB,EACpB,SAAuB,EACvB,SAAS,EACT,QAAQ,EACR,OAAO,GACR,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAuC7B"}

package/dist/components/UserMenu.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useLocation } from 'react-router';
+import { useTranslation } from '@molecule/app-react';
+import { getClassMap } from '@molecule/app-ui';
+import { Button } from './Button.js';
+import { Icon } from './Icon.js';
+import { Modal } from './Modal.js';
+import { PanelCloseProvider } from './PanelClose.js';
+/**
+ * Avatar-style trigger that opens the app's settings panel in a drawer.
+ *
+ * The panel content is passed as `children` so apps can mount their own
+ * `SettingsPanel` (which diverges per app) inside the shared drawer
+ * chrome. Panel content dismisses the drawer via `usePanelClose()`.
+ *
+ * Ships with `data-mol-id="user-menu"` on the trigger button by
+ * default for AI-agent / e2e selection.
+ */
+export function UserMenu({ children, ariaLabelKey = 'userMenu.open', ariaLabelDefault = 'Open user menu', triggerIcon = 'user', triggerIconSize = 20, dataMolId = 'user-menu', className, disabled, onClick, }) {
+    const cm = getClassMap();
+    const { t } = useTranslation();
+    const [open, setOpen] = useState(false);
+    const location = useLocation();
+    // Close the drawer whenever the route changes. React Router updates
+    // `location` on both in-app navigation and browser back/forward
+    // (popstate), so a single effect covers both — without it the drawer
+    // stays mounted over the next page and blocks clicks underneath.
+    useEffect(() => {
+        setOpen(false);
+    }, [location.pathname, location.search]);
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: onClick ?? (() => setOpen(true)), "aria-label": t(ariaLabelKey, {}, { defaultValue: ariaLabelDefault }), "data-mol-id": dataMolId, className: className, disabled: disabled, children: _jsx(Icon, { name: triggerIcon, size: triggerIconSize }) }), _jsx(Modal, { open: open, onClose: () => setOpen(false), className: cm.drawer, "aria-label": t('userMenu.panelLabel', {}, { defaultValue: 'Account menu' }), children: _jsx(PanelCloseProvider, { close: () => setOpen(false), children: children }) })] }));
+}
+//# sourceMappingURL=UserMenu.js.map

package/dist/components/UserMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../../src/components/UserMenu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAG1C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAgDpD;;;;;;;;;GASG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,YAAY,GAAG,eAAe,EAC9B,gBAAgB,GAAG,gBAAgB,EACnC,WAAW,GAAG,MAAM,EACpB,eAAe,GAAG,EAAE,EACpB,SAAS,GAAG,WAAW,EACvB,SAAS,EACT,QAAQ,EACR,OAAO,GACO;IACd,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACxB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAE9B,oEAAoE;IACpE,gEAAgE;IAChE,qEAAqE;IACrE,iEAAiE;IACjE,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAA;IAExC,OAAO,CACL,8BACE,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,gBAC7B,CAAC,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC,iBACtD,SAAS,EACtB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,YAElB,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,eAAe,GAAI,GAC3C,EACT,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,EAAE,CAAC,MAAM,gBAGR,CAAC,CAAC,qBAAqB,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC,YAE1E,KAAC,kBAAkB,IAAC,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YAAG,QAAQ,GAAsB,GAC1E,IACP,CACJ,CAAA;AACH,CAAC"}

package/dist/components/UserMenuPopover.d.ts

@@ -0,0 +1,139 @@
+/**
+ * UserMenuPopover — an inline (non-modal) popover account menu.
+ *
+ * Unlike `UserMenu` / `SidebarUserCard` (which open their panel in a
+ * `<Modal>` drawer), this family renders the panel inline as an
+ * absolutely-positioned popover. It auto-dismisses on route change, raw
+ * `popstate`, outside click, and `Escape` — so an SPA navigation never
+ * leaves the menu hovering over the next page.
+ *
+ * Compose it:
+ *
+ * ```tsx
+ * <UserMenuPopover guestName={t('userMenu.guestName', {}, { defaultValue: 'Analyst' })}>
+ *   <UserMenuPopoverTrigger />
+ *   <UserMenuPopoverPanel>
+ *     <Link to="/settings">Settings</Link>
+ *     <Link to="/datasets">My datasets</Link>
+ *     <UserMenuPopoverSignOut />
+ *   </UserMenuPopoverPanel>
+ * </UserMenuPopover>
+ * ```
+ *
+ * @module
+ */
+import React, { type ReactNode } from 'react';
+/**
+ * Props for {@link UserMenuPopover}.
+ */
+export interface UserMenuPopoverProps {
+    /**
+     * The trigger and panel — typically `<UserMenuPopoverTrigger />` and
+     * `<UserMenuPopoverPanel>`.
+     */
+    children: ReactNode;
+    /**
+     * Label shown when there is no authenticated user. Defaults to the
+     * `userMenuPopover.guest` translation (English fallback `"Account"`).
+     */
+    guestName?: string;
+    /** Extra className composed onto the relative-positioned container. */
+    className?: string;
+}
+/**
+ * Container for the inline popover account menu. Owns the open state and
+ * the auto-dismiss behaviour (route change, `popstate`, outside click,
+ * `Escape`), and provides the resolved account identity to its
+ * sub-components via context.
+ *
+ * @param props - The popover children, optional guest label, and className.
+ * @returns The relative-positioned popover container.
+ */
+export declare function UserMenuPopover({ children, guestName, className, }: UserMenuPopoverProps): React.JSX.Element;
+/**
+ * Props for {@link UserMenuPopoverTrigger}.
+ */
+export interface UserMenuPopoverTriggerProps {
+    /** i18n key for the trigger's aria-label. Default: `'userMenu.open'`. */
+    ariaLabelKey?: string;
+    /** Fallback aria-label if the i18n key is missing. Default: `'Open user menu'`. */
+    ariaLabelDefault?: string;
+    /** `data-mol-id` for the trigger button. Default: `'user-menu'`. */
+    dataMolId?: string;
+    /** Extra className composed onto the trigger button. */
+    className?: string;
+}
+/**
+ * The trigger button: an initials avatar plus the account name and email,
+ * styled as a full-width sidebar card. Toggles the popover panel.
+ *
+ * @param props - aria-label overrides, `data-mol-id`, and className.
+ * @returns The popover trigger button.
+ */
+export declare function UserMenuPopoverTrigger({ ariaLabelKey, ariaLabelDefault, dataMolId, className, }: UserMenuPopoverTriggerProps): React.JSX.Element;
+/**
+ * Props for {@link UserMenuPopoverPanel}.
+ */
+export interface UserMenuPopoverPanelProps {
+    /**
+     * Panel body — typically a set of `<Link>` nav items and a
+     * `<UserMenuPopoverSignOut />`. Rendered inside a `<nav>` below the
+     * built-in identity header.
+     */
+    children: ReactNode;
+    /** Extra className composed onto the absolute-positioned panel. */
+    className?: string;
+    /** i18n key for the panel's aria-label. Default: `'userMenu.panelLabel'`. */
+    ariaLabelKey?: string;
+    /** Fallback aria-label if the i18n key is missing. Default: `'Account menu'`. */
+    ariaLabelDefault?: string;
+    /** `data-mol-id` for the panel. Default: `'user-menu-panel'`. */
+    dataMolId?: string;
+}
+/**
+ * The popover panel: an absolutely-positioned card with a built-in
+ * identity header (name + email) and a `<nav>` wrapping the caller's nav
+ * items. Renders nothing while the popover is closed.
+ *
+ * Provides only the structural concerns (absolute positioning above the
+ * trigger, `rounded-xl` border frame, the header/nav layout). Cosmetic
+ * choices — width, background, padding, shadow — are per-app: pass them
+ * via `className`. `cn()` concatenates (it does not tailwind-merge), so
+ * the panel never bakes a width/background the caller would have to
+ * fight.
+ *
+ * @param props - The nav children, className, and aria-label overrides.
+ * @returns The popover panel, or `null` when closed.
+ */
+export declare function UserMenuPopoverPanel({ children, className, ariaLabelKey, ariaLabelDefault, dataMolId, }: UserMenuPopoverPanelProps): React.JSX.Element | null;
+/**
+ * Returns a callback that closes the enclosing `UserMenuPopover`. Useful
+ * for nav-item `onClick` handlers that should dismiss the popover even
+ * when they don't change the route. Returns a no-op when called outside
+ * a `UserMenuPopover`.
+ *
+ * @returns A function that closes the popover.
+ */
+export declare function useUserMenuPopoverClose(): () => void;
+/**
+ * Props for {@link UserMenuPopoverSignOut}.
+ */
+export interface UserMenuPopoverSignOutProps {
+    /** i18n key for the button label. Default: `'userMenu.signOut'`. */
+    labelKey?: string;
+    /** Fallback label if the i18n key is missing. Default: `'Sign out'`. */
+    labelDefault?: string;
+    /** `data-mol-id` for the button. Default: `'user-menu-sign-out'`. */
+    dataMolId?: string;
+    /** Extra className composed onto the button. */
+    className?: string;
+}
+/**
+ * The sign-out nav item — closes the popover and calls `auth.logout()`.
+ * Drop it in as the last child of `<UserMenuPopoverPanel>`.
+ *
+ * @param props - Label overrides, `data-mol-id`, and className.
+ * @returns The sign-out button.
+ */
+export declare function UserMenuPopoverSignOut({ labelKey, labelDefault, dataMolId, className, }: UserMenuPopoverSignOutProps): React.JSX.Element;
+//# sourceMappingURL=UserMenuPopover.d.ts.map

package/dist/components/UserMenuPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenuPopover.d.ts","sourceRoot":"","sources":["../../src/components/UserMenuPopover.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,EAAE,EAEZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AA4Cd;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqD1C;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,YAA8B,EAC9B,gBAAmC,EACnC,SAAuB,EACvB,SAAS,GACV,EAAE,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+DjD;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,YAAoC,EACpC,gBAAiC,EACjC,SAA6B,GAC9B,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAkCtD;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,IAAI,MAAM,IAAI,CAIpD;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAA6B,EAC7B,YAAyB,EACzB,SAAgC,EAChC,SAAS,GACV,EAAE,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkCjD"}