@molecule/app-ui-react 1.0.0

package/dist/components/UserMenuPopover.js

@@ -0,0 +1,173 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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 { createContext, useContext, useEffect, useId, useRef, useState, } from 'react';
+import { useLocation } from 'react-router';
+import { useAuth, useTranslation } from '@molecule/app-react';
+import { getClassMap } from '@molecule/app-ui';
+import { getInitials } from '../utilities/initials.js';
+const UserMenuPopoverContext = createContext(null);
+/**
+ * Returns the nearest `UserMenuPopoverContext` value, throwing if not inside a `UserMenuPopover`.
+ */
+function usePopoverContext(component) {
+    const ctx = useContext(UserMenuPopoverContext);
+    if (!ctx) {
+        throw new Error(`<${component}> must be rendered inside <UserMenuPopover>`);
+    }
+    return ctx;
+}
+/**
+ * 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 function UserMenuPopover({ children, guestName, className, }) {
+    const cm = getClassMap();
+    const { t } = useTranslation();
+    const auth = useAuth();
+    const user = auth.user;
+    const location = useLocation();
+    const [open, setOpen] = useState(false);
+    const containerRef = useRef(null);
+    const panelId = useId();
+    // Close on route change so the panel never sticks across navigations.
+    useEffect(() => {
+        setOpen(false);
+    }, [location.pathname, location.search, location.hash]);
+    // Also close on a raw `popstate` — `useLocation()` only fires when a
+    // URL part changes, but a same-route SPA navigation still pops.
+    useEffect(() => {
+        const onPopState = () => setOpen(false);
+        window.addEventListener('popstate', onPopState);
+        return () => window.removeEventListener('popstate', onPopState);
+    }, []);
+    // Close on outside click and Escape while the panel is open.
+    useEffect(() => {
+        if (!open)
+            return;
+        const onMouseDown = (event) => {
+            if (containerRef.current && !containerRef.current.contains(event.target)) {
+                setOpen(false);
+            }
+        };
+        const onKeyDown = (event) => {
+            if (event.key === 'Escape')
+                setOpen(false);
+        };
+        document.addEventListener('mousedown', onMouseDown);
+        document.addEventListener('keydown', onKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', onMouseDown);
+            document.removeEventListener('keydown', onKeyDown);
+        };
+    }, [open]);
+    const resolvedGuest = guestName ?? t('userMenuPopover.guest', {}, { defaultValue: 'Account' });
+    const displayName = user?.name ?? user?.email ?? resolvedGuest;
+    const email = user?.email ?? undefined;
+    return (_jsx("div", { ref: containerRef, className: cm.cn(cm.position('relative'), className), children: _jsx(UserMenuPopoverContext.Provider, { value: { open, setOpen, displayName, email, panelId }, children: children }) }));
+}
+/**
+ * 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 function UserMenuPopoverTrigger({ ariaLabelKey = 'userMenu.open', ariaLabelDefault = 'Open user menu', dataMolId = 'user-menu', className, }) {
+    const cm = getClassMap();
+    const { t } = useTranslation();
+    const { open, setOpen, displayName, email, panelId } = usePopoverContext('UserMenuPopoverTrigger');
+    return (_jsxs("button", { type: "button", onClick: () => setOpen(!open), "aria-expanded": open, "aria-controls": panelId, "aria-label": t(ariaLabelKey, {}, { defaultValue: ariaLabelDefault }), "data-mol-id": dataMolId, className: cm.cn(cm.flex({ align: 'center', gap: 'sm' }), cm.sp('px', 3), cm.sp('py', 3), 'w-full text-left rounded-xl bg-surface-container-low hover:bg-surface-container transition-colors', className), children: [_jsx("span", { "aria-hidden": "true", className: cm.cn(cm.w(10), cm.h(10), cm.roundedFull, cm.flex({ align: 'center', justify: 'center' }), cm.textSize('sm'), cm.fontWeight('bold'), cm.shrink0), style: {
+                    backgroundColor: 'var(--color-primary)',
+                    color: 'var(--color-on-primary, #ffffff)',
+                }, children: getInitials(displayName) }), _jsxs("span", { className: cm.cn(cm.flex1, 'min-w-0'), children: [_jsx("span", { className: cm.cn(cm.textSize('sm'), cm.fontWeight('semibold'), cm.displayBlock, 'truncate'), children: displayName }), email ? (_jsx("span", { className: cm.cn(cm.textSize('xs'), cm.displayBlock, 'truncate', cm.textMuted), children: email })) : null] })] }));
+}
+/**
+ * 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 function UserMenuPopoverPanel({ children, className, ariaLabelKey = 'userMenu.panelLabel', ariaLabelDefault = 'Account menu', dataMolId = 'user-menu-panel', }) {
+    const cm = getClassMap();
+    const { t } = useTranslation();
+    const { open, displayName, email, panelId } = usePopoverContext('UserMenuPopoverPanel');
+    if (!open)
+        return null;
+    return (_jsxs("div", { id: panelId, "data-mol-id": dataMolId, className: cm.cn('absolute bottom-full mb-2 z-50 rounded-xl border border-outline-variant', className), children: [_jsxs("header", { className: cm.cn(cm.sp('pb', 4), 'border-b border-outline-variant'), children: [_jsx("p", { className: cm.cn(cm.textSize('sm'), cm.fontWeight('semibold')), children: displayName }), email ? _jsx("p", { className: cm.cn(cm.textSize('xs'), cm.textMuted), children: email }) : null] }), _jsx("nav", { className: cm.cn(cm.sp('mt', 4), cm.stack(1)), "aria-label": t(ariaLabelKey, {}, { defaultValue: ariaLabelDefault }), children: children })] }));
+}
+/**
+ * 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 function useUserMenuPopoverClose() {
+    const ctx = useContext(UserMenuPopoverContext);
+    if (!ctx)
+        return () => { };
+    return () => ctx.setOpen(false);
+}
+/**
+ * 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 function UserMenuPopoverSignOut({ labelKey = 'userMenu.signOut', labelDefault = 'Sign out', dataMolId = 'user-menu-sign-out', className, }) {
+    const cm = getClassMap();
+    const { t } = useTranslation();
+    const auth = useAuth();
+    const { setOpen } = usePopoverContext('UserMenuPopoverSignOut');
+    return (_jsx("button", { type: "button", "data-mol-id": dataMolId, onClick: async () => {
+            setOpen(false);
+            try {
+                await auth.logout();
+            }
+            catch (_error) {
+                // A logout failure should not crash the panel — the user is already
+                // treated as signed-out from the UI perspective; the provider may
+                // clean up asynchronously or retry on the next request.
+            }
+        }, className: cm.cn(cm.sp('px', 3), cm.sp('py', 2), cm.textSize('sm'), cm.fontWeight('semibold'), cm.displayBlock, cm.w('full'), cm.textError, 'text-left rounded-md hover:bg-error/10 transition-colors', className), children: t(labelKey, {}, { defaultValue: labelDefault }) }));
+}
+//# sourceMappingURL=UserMenuPopover.js.map

package/dist/components/UserMenuPopover.js.map

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

package/dist/components/index.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Component exports.
+ *
+ * @module
+ */
+export * from './Accordion.js';
+export * from './Alert.js';
+export * from './AuthGuard.js';
+export * from './Avatar.js';
+export * from './Badge.js';
+export * from './Button.js';
+export * from './Card.js';
+export * from './Checkbox.js';
+export * from './Dropdown.js';
+export * from './EmptyState.js';
+export * from './FloatingInput.js';
+export * from './Form.js';
+export * from './Icon.js';
+export * from './Input.js';
+export * from './LanguagePicker.js';
+export * from './Layout.js';
+export * from './Modal.js';
+export * from './PageHeader.js';
+export * from './PageShell.js';
+export * from './Pagination.js';
+export * from './PanelClose.js';
+export * from './Progress.js';
+export * from './RadioGroup.js';
+export * from './Select.js';
+export * from './Separator.js';
+export * from './SidebarUserCard.js';
+export * from './Skeleton.js';
+export * from './Spinner.js';
+export * from './Switch.js';
+export * from './Table.js';
+export * from './Tabs.js';
+export * from './Textarea.js';
+export * from './ThemeToggle.js';
+export * from './Toast.js';
+export * from './Tooltip.js';
+export * from './UserMenu.js';
+export * from './UserMenuPopover.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA"}

