@molecule/app-ui-react 1.0.2 → 1.2.0

package/dist/components/ResponsiveAppShell.js

@@ -0,0 +1,470 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * ResponsiveAppShell — the shared responsive app shell: a top bar, a desktop
+ * sidebar (≥768px) and a mobile nav drawer (<768px) around one content region.
+ *
+ * Roughly 89 flagship apps hand-roll this shell in ~15 drifting variants
+ * (inline-style panels, `max-width: 768px` fenceposts, CSS-hidden duplicate
+ * shells, hydration-spinner gates). This family is the fleet standard; it
+ * follows the QA-hardened shape the best templates converged on
+ * (`time-tracking`'s `useIsDesktop`, `blog`'s drawer, `weather-dashboard`'s
+ * one-shell-per-breakpoint doctrine).
+ *
+ * Compose it:
+ *
+ * ```tsx
+ * import { ResponsiveAppShell } from '@molecule/app-ui-react'
+ * import { NavLink, Outlet } from 'react-router'
+ *
+ * const nav = (
+ *   <>
+ *     <NavLink to="/dashboard">Dashboard</NavLink>
+ *     <NavLink to="/projects">Projects</NavLink>
+ *     <NavLink to="/reports">Reports</NavLink>
+ *   </>
+ * )
+ *
+ * export function Shell() {
+ *   return (
+ *     <ResponsiveAppShell>
+ *       <ResponsiveAppShell.TopBar
+ *         brand={<NavLink to="/dashboard">Timetrack</NavLink>}
+ *         actions={<UserMenu />}
+ *       />
+ *       <ResponsiveAppShell.Sidebar>{nav}</ResponsiveAppShell.Sidebar>
+ *       <ResponsiveAppShell.Drawer>{nav}</ResponsiveAppShell.Drawer>
+ *       <ResponsiveAppShell.Content>
+ *         <Outlet />
+ *       </ResponsiveAppShell.Content>
+ *     </ResponsiveAppShell>
+ *   )
+ * }
+ * ```
+ *
+ * @remarks
+ * - **Breakpoint: 768px** — the fleet-wide `md` breakpoint. Exactly ONE shell
+ *   is MOUNTED per breakpoint: `Sidebar` renders only ≥768px, `Drawer` (and
+ *   the menu trigger) only below. This is deliberate — rendering both and
+ *   hiding one with CSS (`hidden md:block` style) leaves duplicate `<main>`/
+ *   `<nav>` landmarks in the accessibility tree, double-mounts route content
+ *   (double fetches, duplicate text matches for e2e locators). CSS-only
+ *   responsive pairs remain available for NON-duplicating surface swaps via
+ *   `hiddenBelow()` / `hiddenFrom()` on the UIClassMap. The `useIsDesktop`
+ *   hook is exported for apps that need the same signal elsewhere: it reads
+ *   `matchMedia` synchronously on first client render (no mounted-then-swap
+ *   flicker in this CSR-only package) and subscribes to `change` events; the
+ *   initializer is guarded (`typeof window`/`matchMedia`) so SSR and
+ *   non-browser harnesses render the mobile shell instead of crashing.
+ * - **a11y contract.** `TopBar` renders the `<header>` landmark and its menu
+ *   trigger carries `aria-label` + `aria-expanded` + `aria-controls` (the
+ *   panel id comes from `useId()`). `Sidebar` renders `<aside>` with a
+ *   `<nav aria-label>` landmark around its children. `Drawer` implements the
+ *   WAI-ARIA APG dialog pattern on mobile: `role="dialog"` + `aria-modal`
+ *   panel, focus moves into the panel on open and returns to the trigger on
+ *   close, Tab/Shift+Tab are trapped inside, Escape and a backdrop click
+ *   close, and body scroll is locked (reference-counted, so a `<Modal>`
+ *   confirm stacked above the drawer never unlocks early). `Content` renders
+ *   the `<main>` landmark. Marking the CURRENT nav item is the CONSUMER's job
+ *   — pass `aria-current="page"` from your nav children (the shell renders
+ *   them pass-through).
+ * - **Behavior.** The drawer auto-closes on SPA navigation (react-router
+ *   location change) so it never sticks over the next page, and when the
+ *   viewport crosses to desktop while it is open. Apps need an
+ *   `I18nProvider` (all visible labels go through `t(key, {}, {
+ *   defaultValue })`) and a react-router context; without the router the
+ *   shell still renders — it just cannot auto-close on navigation.
+ * - **Locators.** Every fixed element carries a `data-mol-id` default,
+ *   overridable per sub-component: `shell-topbar`, `shell-drawer-open`
+ *   (trigger), `shell-sidebar`, `shell-drawer` (panel), `shell-drawer-close`,
+ *   `shell-content`, and `shell-root` on the root `<div>`.
+ * - **ClassMap gaps routed around (Rule 5 inline-style exceptions, each
+ *   commented at the call site).** The UIClassMap `drawer` token is a
+ *   RIGHT-anchored settings-panel shape (`!right-0 … !max-w-sm`) and cannot
+ *   serve a left nav drawer; there is no standalone `overflowY: auto`,
+ *   `z-index`, or `left: 0` token. The shell therefore applies small
+ *   documented inline styles for the drawer/sidebar geometry (pixel width à
+ *   la `@molecule/app-sidebar-layout-react`, `max-width: 85vw`,
+ *   `overflow-y: auto`, stacking `zIndex`) instead of widening UIClassMap —
+ *   a `navDrawer()`-style token belongs in `@molecule/app-ui` + the ClassMap
+ *   bond, both outside this package.
+ * - **Siblings.** `@molecule/app-sidebar-layout-react` `SidebarLayout` is the
+ *   router-coupled DESKTOP-only sidebar (no mobile collapse);
+ *   `@molecule/app-shell-layout-react` `AppShellLayout` is the marketing
+ *   header/footer frame. THIS family is the responsive authenticated shell.
+ *   Do not nest `SidebarLayout` inside it — pick one shell per app.
+ *
+ * @module
+ */
+import { createContext, useContext, useEffect, useId, useRef, useState, } from 'react';
+import { createPortal } from 'react-dom';
+import { useLocation } from 'react-router';
+import { useTranslation } from '@molecule/app-react';
+import { getClassMap } from '@molecule/app-ui';
+import { renderIcon } from '../utilities/renderIcon.js';
+/** The fleet-wide responsive breakpoint, as a `matchMedia` query. */
+const DESKTOP_QUERY = '(min-width: 768px)';
+/**
+ * Whether the viewport is at least 768px wide (the fleet's `md` breakpoint).
+ *
+ * Reads `window.matchMedia` synchronously in the state initializer, so the
+ * FIRST client render is already correct — no mobile-then-desktop swap frame
+ * (this is time-tracking's QA-hardened version; the naive
+ * "state starts false, sync in an effect" variant mounts the wrong shell for
+ * one frame and double-fetches route data on desktop). Subscribes to
+ * `change` events afterwards. Guarded for non-browser environments
+ * (SSR/node): returns `false` (the mobile shell) when no `window.matchMedia`
+ * exists.
+ *
+ * @param query - Override the media query. Defaults to `(min-width: 768px)`.
+ * @returns Whether the desktop shell should mount.
+ */
+export function useIsDesktop(query = DESKTOP_QUERY) {
+    const [isDesktop, setIsDesktop] = useState(() => {
+        if (typeof window === 'undefined' || typeof window.matchMedia !== 'function')
+            return false;
+        return window.matchMedia(query).matches;
+    });
+    useEffect(() => {
+        if (typeof window === 'undefined' || typeof window.matchMedia !== 'function')
+            return undefined;
+        const mq = window.matchMedia(query);
+        const onChange = (e) => setIsDesktop(e.matches);
+        mq.addEventListener('change', onChange);
+        return () => mq.removeEventListener('change', onChange);
+    }, [query]);
+    return isDesktop;
+}
+/** Pixel widths for the {@link ShellSidebarWidth} presets. */
+const SIDEBAR_WIDTH_PX = {
+    sm: 208,
+    md: 240,
+    lg: 256,
+};
+/**
+ * Resolves the effective sidebar/drawer pixel width.
+ * @param width - The width preset or explicit pixel number.
+ * @returns The width in pixels (defaults to `md`, 240px).
+ */
+function resolveWidthPx(width) {
+    if (typeof width === 'number')
+        return width;
+    if (width)
+        return SIDEBAR_WIDTH_PX[width];
+    return SIDEBAR_WIDTH_PX.md;
+}
+// ---------------------------------------------------------------------------
+// Reference-counted body scroll lock — the same approach Modal uses (its
+// counter is module-private there). A drawer and a <Modal> confirm stacked
+// above it can BOTH lock scroll; without a shared counter shape, closing
+// either one would unlock scroll behind the other.
+// ---------------------------------------------------------------------------
+let scrollLockCount = 0;
+let previousBodyOverflow = '';
+/** Locks body scroll on the first caller; later callers just increment the count. */
+function lockBodyScroll() {
+    if (scrollLockCount === 0) {
+        previousBodyOverflow = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
+    }
+    scrollLockCount += 1;
+}
+/** Decrements the lock count; restores the ORIGINAL overflow only once it reaches zero. */
+function unlockBodyScroll() {
+    scrollLockCount = Math.max(0, scrollLockCount - 1);
+    if (scrollLockCount === 0) {
+        document.body.style.overflow = previousBodyOverflow;
+    }
+}
+/** Elements the WAI-ARIA APG dialog pattern treats as tab-stops for the focus trap. */
+const FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
+/**
+ * Returns the tab-stop elements inside a container, in DOM (tab) order.
+ * @param container - The element to search within.
+ * @returns The focusable descendants, in document order.
+ */
+function getFocusableElements(container) {
+    return Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR));
+}
+const ShellContext = createContext(null);
+/**
+ * Returns the nearest shell context, throwing if not inside a `ResponsiveAppShell`.
+ * @param component - The calling sub-component's name, for the error message.
+ * @returns The shell context value.
+ */
+function useShellContext(component) {
+    const ctx = useContext(ShellContext);
+    if (!ctx) {
+        throw new Error(`<${component}> must be rendered inside <ResponsiveAppShell>`);
+    }
+    return ctx;
+}
+/**
+ * Root of the responsive app shell. Owns the breakpoint signal and the
+ * drawer open state, closes the drawer on SPA navigation and on
+ * desktop-crossing resizes, and provides both to the sub-components via
+ * context.
+ *
+ * Render the four sub-components inside it — see the module example for the
+ * canonical composition.
+ *
+ * @param props - The shell sub-components, sidebar width, and className.
+ * @returns The flex-row shell root.
+ */
+function ResponsiveAppShellBase({ children, sidebarWidth, className, dataMolId = 'shell-root', }) {
+    const cm = getClassMap();
+    const isDesktop = useIsDesktop();
+    const location = useLocation();
+    const [drawerOpen, setDrawerOpen] = useState(false);
+    const [hasDrawer, setHasDrawer] = useState(false);
+    const drawerId = useId();
+    // Close the drawer whenever the route changes — without it the drawer
+    // stays mounted over the next page and blocks clicks underneath (the
+    // fleet templates all carry this; it belongs in the shell).
+    useEffect(() => {
+        setDrawerOpen(false);
+    }, [location.pathname, location.search]);
+    // A resize crossing to desktop unmounts the drawer panel; dropping the
+    // logical open state too means resizing back to mobile doesn't surface a
+    // drawer the user closed (or never opened on this breakpoint).
+    useEffect(() => {
+        if (isDesktop)
+            setDrawerOpen(false);
+    }, [isDesktop]);
+    const openDrawer = () => setDrawerOpen(true);
+    const closeDrawer = () => setDrawerOpen(false);
+    return (_jsx("div", { className: cm.cn(
+        // Root flex ROW — the sidebar sits beside the content column (the
+        // dashboard-shell-layout rule: never position main next to a flow
+        // sidebar with margin-left alone).
+        cm.flex({}), 
+        // Page canvas colors + min-height. The shell owns the page
+        // background so pages render on-theme without their own wrapper.
+        cm.page, cm.minH('screen'), className), 
+        // Row on desktop (sidebar beside content), COLUMN below 768px (the
+        // top bar must stack ABOVE the content at mobile widths — a bare
+        // flex-row squeezed the TopBar into a side column and collapsed
+        // `<main>` to zero width; found by the first eight adopting apps).
+        // Inline because it is breakpoint-owned by the shell; consumer
+        // className still applies on top for width/overflow concerns.
+        style: { flexDirection: isDesktop ? 'row' : 'column' }, "data-mol-id": dataMolId, children: _jsx(ShellContext.Provider, { value: {
+                isDesktop,
+                sidebarWidthPx: resolveWidthPx(sidebarWidth),
+                drawerOpen,
+                openDrawer,
+                closeDrawer,
+                drawerId,
+                hasDrawer,
+                registerDrawer: setHasDrawer,
+            }, children: children }) }));
+}
+/**
+ * The shell's `<header>` landmark: menu trigger (mobile, when a Drawer is
+ * composed), brand, and trailing actions.
+ *
+ * Sticks to the top of the viewport by default. The menu trigger renders
+ * only while a `ResponsiveAppShell.Drawer` is part of the composition AND
+ * the viewport is below the breakpoint.
+ *
+ * @param props - Brand/actions slots, `mobileOnly`, and class/id overrides.
+ * @returns The header landmark, or `null` when `mobileOnly` is set on desktop.
+ */
+export function ResponsiveAppShellTopBar({ brand, actions, mobileOnly = false, className, dataMolId = 'shell-topbar', testId, }) {
+    const cm = getClassMap();
+    const { t } = useTranslation();
+    const shell = useShellContext('ResponsiveAppShell.TopBar');
+    if (mobileOnly && shell.isDesktop)
+        return null;
+    const triggerLabel = t('appShell.openMenu', {}, { defaultValue: 'Open navigation menu' });
+    return (_jsxs("header", { className: cm.cn(cm.flex({ align: 'center', justify: 'between', gap: 'sm' }), cm.sp('px', 4), cm.h(14), cm.surface, cm.borderB, 
+        // Sticky so the bar stays put while the page scrolls under it.
+        cm.position('sticky'), className), 
+        // Inline exceptions (Rule 5, documented): there is no sticky-offset or
+        // standalone z-index token in the ClassMap. The value stays BELOW the
+        // drawer's overlay (z-40) so the open drawer always covers the bar.
+        style: { top: 0, zIndex: 20 }, "data-mol-id": dataMolId, "data-testid": testId, children: [_jsxs("div", { className: cm.cn(cm.flex({ align: 'center', gap: 'sm' })), style: { minWidth: 0 }, children: [shell.hasDrawer && !shell.isDesktop ? (_jsx("button", { type: "button", onClick: shell.openDrawer, "aria-label": triggerLabel, "aria-expanded": shell.drawerOpen, "aria-controls": shell.drawerId, "data-mol-id": "shell-drawer-open", className: cm.cn(cm.flex({ align: 'center', justify: 'center' }), cm.shrink0, cm.roundedFull, cm.cursorPointer), 
+                        // 44px — the fleet's minimum tap target. Inline (Rule 5): the
+                        // Tailwind bond never generates `.h-11` (no token scans to it)
+                        // and `.w-11` only appears via an unrelated token, so class-based
+                        // sizing here rendered a ~20px trigger (found by flashcard-app's
+                        // adoption pass).
+                        style: { width: 44, height: 44 }, children: renderIcon('menu', cm.iconMd) })) : null, brand ? _jsx("div", { style: { minWidth: 0 }, children: brand }) : null] }), actions ? (_jsx("div", { className: cm.cn(cm.flex({ align: 'center', gap: 'sm' }), cm.shrink0), children: actions })) : null] }));
+}
+/**
+ * The desktop sidebar (`<aside>` + `<nav>` landmarks). Renders NOTHING below
+ * 768px — the {@link ResponsiveAppShellDrawer} carries the nav there.
+ *
+ * Full viewport height, sticky at the top edge, scrolls internally when its
+ * content outgrows the viewport.
+ *
+ * @param props - Nav children, nav label, footer slot, class/id overrides.
+ * @returns The sidebar landmarks, or `null` below the breakpoint.
+ */
+export function ResponsiveAppShellSidebar({ children, navLabel, footer, className, dataMolId = 'shell-sidebar', testId, }) {
+    const cm = getClassMap();
+    const { t } = useTranslation();
+    const { isDesktop, sidebarWidthPx } = useShellContext('ResponsiveAppShell.Sidebar');
+    if (!isDesktop)
+        return null;
+    const resolvedNavLabel = navLabel ?? t('appShell.primaryNav', {}, { defaultValue: 'Primary navigation' });
+    return (_jsxs("aside", { className: cm.cn(cm.flex({ direction: 'col' }), cm.shrink0, cm.surface, cm.borderR, cm.h('screen'), 
+        // Sticky keeps the rail in view if a consumer overrides its height
+        // below full-screen via className.
+        cm.position('sticky'), className), 
+        // Inline exceptions (Rule 5, documented): a specific pixel width and
+        // `overflow-y: auto` have no ClassMap tokens — the same documented
+        // case `@molecule/app-sidebar-layout-react` routes around.
+        style: { top: 0, width: sidebarWidthPx, overflowY: 'auto' }, "data-mol-id": dataMolId, "data-testid": testId, children: [_jsx("nav", { "aria-label": resolvedNavLabel, className: cm.cn(cm.flex1, cm.stack(1)), children: children }), footer ? (_jsx("div", { className: cm.cn(cm.flex({ direction: 'col', gap: 'sm' }), cm.borderT, cm.sp('p', 3), cm.shrink0), children: footer })) : null] }));
+}
+/**
+ * The mobile nav drawer (<768px): a left-anchored dialog panel over a
+ * backdrop, opened by the menu trigger the TopBar renders.
+ *
+ * Implements the WAI-ARIA APG dialog pattern — focus moves into the panel on
+ * open and returns to the previously focused element (the trigger) on close,
+ * Tab is trapped inside, Escape and backdrop clicks close, body scroll locks
+ * (reference-counted with any stacked `<Modal>`), and the shell closes it on
+ * SPA navigation. Renders nothing on desktop or while closed.
+ *
+ * @param props - Nav children, header/nav-label/footer slots, close-button
+ * and class/id overrides.
+ * @returns The drawer portal while open on mobile, otherwise `null`.
+ */
+export function ResponsiveAppShellDrawer({ children, header, navLabel, footer, showCloseButton = true, className, dataMolId = 'shell-drawer', closeDataMolId = 'shell-drawer-close', testId, }) {
+    const cm = getClassMap();
+    const { t } = useTranslation();
+    const { isDesktop, sidebarWidthPx, drawerOpen, closeDrawer, drawerId, registerDrawer } = useShellContext('ResponsiveAppShell.Drawer');
+    // Register presence so the TopBar knows a trigger is meaningful. Mounted
+    // once per composition; the root's `hasDrawer` flips right after the first
+    // commit.
+    useEffect(() => {
+        registerDrawer(true);
+        return () => registerDrawer(false);
+    }, [registerDrawer]);
+    const resolvedNavLabel = navLabel ?? t('appShell.primaryNav', {}, { defaultValue: 'Primary navigation' });
+    const panelRef = useRef(null);
+    const previouslyFocusedRef = useRef(null);
+    const open = drawerOpen && !isDesktop;
+    // Effect A — dialog focus management (Modal's approach): on open, capture
+    // the previously focused element and move focus into the panel; on close,
+    // restore it. Narrow deps — must run once per open/close transition, not
+    // on every parent re-render.
+    useEffect(() => {
+        if (!open)
+            return undefined;
+        previouslyFocusedRef.current = document.activeElement;
+        const panelEl = panelRef.current;
+        if (panelEl) {
+            const focusables = getFocusableElements(panelEl);
+            (focusables[0] ?? panelEl).focus();
+        }
+        return () => {
+            const toRestore = previouslyFocusedRef.current;
+            if (toRestore && document.contains(toRestore)) {
+                toRestore.focus();
+            }
+        };
+    }, [open]);
+    // Effect B — body scroll lock, reference-counted so a stacked <Modal>
+    // never loses its lock when the drawer closes first.
+    useEffect(() => {
+        if (!open)
+            return undefined;
+        lockBodyScroll();
+        return () => unlockBodyScroll();
+    }, [open]);
+    // Effect C — Escape closes; Tab is trapped inside the panel.
+    useEffect(() => {
+        if (!open)
+            return undefined;
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                closeDrawer();
+                return;
+            }
+            if (e.key !== 'Tab')
+                return;
+            const el = panelRef.current;
+            if (!el)
+                return;
+            const focusables = getFocusableElements(el);
+            if (focusables.length === 0) {
+                e.preventDefault();
+                el.focus();
+                return;
+            }
+            const first = focusables[0];
+            const last = focusables[focusables.length - 1];
+            const active = document.activeElement;
+            if (e.shiftKey) {
+                if (active === first || !el.contains(active)) {
+                    e.preventDefault();
+                    last.focus();
+                }
+            }
+            else if (active === last || !el.contains(active)) {
+                e.preventDefault();
+                first.focus();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [open, closeDrawer]);
+    if (!open || typeof document === 'undefined')
+        return null;
+    const closeLabel = t('appShell.closeMenu', {}, { defaultValue: 'Close navigation menu' });
+    const drawer = (_jsxs(_Fragment, { children: [_jsx("div", { className: cm.overlay, "aria-hidden": "true" }), _jsx("div", { className: cm.cn(cm.position('fixed'), cm.inset0), 
+                // The WRAPPER carries the z-index: a positioned element with
+                // z-index:auto forms its own stacking context, which would trap
+                // the panel's z-index inside it and let the z-40 backdrop paint
+                // ABOVE the whole drawer — every tap hit the inert backdrop
+                // (click-dead drawer; found by the first eight adopting apps).
+                // 41 keeps the wrapper (and everything in it) above the backdrop.
+                style: { zIndex: 41 }, onClick: (e) => {
+                    if (e.target === e.currentTarget)
+                        closeDrawer();
+                }, children: _jsxs("div", { ref: panelRef, id: drawerId, role: "dialog", "aria-modal": "true", "aria-label": resolvedNavLabel, tabIndex: -1, className: cm.cn(cm.flex({ direction: 'col' }), cm.surface, className), 
+                    // Inline exceptions (Rule 5, documented): the ClassMap `drawer`
+                    // token is a RIGHT-anchored settings panel (`!right-0 !left-auto
+                    // !max-w-sm`) and cannot serve a LEFT nav drawer; there are no
+                    // `left: 0`, max-width-vw or standalone `overflow-y: auto`
+                    // tokens. Geometry mirrors the fleet drawers (full-height left
+                    // panel, never wider than 85vw). Stacking lives on the wrapper
+                    // above — see its comment.
+                    style: {
+                        width: sidebarWidthPx,
+                        maxWidth: '85vw',
+                        overflowY: 'auto',
+                    }, onClick: (e) => e.stopPropagation(), "data-mol-id": dataMolId, "data-testid": testId, children: [(header || showCloseButton) && (_jsxs("div", { className: cm.cn(cm.flex({ align: 'center', justify: 'between', gap: 'sm' }), cm.sp('p', 3), cm.shrink0), children: [header ? _jsx("div", { style: { minWidth: 0 }, children: header }) : _jsx("span", { "aria-hidden": "true" }), showCloseButton ? (_jsx("button", { type: "button", onClick: closeDrawer, "aria-label": closeLabel, "data-mol-id": closeDataMolId, className: cm.cn(cm.flex({ align: 'center', justify: 'center' }), cm.w(10), cm.h(10), cm.shrink0, cm.roundedFull, cm.cursorPointer, cm.textMuted), children: renderIcon('x-mark', cm.iconMd) })) : null] })), _jsx("nav", { "aria-label": resolvedNavLabel, className: cm.cn(cm.flex1, cm.stack(1)), children: children }), footer ? (_jsx("div", { className: cm.cn(cm.flex({ direction: 'col', gap: 'sm' }), cm.borderT, cm.sp('p', 3), cm.shrink0), children: footer })) : null] }) })] }));
+    return createPortal(drawer, document.body);
+}
+/**
+ * The shell's `<main>` landmark. Grows to fill the row and may shrink below
+ * its content width, so page-level `overflow-x` strips scroll inside the
+ * page instead of widening the whole shell.
+ *
+ * @param props - The page content and class/id overrides.
+ * @returns The main landmark.
+ */
+export function ResponsiveAppShellContent({ children, className, style, dataMolId = 'shell-content', testId, }) {
+    const cm = getClassMap();
+    return (_jsx("main", { className: cm.cn(cm.flex1, className), style: { minWidth: 0, ...style }, "data-mol-id": dataMolId, "data-testid": testId, children: children }));
+}
+/**
+ * The responsive app shell family — see the {@link ResponsiveAppShellBase |
+ * root component} and the module docs for the full contract.
+ *
+ * Consumed as `<ResponsiveAppShell.TopBar />`, `.Sidebar`, `.Drawer` and
+ * `.Content` inside `<ResponsiveAppShell>`; each is also exported as a named
+ * component (`ResponsiveAppShellTopBar`, …) for star-import consumers.
+ */
+export const ResponsiveAppShell = Object.assign(ResponsiveAppShellBase, {
+    /** The `<header>` landmark — brand + actions + the drawer menu trigger. */
+    TopBar: ResponsiveAppShellTopBar,
+    /** The desktop `<aside>`/`<nav>` landmarks (≥768px only). */
+    Sidebar: ResponsiveAppShellSidebar,
+    /** The mobile dialog drawer (<768px only). */
+    Drawer: ResponsiveAppShellDrawer,
+    /** The `<main>` landmark. */
+    Content: ResponsiveAppShellContent,
+});
+//# sourceMappingURL=ResponsiveAppShell.js.map

package/dist/components/ResponsiveAppShell.js.map

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

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

@@ -1 +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"}
+{"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,CA0C7B"}

package/dist/components/UserMenu.js

@@ -29,6 +29,10 @@ export function UserMenu({ children, ariaLabelKey = 'userMenu.open', ariaLabelDe
     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 }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: onClick ?? (() => setOpen(true)), "aria-label": t(ariaLabelKey, {}, { defaultValue: ariaLabelDefault }), "data-mol-id": dataMolId, 
+                // 40x40 trigger floor: the icon-only `size="sm"` button measured
+                // 42x26px fleet-wide (flagged as a tiny target in every app QA).
+                // Apps can still widen via `className`; the floor is the default.
+                className: cm.cn('min-h-10 min-w-10', 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

@@ -1 +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"}
+{"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;gBACtB,iEAAiE;gBACjE,iEAAiE;gBACjE,kEAAkE;gBAClE,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,EAChD,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/index.d.ts

@@ -11,6 +11,8 @@ export * from './Badge.js';
 export * from './Button.js';
 export * from './Card.js';
 export * from './Checkbox.js';
+export * from './ConfirmButton.js';
+export * from './ConfirmDialog.js';
 export * from './Dropdown.js';
 export * from './EmptyState.js';
 export * from './FloatingInput.js';
@@ -19,13 +21,16 @@ export * from './Icon.js';
 export * from './Input.js';
 export * from './LanguagePicker.js';
 export * from './Layout.js';
+export * from './LoadErrorBanner.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 './PromptDialog.js';
 export * from './RadioGroup.js';
+export * from './ResponsiveAppShell.js';
 export * from './Select.js';
 export * from './Separator.js';
 export * from './SidebarUserCard.js';

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

@@ -1 +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"}
+{"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,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,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,sBAAsB,CAAA;AACpC,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,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,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

@@ -11,6 +11,8 @@ export * from './Badge.js';
 export * from './Button.js';
 export * from './Card.js';
 export * from './Checkbox.js';
+export * from './ConfirmButton.js';
+export * from './ConfirmDialog.js';
 export * from './Dropdown.js';
 export * from './EmptyState.js';
 export * from './FloatingInput.js';
@@ -19,13 +21,16 @@ export * from './Icon.js';
 export * from './Input.js';
 export * from './LanguagePicker.js';
 export * from './Layout.js';
+export * from './LoadErrorBanner.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 './PromptDialog.js';
 export * from './RadioGroup.js';
+export * from './ResponsiveAppShell.js';
 export * from './Select.js';
 export * from './Separator.js';
 export * from './SidebarUserCard.js';

package/dist/components/index.js.map

@@ -1 +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"}
+{"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,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,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,sBAAsB,CAAA;AACpC,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,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@molecule/app-ui-react",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "description": "React UI components for molecule.dev",
   "type": "module",
   "main": "dist/index.js",
@@ -43,7 +43,7 @@
   "devDependencies": {
     "@molecule/app-i18n": "1.0.2",
     "@molecule/app-icons": "1.0.2",
-    "@molecule/app-react": "1.5.1",
+    "@molecule/app-react": "1.6.0",
     "@testing-library/react": "16.3.2",
     "@types/node": "26.1.2",
     "@types/react": "19.2.17",