package/dist/components/index.js

@@ -0,0 +1,43 @@
+/**
+ * Component exports.
+ *
+ * @module
+ */
+export * from './Accordion.js';
+export * from './Alert.js';
+export * from './AuthGuard.js';
+export * from './Avatar.js';
+export * from './Badge.js';
+export * from './Button.js';
+export * from './Card.js';
+export * from './Checkbox.js';
+export * from './Dropdown.js';
+export * from './EmptyState.js';
+export * from './FloatingInput.js';
+export * from './Form.js';
+export * from './Icon.js';
+export * from './Input.js';
+export * from './LanguagePicker.js';
+export * from './Layout.js';
+export * from './Modal.js';
+export * from './PageHeader.js';
+export * from './PageShell.js';
+export * from './Pagination.js';
+export * from './PanelClose.js';
+export * from './Progress.js';
+export * from './RadioGroup.js';
+export * from './Select.js';
+export * from './Separator.js';
+export * from './SidebarUserCard.js';
+export * from './Skeleton.js';
+export * from './Spinner.js';
+export * from './Switch.js';
+export * from './Table.js';
+export * from './Tabs.js';
+export * from './Textarea.js';
+export * from './ThemeToggle.js';
+export * from './Toast.js';
+export * from './Tooltip.js';
+export * from './UserMenu.js';
+export * from './UserMenuPopover.js';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,131 @@
+/**
+ * React UI components for molecule.dev.
+ *
+ * Provides React implementations of the `@molecule/app-ui` component
+ * interfaces using the UIClassMap abstraction from `@molecule/app-ui`.
+ *
+ * @example
+ * ```tsx
+ * import { setClassMap } from '@molecule/app-ui'
+ * import { classMap } from '@molecule/app-ui-tailwind'
+ * import { Button, Modal, Icon, EmptyState } from '@molecule/app-ui-react'
+ * import { useState } from 'react'
+ *
+ * // Once at startup, before first render — components throw without it:
+ * setClassMap(classMap)
+ *
+ * function ConfirmDelete({ onConfirm }: { onConfirm: () => void }) {
+ *   const [open, setOpen] = useState(false)
+ *   return (
+ *     <>
+ *       <Button color="error" onClick={() => setOpen(true)}>
+ *         <Icon name="trash" size={16} /> Delete
+ *       </Button>
+ *       <Modal open={open} onClose={() => setOpen(false)} title="Delete item?" data-mol-id="confirm-delete">
+ *         <EmptyState title="This cannot be undone" />
+ *         <Button color="error" onClick={onConfirm}>Confirm</Button>
+ *       </Modal>
+ *     </>
+ *   )
+ * }
+ * ```
+ *
+ * @remarks
+ * Wiring prerequisites — get these right before debugging anything else:
+ *
+ * - **A ClassMap bond must be set before first render.** Every component resolves styling via
+ *   `getClassMap()` from `@molecule/app-ui`, which THROWS ("No UIClassMap has been set") until
+ *   `setClassMap(...)` runs with a bond like `@molecule/app-ui-tailwind`. Scaffolded apps do
+ *   this in `bonds/index.ts` — keep that import first in `main.tsx`.
+ * - **Some components require molecule providers from `@molecule/app-react`** and throw without
+ *   them: `UserMenu`, `UserMenuPopover`, `LanguagePicker`, `SidebarUserCard`, `AuthGuard`, and
+ *   `ThemeToggle` need `I18nProvider` (via `MoleculeProvider i18n={...}`); `ThemeToggle` also
+ *   needs `ThemeProvider`; `AuthGuard` also needs `AuthProvider`. The primitive components
+ *   (Button, Modal, Input, …) need only the ClassMap.
+ * - **Router-linked components** (`UserMenu`, `UserMenuPopover`, `SidebarUserCard`, `Dropdown`
+ *   item `href`s, `AuthGuard` redirects) render react-router `<Link>`/navigation — they need a
+ *   react-router context (`<BrowserRouter>`) and, in workspace dev setups, the Vite
+ *   `resolve.dedupe: ['react', 'react-dom', 'react-router', 'react-router']` entry; a
+ *   duplicate copy surfaces as "useHref may be used only in the context of a <Router>".
+ * - **`UserMenu` panel content is `children`** (rendered inside the popover, with
+ *   `PanelClose`/`usePanelClose` available) — there is no `renderPanel` prop.
+ * - **`Icon` names are kebab-case `IconName`s from `@molecule/app-icons`** — an unknown name is
+ *   a runtime error, not a blank. Extend via `CustomIconNames` augmentation, never raw SVG.
+ * - **Name collisions with feature packages** — several feature packages export a
+ *   same-named component; import from the package whose props/behavior you want:
+ *   - `EmptyState` — also `@molecule/app-empty-state-react` (adds an icon badge,
+ *     per-brand `className`/`dataMolId`, and a companion `<CtaCard>`). THIS one is the
+ *     primitive icon/title/description/action variant.
+ *   - `PageHeader` — also `@molecule/app-page-chrome-react` (adds `subtitle`, `icon`,
+ *     `meta`, `emphasis` + a `<HeroSection>`). THIS one takes
+ *     `title`/`description`/`actions`/`breadcrumbs`.
+ *   - `Pagination` — the low-level page-window control (no "showing X of Y" text, no
+ *     page-size selector); for those use `<PaginationBar>` from
+ *     `@molecule/app-pagination-bar-react`.
+ *
+ * A11y contracts worth knowing before you debug "it doesn't look like it's
+ * doing anything" on these components:
+ *
+ * - **`Modal`** implements the WAI-ARIA APG dialog pattern: opening moves
+ *   focus to the first focusable element inside the dialog (or the dialog
+ *   itself when it has none); Tab/Shift+Tab are trapped inside; closing
+ *   restores focus to whatever opened it. Stacked dialogs (a confirm above a
+ *   drawer) register on a module-level stack — Escape and the Tab trap only
+ *   act for the TOPMOST dialog, and the body scroll lock is
+ *   reference-counted, so closing one of several open dialogs never unlocks
+ *   scroll behind the ones still open. `centered={false}` top-anchors the
+ *   dialog instead of vertically centering it (an inline-style exception —
+ *   `UIClassMap` has no `dialogWrapper({ centered })` resolver yet).
+ * - **`Dropdown`** implements the WAI-ARIA APG menu-button pattern: the
+ *   `trigger` is made a real, keyboard-operable control (cloned with
+ *   `aria-haspopup`/`aria-expanded`/`aria-controls` when it's a single
+ *   element; wrapped in a `role="button" tabIndex={0}` container otherwise).
+ *   Enter/Space/ArrowDown open the menu and focus the first item (ArrowUp
+ *   opens to the last); once open, ArrowUp/Down/Home/End roving-navigate the
+ *   `menuitem`s, Escape closes and returns focus to the trigger, and Tab
+ *   closes the menu in sync with focus leaving it (native menus don't trap
+ *   Tab). `width="trigger"` never renders literal `width: 'trigger'` CSS on
+ *   the not-yet-measurable first-open frame — it renders unset instead.
+ * - **`Tooltip`** requires a single element as `children` for its content to
+ *   be programmatically associated (`aria-describedby`, injected via
+ *   `cloneElement`) with the actually-focused/hovered control — a non-element
+ *   `children` still shows visually but without that association.
+ *   `hasArrow` renders a small themed pointer at the resolved `placement`.
+ * - **`Toast`** pauses its auto-dismiss countdown on hover AND focus (WCAG
+ *   2.2.1) and resumes with whatever time was left. The announced role
+ *   follows `status`: `warning`/`error` get the assertive `role="alert"`;
+ *   every other status gets the polite `role="status"` so a routine
+ *   confirmation doesn't interrupt a screen reader mid-sentence.
+ * - **`Alert`** takes a `live` prop (default `true`, matching the previous
+ *   unconditional behavior): `live={false}` switches it from the assertive
+ *   `role="alert"` to the polite `role="status"` for a banner that's part of
+ *   the page's normal (not dynamically-appearing) content.
+ * - **`UserMenuPopover*`**: `UserMenuPopoverPanel` is a disclosure region
+ *   (`aria-expanded` + `aria-controls` on the trigger, no role on the panel
+ *   itself), NOT `role="menu"` — it renders a header plus a `<nav>` of
+ *   arbitrary links, which is invalid content for `role="menu"` (that role
+ *   may contain ONLY `menuitem` descendants).
+ * - **`Switch`** dispatches a REAL native `change` Event through its hidden
+ *   checkbox — `event.preventDefault()`, `event.currentTarget`, and
+ *   `event.stopPropagation()` all behave like they do for any native input
+ *   (previously the handler received a synthesized `{ target: { checked } }`
+ *   object that crashed on any of those).
+ * - **`Tabs`** implements the WAI-ARIA APG tabs pattern: roving tabindex
+ *   (only the active tab is in the Tab order) with ArrowLeft/ArrowRight/
+ *   Home/End moving focus and selection.
+ * - **`FormField`** wires `aria-describedby` from its error paragraph onto
+ *   the child input automatically (falling back to a `useId()`-derived id
+ *   when no `name` prop is given) — don't duplicate the association by hand.
+ * - **`Progress`** clamps `aria-valuenow` into `[0, max]` to match the
+ *   clamped visual bar, so out-of-range values never announce impossible
+ *   percentages.
+ * - **`Textarea`** `autoResize` also works uncontrolled (`defaultValue` +
+ *   user typing): it listens to `input` events rather than only reacting to
+ *   the controlled `value` prop.
+ *
+ * @module
+ */
+export * from './components/index.js';
+export * from './types.js';
+export * from './utilities.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8HG;AAEH,cAAc,uBAAuB,CAAA;AACrC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/dist/index.js

@@ -0,0 +1,131 @@
+/**
+ * React UI components for molecule.dev.
+ *
+ * Provides React implementations of the `@molecule/app-ui` component
+ * interfaces using the UIClassMap abstraction from `@molecule/app-ui`.
+ *
+ * @example
+ * ```tsx
+ * import { setClassMap } from '@molecule/app-ui'
+ * import { classMap } from '@molecule/app-ui-tailwind'
+ * import { Button, Modal, Icon, EmptyState } from '@molecule/app-ui-react'
+ * import { useState } from 'react'
+ *
+ * // Once at startup, before first render — components throw without it:
+ * setClassMap(classMap)
+ *
+ * function ConfirmDelete({ onConfirm }: { onConfirm: () => void }) {
+ *   const [open, setOpen] = useState(false)
+ *   return (
+ *     <>
+ *       <Button color="error" onClick={() => setOpen(true)}>
+ *         <Icon name="trash" size={16} /> Delete
+ *       </Button>
+ *       <Modal open={open} onClose={() => setOpen(false)} title="Delete item?" data-mol-id="confirm-delete">
+ *         <EmptyState title="This cannot be undone" />
+ *         <Button color="error" onClick={onConfirm}>Confirm</Button>
+ *       </Modal>
+ *     </>
+ *   )
+ * }
+ * ```
+ *
+ * @remarks
+ * Wiring prerequisites — get these right before debugging anything else:
+ *
+ * - **A ClassMap bond must be set before first render.** Every component resolves styling via
+ *   `getClassMap()` from `@molecule/app-ui`, which THROWS ("No UIClassMap has been set") until
+ *   `setClassMap(...)` runs with a bond like `@molecule/app-ui-tailwind`. Scaffolded apps do
+ *   this in `bonds/index.ts` — keep that import first in `main.tsx`.
+ * - **Some components require molecule providers from `@molecule/app-react`** and throw without
+ *   them: `UserMenu`, `UserMenuPopover`, `LanguagePicker`, `SidebarUserCard`, `AuthGuard`, and
+ *   `ThemeToggle` need `I18nProvider` (via `MoleculeProvider i18n={...}`); `ThemeToggle` also
+ *   needs `ThemeProvider`; `AuthGuard` also needs `AuthProvider`. The primitive components
+ *   (Button, Modal, Input, …) need only the ClassMap.
+ * - **Router-linked components** (`UserMenu`, `UserMenuPopover`, `SidebarUserCard`, `Dropdown`
+ *   item `href`s, `AuthGuard` redirects) render react-router `<Link>`/navigation — they need a
+ *   react-router context (`<BrowserRouter>`) and, in workspace dev setups, the Vite
+ *   `resolve.dedupe: ['react', 'react-dom', 'react-router', 'react-router']` entry; a
+ *   duplicate copy surfaces as "useHref may be used only in the context of a <Router>".
+ * - **`UserMenu` panel content is `children`** (rendered inside the popover, with
+ *   `PanelClose`/`usePanelClose` available) — there is no `renderPanel` prop.
+ * - **`Icon` names are kebab-case `IconName`s from `@molecule/app-icons`** — an unknown name is
+ *   a runtime error, not a blank. Extend via `CustomIconNames` augmentation, never raw SVG.
+ * - **Name collisions with feature packages** — several feature packages export a
+ *   same-named component; import from the package whose props/behavior you want:
+ *   - `EmptyState` — also `@molecule/app-empty-state-react` (adds an icon badge,
+ *     per-brand `className`/`dataMolId`, and a companion `<CtaCard>`). THIS one is the
+ *     primitive icon/title/description/action variant.
+ *   - `PageHeader` — also `@molecule/app-page-chrome-react` (adds `subtitle`, `icon`,
+ *     `meta`, `emphasis` + a `<HeroSection>`). THIS one takes
+ *     `title`/`description`/`actions`/`breadcrumbs`.
+ *   - `Pagination` — the low-level page-window control (no "showing X of Y" text, no
+ *     page-size selector); for those use `<PaginationBar>` from
+ *     `@molecule/app-pagination-bar-react`.
+ *
+ * A11y contracts worth knowing before you debug "it doesn't look like it's
+ * doing anything" on these components:
+ *
+ * - **`Modal`** implements the WAI-ARIA APG dialog pattern: opening moves
+ *   focus to the first focusable element inside the dialog (or the dialog
+ *   itself when it has none); Tab/Shift+Tab are trapped inside; closing
+ *   restores focus to whatever opened it. Stacked dialogs (a confirm above a
+ *   drawer) register on a module-level stack — Escape and the Tab trap only
+ *   act for the TOPMOST dialog, and the body scroll lock is
+ *   reference-counted, so closing one of several open dialogs never unlocks
+ *   scroll behind the ones still open. `centered={false}` top-anchors the
+ *   dialog instead of vertically centering it (an inline-style exception —
+ *   `UIClassMap` has no `dialogWrapper({ centered })` resolver yet).
+ * - **`Dropdown`** implements the WAI-ARIA APG menu-button pattern: the
+ *   `trigger` is made a real, keyboard-operable control (cloned with
+ *   `aria-haspopup`/`aria-expanded`/`aria-controls` when it's a single
+ *   element; wrapped in a `role="button" tabIndex={0}` container otherwise).
+ *   Enter/Space/ArrowDown open the menu and focus the first item (ArrowUp
+ *   opens to the last); once open, ArrowUp/Down/Home/End roving-navigate the
+ *   `menuitem`s, Escape closes and returns focus to the trigger, and Tab
+ *   closes the menu in sync with focus leaving it (native menus don't trap
+ *   Tab). `width="trigger"` never renders literal `width: 'trigger'` CSS on
+ *   the not-yet-measurable first-open frame — it renders unset instead.
+ * - **`Tooltip`** requires a single element as `children` for its content to
+ *   be programmatically associated (`aria-describedby`, injected via
+ *   `cloneElement`) with the actually-focused/hovered control — a non-element
+ *   `children` still shows visually but without that association.
+ *   `hasArrow` renders a small themed pointer at the resolved `placement`.
+ * - **`Toast`** pauses its auto-dismiss countdown on hover AND focus (WCAG
+ *   2.2.1) and resumes with whatever time was left. The announced role
+ *   follows `status`: `warning`/`error` get the assertive `role="alert"`;
+ *   every other status gets the polite `role="status"` so a routine
+ *   confirmation doesn't interrupt a screen reader mid-sentence.
+ * - **`Alert`** takes a `live` prop (default `true`, matching the previous
+ *   unconditional behavior): `live={false}` switches it from the assertive
+ *   `role="alert"` to the polite `role="status"` for a banner that's part of
+ *   the page's normal (not dynamically-appearing) content.
+ * - **`UserMenuPopover*`**: `UserMenuPopoverPanel` is a disclosure region
+ *   (`aria-expanded` + `aria-controls` on the trigger, no role on the panel
+ *   itself), NOT `role="menu"` — it renders a header plus a `<nav>` of
+ *   arbitrary links, which is invalid content for `role="menu"` (that role
+ *   may contain ONLY `menuitem` descendants).
+ * - **`Switch`** dispatches a REAL native `change` Event through its hidden
+ *   checkbox — `event.preventDefault()`, `event.currentTarget`, and
+ *   `event.stopPropagation()` all behave like they do for any native input
+ *   (previously the handler received a synthesized `{ target: { checked } }`
+ *   object that crashed on any of those).
+ * - **`Tabs`** implements the WAI-ARIA APG tabs pattern: roving tabindex
+ *   (only the active tab is in the Tab order) with ArrowLeft/ArrowRight/
+ *   Home/End moving focus and selection.
+ * - **`FormField`** wires `aria-describedby` from its error paragraph onto
+ *   the child input automatically (falling back to a `useId()`-derived id
+ *   when no `name` prop is given) — don't duplicate the association by hand.
+ * - **`Progress`** clamps `aria-valuenow` into `[0, max]` to match the
+ *   clamped visual bar, so out-of-range values never announce impossible
+ *   percentages.
+ * - **`Textarea`** `autoResize` also works uncontrolled (`defaultValue` +
+ *   user typing): it listens to `input` events rather than only reacting to
+ *   the controlled `value` prop.
+ *
+ * @module
+ */
+export * from './components/index.js';
+export * from './types.js';
+export * from './utilities.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8HG;AAEH,cAAc,uBAAuB,CAAA;AACrC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Type re-exports for `@molecule/app-ui-react`.
+ *
+ * @module
+ */
+export type { AccordionItem, AccordionProps, AlertProps, AvatarProps, BadgeProps, BaseProps, ButtonElementProps, ButtonProps, ButtonVariant, CardProps, ChangeEventHandler, CheckboxProps, Children, ColorVariant, ContainerProps, CSSProperties, EventHandler, FlexProps, FocusEventHandler, FormElementProps, FormEventHandler, FormFieldProps, FormProps, GridProps, HTMLElementProps, InputElementProps, InputProps, InputType, KeyboardEventHandler, ModalProps, ModalSize, MouseEventHandler, PaginationProps, RadioGroupProps, RadioOption, SelectElementProps, SelectOption, SelectProps, Size, SkeletonProps, SpacerProps, SpinnerProps, SwitchProps, TabItem, TableColumn, TableProps, TabsProps, TextareaElementProps, TextareaProps, ToastProps, TooltipPlacement, TooltipProps, } from '@molecule/app-ui';
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,YAAY,EAEV,aAAa,EACb,cAAc,EAEd,UAAU,EAEV,WAAW,EAEX,UAAU,EACV,SAAS,EACT,kBAAkB,EAClB,WAAW,EAEX,aAAa,EAEb,SAAS,EACT,kBAAkB,EAElB,aAAa,EACb,QAAQ,EACR,YAAY,EAEZ,cAAc,EAEd,aAAa,EACb,YAAY,EACZ,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EAEd,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,UAAU,EAEV,SAAS,EACT,oBAAoB,EACpB,UAAU,EAEV,SAAS,EACT,iBAAiB,EAEjB,eAAe,EACf,eAAe,EAEf,WAAW,EACX,kBAAkB,EAElB,YAAY,EACZ,WAAW,EACX,IAAI,EAEJ,aAAa,EACb,WAAW,EAEX,YAAY,EAEZ,WAAW,EAEX,OAAO,EAEP,WAAW,EACX,UAAU,EACV,SAAS,EACT,oBAAoB,EAEpB,aAAa,EACb,UAAU,EAEV,gBAAgB,EAChB,YAAY,GACb,MAAM,kBAAkB,CAAA"}

package/dist/types.js

@@ -0,0 +1,7 @@
+/**
+ * Type re-exports for `@molecule/app-ui-react`.
+ *
+ * @module
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

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

package/dist/utilities/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Utility functions for React UI components.
+ *
+ * @module
+ */
+export * from './initials.js';
+export * from './renderIcon.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/utilities/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA"}

package/dist/utilities/index.js

@@ -0,0 +1,8 @@
+/**
+ * Utility functions for React UI components.
+ *
+ * @module
+ */
+export * from './initials.js';
+export * from './renderIcon.js';
+//# sourceMappingURL=index.js.map

package/dist/utilities/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA"}

package/dist/utilities/initials.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Initials derivation for avatar fallbacks.
+ *
+ * @module
+ */
+/**
+ * Compute up-to-two-letter initials from a display name or email.
+ *
+ * @param value - The name or email to derive initials from.
+ * @returns The uppercased initials, or `'?'` when no usable input is given.
+ */
+export declare function getInitials(value: string | null | undefined): string;
+//# sourceMappingURL=initials.d.ts.map

package/dist/utilities/initials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"initials.d.ts","sourceRoot":"","sources":["../../src/utilities/initials.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAQpE"}