@cratis/scene.primereact 1.1.0 → 3.0.0

package/dist/esm/menu/MenuGallery.stories.js

@@ -7,7 +7,11 @@ const meta = {
     tags: ['autodocs'],
     parameters: {
         layout: 'padded',
-        docs: { description: { component: 'The menu family. All ten read the same nested item model, so one authored menu can be shown as a menubar, a tiered menu or a dock without being restructured.' } },
+        docs: {
+            description: {
+                component: 'The menu family. All ten read the same nested item model, so one authored menu can be shown as a menubar, a tiered menu or a dock without being restructured. Only `menu`, `breadcrumb` and `contextMenu` are still PrimeReact underneath - PrimeReact 11 removed the other seven, and this gallery is where the Cratis-owned replacements are checked to still look and behave like the family they belong to.',
+            },
+        },
     },
 };
 export default meta;
@@ -18,12 +22,12 @@ export const Gallery = {
             sceneComponent('menubar', 'menubar', { items: [{ label: 'File', items: ['New', 'Open'] }, { label: 'Edit', items: ['Undo'] }] }),
             sceneComponent('breadcrumb', 'breadcrumb', { items: ['Projects', 'Acme', 'Settings'] }),
             sceneComponent('tabMenu', 'tabMenu', { items: [{ label: 'Overview', icon: 'pi pi-home' }, { label: 'Activity', icon: 'pi pi-list' }] }),
-            sceneComponent('steps', 'steps', { items: ['Account', 'Payment', 'Confirm'] }),
+            sceneComponent('steps', 'steps', { items: ['Account', 'Payment', 'Confirm'], activeIndex: 1 }),
             sceneComponent('tieredMenu', 'tieredMenu', { items: [{ label: 'File', items: [{ label: 'Export', items: ['PDF', 'CSV'] }] }] }),
             sceneComponent('panelMenu', 'panelMenu', { items: [{ label: 'Reports', items: ['Monthly', 'Annual'] }] }),
             sceneComponent('contextMenu', 'contextMenu', { label: 'Right-click this text', items: ['Copy', 'Paste'] }),
             sceneComponent('megaMenu', 'megaMenu', {
-                items: [{ label: 'Catalog', items: [[{ label: 'Hardware', items: ['Laptops', 'Phones'] }]] }],
+                items: [{ label: 'Catalog', items: [{ label: 'Hardware', items: ['Laptops', 'Phones'] }, { label: 'Software', items: ['Licenses'] }] }],
             }),
             sceneComponent('dock', 'dock', { items: [{ label: 'Home', icon: 'pi pi-home' }, { label: 'Search', icon: 'pi pi-search' }] }),
         ]),
@@ -31,4 +35,22 @@ export const Gallery = {
         resolveBinding: () => undefined,
     },
 };
+export const Unconfigured = {
+    args: {
+        element: sceneGallery('unconfigured', [
+            sceneComponent('menu', 'menu'),
+            sceneComponent('menubar', 'menubar'),
+            sceneComponent('breadcrumb', 'breadcrumb'),
+            sceneComponent('tabMenu', 'tabMenu'),
+            sceneComponent('steps', 'steps'),
+            sceneComponent('tieredMenu', 'tieredMenu'),
+            sceneComponent('panelMenu', 'panelMenu'),
+            sceneComponent('contextMenu', 'contextMenu'),
+            sceneComponent('megaMenu', 'megaMenu'),
+            sceneComponent('dock', 'dock'),
+        ]),
+        registry: primeReactComponents,
+        resolveBinding: () => undefined,
+    },
+};
 //# sourceMappingURL=MenuGallery.stories.js.map

package/dist/esm/menu/MenuGallery.stories.js.map

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

package/dist/esm/menu/MenuItemAction.d.ts

@@ -0,0 +1,12 @@
+import { AriaRole, CSSProperties } from 'react';
+import { MenuItem } from '../MenuItem';
+export interface MenuItemActionProps {
+    item: MenuItem;
+    role?: AriaRole;
+    current?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    onActivate?: () => void;
+}
+export declare function MenuItemAction({ item, role, current, className, style, onActivate }: MenuItemActionProps): import("react").JSX.Element;
+//# sourceMappingURL=MenuItemAction.d.ts.map

package/dist/esm/menu/MenuItemAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemAction.d.ts","sourceRoot":"","sources":["../../../menu/MenuItemAction.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAMvC,MAAM,WAAW,mBAAmB;IAIhC,IAAI,EAAE,QAAQ,CAAC;IAMf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAKhB,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAOnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAKtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAgBD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,mBAAmB,+BAgCxG"}

package/dist/esm/menu/MenuItemAction.js

@@ -0,0 +1,52 @@
+import { jsx } from 'react/jsx-runtime';
+import { MenuItemContent } from './MenuItemContent.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * One selectable menu entry, rendered as a link when it navigates and as a button when it commands.
+ *
+ * The distinction is not cosmetic and it is the reason this is shared rather than repeated. An entry
+ * carrying a `url` is navigation: it belongs in an anchor so it can be opened in a new tab, copied,
+ * followed by a screen reader's link list and reached the way every other link on the page is. An entry
+ * carrying a `command` changes something on the current screen, which is what a button is for. Getting
+ * that wrong is invisible to a sighted mouse user and immediately wrong for everyone else, so the five
+ * Cratis-owned menus that need a selectable entry all defer the choice to here.
+ *
+ * A disabled entry is always a button, even when it has a `url`, because there is no way to disable an
+ * anchor - `aria-disabled` still leaves it clickable and focusable. Rendering the button lets the
+ * platform's own disabled semantics do the work.
+ */ function MenuItemAction({ item, role, current, className, style, onActivate }) {
+    const activate = ()=>{
+        item.command?.();
+        onActivate?.();
+    };
+    if (item.url !== undefined && item.disabled !== true) {
+        return /*#__PURE__*/ jsx("a", {
+            href: item.url,
+            role: role,
+            className: className,
+            style: style,
+            "aria-current": current === true ? 'page' : undefined,
+            onClick: activate,
+            children: /*#__PURE__*/ jsx(MenuItemContent, {
+                item: item
+            })
+        });
+    }
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        role: role,
+        className: className,
+        style: style,
+        disabled: item.disabled,
+        "aria-current": current === true ? 'page' : undefined,
+        onClick: activate,
+        children: /*#__PURE__*/ jsx(MenuItemContent, {
+            item: item
+        })
+    });
+}
+
+export { MenuItemAction };
+//# sourceMappingURL=MenuItemAction.js.map

package/dist/esm/menu/MenuItemAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemAction.js","sources":["../../../menu/MenuItemAction.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { AriaRole, CSSProperties } from 'react';\nimport { MenuItem } from '../MenuItem';\nimport { MenuItemContent } from './MenuItemContent';\n\n/**\n * The configuration {@link MenuItemAction} takes.\n */\nexport interface MenuItemActionProps {\n    /**\n     * The entry to make selectable.\n     */\n    item: MenuItem;\n\n    /**\n     * The ARIA role the entry plays inside its container - `menuitem` inside a menu, left unset inside a\n     * plain navigation bar where the surrounding markup already says what the entry is.\n     */\n    role?: AriaRole;\n\n    /**\n     * Whether this entry is the one the user is currently on, which is announced as `aria-current`.\n     */\n    current?: boolean;\n\n    /**\n     * Classes for the entry, so each menu can keep its own layout while sharing this behavior.\n     */\n    className?: string;\n\n    /**\n     * Inline styling for the entry. This package ships no component stylesheets - a `.css` import would\n     * not survive the `tsc` build - so chrome that cannot be expressed with the shared utility classes is\n     * written here.\n     */\n    style?: CSSProperties;\n\n    /**\n     * Invoked after the entry's own `command`, so a menu can close itself or record a selection.\n     */\n    onActivate?: () => void;\n}\n\n/**\n * One selectable menu entry, rendered as a link when it navigates and as a button when it commands.\n *\n * The distinction is not cosmetic and it is the reason this is shared rather than repeated. An entry\n * carrying a `url` is navigation: it belongs in an anchor so it can be opened in a new tab, copied,\n * followed by a screen reader's link list and reached the way every other link on the page is. An entry\n * carrying a `command` changes something on the current screen, which is what a button is for. Getting\n * that wrong is invisible to a sighted mouse user and immediately wrong for everyone else, so the five\n * Cratis-owned menus that need a selectable entry all defer the choice to here.\n *\n * A disabled entry is always a button, even when it has a `url`, because there is no way to disable an\n * anchor - `aria-disabled` still leaves it clickable and focusable. Rendering the button lets the\n * platform's own disabled semantics do the work.\n */\nexport function MenuItemAction({ item, role, current, className, style, onActivate }: MenuItemActionProps) {\n    const activate = () => {\n        item.command?.();\n        onActivate?.();\n    };\n\n    if (item.url !== undefined && item.disabled !== true) {\n        return (\n            <a\n                href={item.url}\n                role={role}\n                className={className}\n                style={style}\n                aria-current={current === true ? 'page' : undefined}\n                onClick={activate}>\n                <MenuItemContent item={item} />\n            </a>\n        );\n    }\n\n    return (\n        <button\n            type='button'\n            role={role}\n            className={className}\n            style={style}\n            disabled={item.disabled}\n            aria-current={current === true ? 'page' : undefined}\n            onClick={activate}>\n            <MenuItemContent item={item} />\n        </button>\n    );\n}\n"],"names":["MenuItemAction","item","role","current","className","style","onActivate","activate","command","url","undefined","disabled","_jsx","a","href","aria-current","onClick","MenuItemContent","button","type"],"mappings":";;;AAAA;AACA;AA4CA;;;;;;;;;;;;;AAaC,IACM,SAASA,cAAAA,CAAe,EAAEC,IAAI,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,EAAuB,EAAA;AACrG,IAAA,MAAMC,QAAAA,GAAW,IAAA;AACbN,QAAAA,IAAAA,CAAKO,OAAO,IAAA;AACZF,QAAAA,UAAAA,IAAAA;AACJ,IAAA,CAAA;AAEA,IAAA,IAAIL,KAAKQ,GAAG,KAAKC,aAAaT,IAAAA,CAAKU,QAAQ,KAAK,IAAA,EAAM;AAClD,QAAA,qBACIC,GAAA,CAACC,GAAAA,EAAAA;AACGC,YAAAA,IAAAA,EAAMb,KAAKQ,GAAG;YACdP,IAAAA,EAAMA,IAAAA;YACNE,SAAAA,EAAWA,SAAAA;YACXC,KAAAA,EAAOA,KAAAA;YACPU,cAAAA,EAAcZ,OAAAA,KAAY,OAAO,MAAA,GAASO,SAAAA;YAC1CM,OAAAA,EAAST,QAAAA;AACT,YAAA,QAAA,gBAAAK,GAAA,CAACK,eAAAA,EAAAA;gBAAgBhB,IAAAA,EAAMA;;;AAGnC,IAAA;AAEA,IAAA,qBACIW,GAAA,CAACM,QAAAA,EAAAA;QACGC,IAAAA,EAAK,QAAA;QACLjB,IAAAA,EAAMA,IAAAA;QACNE,SAAAA,EAAWA,SAAAA;QACXC,KAAAA,EAAOA,KAAAA;AACPM,QAAAA,QAAAA,EAAUV,KAAKU,QAAQ;QACvBI,cAAAA,EAAcZ,OAAAA,KAAY,OAAO,MAAA,GAASO,SAAAA;QAC1CM,OAAAA,EAAST,QAAAA;AACT,QAAA,QAAA,gBAAAK,GAAA,CAACK,eAAAA,EAAAA;YAAgBhB,IAAAA,EAAMA;;;AAGnC;;;;"}

package/dist/esm/menu/MenuItemContent.d.ts

@@ -0,0 +1,6 @@
+import { MenuItem } from '../MenuItem';
+export interface MenuItemContentProps {
+    item: MenuItem;
+}
+export declare function MenuItemContent({ item }: MenuItemContentProps): import("react").JSX.Element;
+//# sourceMappingURL=MenuItemContent.d.ts.map

package/dist/esm/menu/MenuItemContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemContent.d.ts","sourceRoot":"","sources":["../../../menu/MenuItemContent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAKvC,MAAM,WAAW,oBAAoB;IAIjC,IAAI,EAAE,QAAQ,CAAC;CAClB;AAeD,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,oBAAoB,+BAO7D"}

package/dist/esm/menu/MenuItemContent.js

@@ -0,0 +1,32 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The inside of one menu entry - its icon and its label - without the element that makes it selectable.
+ *
+ * Seven of the components in this folder are Cratis-owned replacements for menus PrimeReact 11 removed,
+ * and each of them wraps an entry in a different element: a menubar puts it in a button, a tiered menu in
+ * a list row, a dock in an icon-only control. What never differs is the inside, so it is written once
+ * here instead of seven times, where six copies would eventually drift apart.
+ *
+ * Sharing it also settles one accessibility decision in a single place rather than repeatedly: the label
+ * already carries the meaning, so the icon beside it is decoration and is hidden from assistive
+ * technology. Left to each component, that is exactly the kind of detail one of them would quietly get
+ * wrong.
+ */ function MenuItemContent({ item }) {
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            item.icon !== undefined && /*#__PURE__*/ jsx("i", {
+                className: item.icon,
+                "aria-hidden": "true"
+            }),
+            item.label !== undefined && /*#__PURE__*/ jsx("span", {
+                children: item.label
+            })
+        ]
+    });
+}
+
+export { MenuItemContent };
+//# sourceMappingURL=MenuItemContent.js.map

package/dist/esm/menu/MenuItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemContent.js","sources":["../../../menu/MenuItemContent.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { MenuItem } from '../MenuItem';\n\n/**\n * The configuration {@link MenuItemContent} takes.\n */\nexport interface MenuItemContentProps {\n    /**\n     * The entry whose icon and label to show.\n     */\n    item: MenuItem;\n}\n\n/**\n * The inside of one menu entry - its icon and its label - without the element that makes it selectable.\n *\n * Seven of the components in this folder are Cratis-owned replacements for menus PrimeReact 11 removed,\n * and each of them wraps an entry in a different element: a menubar puts it in a button, a tiered menu in\n * a list row, a dock in an icon-only control. What never differs is the inside, so it is written once\n * here instead of seven times, where six copies would eventually drift apart.\n *\n * Sharing it also settles one accessibility decision in a single place rather than repeatedly: the label\n * already carries the meaning, so the icon beside it is decoration and is hidden from assistive\n * technology. Left to each component, that is exactly the kind of detail one of them would quietly get\n * wrong.\n */\nexport function MenuItemContent({ item }: MenuItemContentProps) {\n    return (\n        <>\n            {item.icon !== undefined && <i className={item.icon} aria-hidden='true' />}\n            {item.label !== undefined && <span>{item.label}</span>}\n        </>\n    );\n}\n"],"names":["MenuItemContent","item","_jsxs","_Fragment","icon","undefined","_jsx","i","className","aria-hidden","label","span"],"mappings":";;AAAA;AACA;AAcA;;;;;;;;;;;;AAYC,IACM,SAASA,eAAAA,CAAgB,EAAEC,IAAI,EAAwB,EAAA;IAC1D,qBACIC,IAAA,CAAAC,QAAA,EAAA;;YACKF,IAAAA,CAAKG,IAAI,KAAKC,SAAAA,kBAAaC,GAAA,CAACC,GAAAA,EAAAA;AAAEC,gBAAAA,SAAAA,EAAWP,KAAKG,IAAI;gBAAEK,aAAAA,EAAY;;YAChER,IAAAA,CAAKS,KAAK,KAAKL,SAAAA,kBAAaC,GAAA,CAACK,MAAAA,EAAAA;AAAMV,gBAAAA,QAAAA,EAAAA,IAAAA,CAAKS;;;;AAGrD;;;;"}

package/dist/esm/menu/Menubar.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MenuItem } from '../MenuItem';
+export interface MenubarProps extends HTMLAttributes<HTMLDivElement> {
+    items?: MenuItem[];
+    start?: ReactNode;
+    end?: ReactNode;
+}
+export declare function Menubar({ items, start, end, ...rest }: MenubarProps): import("react").JSX.Element;
+//# sourceMappingURL=Menubar.d.ts.map

package/dist/esm/menu/Menubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.d.ts","sourceRoot":"","sources":["../../../menu/Menubar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,cAAc,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAsCvC,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAIhE,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IAKnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAKlB,GAAG,CAAC,EAAE,SAAS,CAAC;CACnB;AAsBD,wBAAgB,OAAO,CAAC,EAAE,KAAU,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,+BAqExE"}

package/dist/esm/menu/Menubar.js

@@ -0,0 +1,137 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { MenuItemAction } from './MenuItemAction.js';
+import { MenuItemContent } from './MenuItemContent.js';
+
+const barStyle = {
+    background: 'var(--scene-surface-card)',
+    border: '1px solid var(--scene-surface-border)',
+    borderRadius: 'var(--scene-content-border-radius)',
+    color: 'var(--scene-text-color)'
+};
+const triggerStyle = {
+    background: 'transparent',
+    border: 'none',
+    color: 'inherit',
+    cursor: 'pointer',
+    font: 'inherit',
+    textDecoration: 'none'
+};
+const panelStyle = {
+    position: 'absolute',
+    top: '100%',
+    left: 0,
+    zIndex: 1,
+    minWidth: '12rem',
+    background: 'var(--scene-surface-overlay)',
+    border: '1px solid var(--scene-surface-border)',
+    borderRadius: 'var(--scene-content-border-radius)'
+};
+const panelItemStyle = {
+    ...triggerStyle,
+    width: '100%',
+    textAlign: 'left'
+};
+const separatorStyle = {
+    border: 'none',
+    borderTop: '1px solid var(--scene-surface-border)',
+    margin: 0
+};
+/**
+ * A horizontal bar of commands, each of which may drop down a panel of its children. Cratis-owned.
+ *
+ * This exists because PrimeReact 11 removed `primereact/menubar` outright, with no successor component
+ * and no headless hook to rebuild it from - unlike `menu`, `breadcrumb` and `contextmenu`, which survived
+ * as compositional part namespaces. Scene still has to render an element authored as a menubar, so the
+ * component is Scene's now. It follows `ActionMenubar` in `@cratis/components`, which is the same answer
+ * Cratis already reached for its own bar of actions after the v11 removal.
+ *
+ * What it deliberately does not carry over from the v10 `Menubar`: submenus nest exactly one level rather
+ * than arbitrarily deep (author a `tieredMenu` when a third level is genuinely needed); panels open on
+ * click only, never on hover; there is no responsive collapse to a hamburger at narrow widths; there is
+ * no roving-focus keyboard model across the bar, only the tab order and Escape the browser and this
+ * component give for free; and item templates are not supported, since a Scene item model has no place to
+ * put a React node.
+ *
+ * A panel does close when the pointer goes elsewhere on the page. That is not a feature carried over so
+ * much as the absence of a defect - a dropdown that survives a click on the rest of the screen is broken,
+ * not minimal.
+ */ function Menubar({ items = [], start, end, ...rest }) {
+    const [openIndex, setOpenIndex] = useState(undefined);
+    useEffect(()=>{
+        const close = ()=>setOpenIndex(undefined);
+        document.addEventListener('click', close);
+        return ()=>document.removeEventListener('click', close);
+    }, []);
+    return /*#__PURE__*/ jsxs("div", {
+        ...rest,
+        className: "relative flex items-center gap-2 p-3",
+        style: barStyle,
+        onKeyDown: (event)=>{
+            if (event.key === 'Escape') setOpenIndex(undefined);
+        },
+        children: [
+            start,
+            /*#__PURE__*/ jsx("div", {
+                role: "menubar",
+                className: "flex items-center gap-2",
+                children: items.map((item, index)=>{
+                    const children = item.items ?? [];
+                    return /*#__PURE__*/ jsx("div", {
+                        role: "none",
+                        className: "relative",
+                        children: children.length > 0 ? /*#__PURE__*/ jsxs(Fragment, {
+                            children: [
+                                /*#__PURE__*/ jsxs("button", {
+                                    type: "button",
+                                    role: "menuitem",
+                                    className: "inline-flex items-center gap-2",
+                                    style: triggerStyle,
+                                    disabled: item.disabled,
+                                    "aria-haspopup": "true",
+                                    "aria-expanded": openIndex === index,
+                                    onClick: (event)=>{
+                                        event.stopPropagation();
+                                        setOpenIndex(openIndex === index ? undefined : index);
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ jsx(MenuItemContent, {
+                                            item: item
+                                        }),
+                                        /*#__PURE__*/ jsx("i", {
+                                            className: "pi pi-angle-down",
+                                            "aria-hidden": "true"
+                                        })
+                                    ]
+                                }),
+                                openIndex === index && /*#__PURE__*/ jsx("div", {
+                                    role: "menu",
+                                    "aria-label": item.label,
+                                    className: "flex flex-col",
+                                    style: panelStyle,
+                                    children: children.map((child, childIndex)=>child.separator === true ? /*#__PURE__*/ jsx("hr", {
+                                            style: separatorStyle
+                                        }, childIndex) : /*#__PURE__*/ jsx(MenuItemAction, {
+                                            item: child,
+                                            role: "menuitem",
+                                            className: "flex items-center gap-2 p-3",
+                                            style: panelItemStyle
+                                        }, childIndex))
+                                })
+                            ]
+                        }) : /*#__PURE__*/ jsx(MenuItemAction, {
+                            item: item,
+                            role: "menuitem",
+                            className: "inline-flex items-center gap-2",
+                            style: triggerStyle
+                        })
+                    }, index);
+                })
+            }),
+            end
+        ]
+    });
+}
+
+export { Menubar };
+//# sourceMappingURL=Menubar.js.map

package/dist/esm/menu/Menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.js","sources":["../../../menu/Menubar.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { CSSProperties, HTMLAttributes, ReactNode, useEffect, useState } from 'react';\nimport { MenuItem } from '../MenuItem';\nimport { MenuItemAction } from './MenuItemAction';\nimport { MenuItemContent } from './MenuItemContent';\n\nconst barStyle: CSSProperties = {\n    background: 'var(--scene-surface-card)',\n    border: '1px solid var(--scene-surface-border)',\n    borderRadius: 'var(--scene-content-border-radius)',\n    color: 'var(--scene-text-color)',\n};\n\nconst triggerStyle: CSSProperties = {\n    background: 'transparent',\n    border: 'none',\n    color: 'inherit',\n    cursor: 'pointer',\n    font: 'inherit',\n    textDecoration: 'none',\n};\n\nconst panelStyle: CSSProperties = {\n    position: 'absolute',\n    top: '100%',\n    left: 0,\n    zIndex: 1,\n    minWidth: '12rem',\n    background: 'var(--scene-surface-overlay)',\n    border: '1px solid var(--scene-surface-border)',\n    borderRadius: 'var(--scene-content-border-radius)',\n};\n\nconst panelItemStyle: CSSProperties = { ...triggerStyle, width: '100%', textAlign: 'left' };\n\nconst separatorStyle: CSSProperties = { border: 'none', borderTop: '1px solid var(--scene-surface-border)', margin: 0 };\n\n/**\n * The configuration {@link Menubar} takes.\n */\nexport interface MenubarProps extends HTMLAttributes<HTMLDivElement> {\n    /**\n     * The commands to show, top level across the bar and one level of children in a dropdown.\n     */\n    items?: MenuItem[];\n\n    /**\n     * Content pinned before the commands - branding, in a real application.\n     */\n    start?: ReactNode;\n\n    /**\n     * Content pinned after the commands - account and status controls, in a real application.\n     */\n    end?: ReactNode;\n}\n\n/**\n * A horizontal bar of commands, each of which may drop down a panel of its children. Cratis-owned.\n *\n * This exists because PrimeReact 11 removed `primereact/menubar` outright, with no successor component\n * and no headless hook to rebuild it from - unlike `menu`, `breadcrumb` and `contextmenu`, which survived\n * as compositional part namespaces. Scene still has to render an element authored as a menubar, so the\n * component is Scene's now. It follows `ActionMenubar` in `@cratis/components`, which is the same answer\n * Cratis already reached for its own bar of actions after the v11 removal.\n *\n * What it deliberately does not carry over from the v10 `Menubar`: submenus nest exactly one level rather\n * than arbitrarily deep (author a `tieredMenu` when a third level is genuinely needed); panels open on\n * click only, never on hover; there is no responsive collapse to a hamburger at narrow widths; there is\n * no roving-focus keyboard model across the bar, only the tab order and Escape the browser and this\n * component give for free; and item templates are not supported, since a Scene item model has no place to\n * put a React node.\n *\n * A panel does close when the pointer goes elsewhere on the page. That is not a feature carried over so\n * much as the absence of a defect - a dropdown that survives a click on the rest of the screen is broken,\n * not minimal.\n */\nexport function Menubar({ items = [], start, end, ...rest }: MenubarProps) {\n    const [openIndex, setOpenIndex] = useState<number | undefined>(undefined);\n\n    useEffect(() => {\n        const close = () => setOpenIndex(undefined);\n        document.addEventListener('click', close);\n        return () => document.removeEventListener('click', close);\n    }, []);\n\n    return (\n        <div\n            {...rest}\n            className='relative flex items-center gap-2 p-3'\n            style={barStyle}\n            onKeyDown={(event) => {\n                if (event.key === 'Escape') setOpenIndex(undefined);\n            }}>\n            {start}\n            <div role='menubar' className='flex items-center gap-2'>\n                {items.map((item, index) => {\n                    const children = item.items ?? [];\n\n                    return (\n                        <div key={index} role='none' className='relative'>\n                            {children.length > 0 ? (\n                                <>\n                                    <button\n                                        type='button'\n                                        role='menuitem'\n                                        className='inline-flex items-center gap-2'\n                                        style={triggerStyle}\n                                        disabled={item.disabled}\n                                        aria-haspopup='true'\n                                        aria-expanded={openIndex === index}\n                                        onClick={(event) => {\n                                            event.stopPropagation();\n                                            setOpenIndex(openIndex === index ? undefined : index);\n                                        }}>\n                                        <MenuItemContent item={item} />\n                                        <i className='pi pi-angle-down' aria-hidden='true' />\n                                    </button>\n                                    {openIndex === index && (\n                                        <div role='menu' aria-label={item.label} className='flex flex-col' style={panelStyle}>\n                                            {children.map((child, childIndex) =>\n                                                child.separator === true ? (\n                                                    <hr key={childIndex} style={separatorStyle} />\n                                                ) : (\n                                                    <MenuItemAction\n                                                        key={childIndex}\n                                                        item={child}\n                                                        role='menuitem'\n                                                        className='flex items-center gap-2 p-3'\n                                                        style={panelItemStyle}\n                                                    />\n                                                )\n                                            )}\n                                        </div>\n                                    )}\n                                </>\n                            ) : (\n                                <MenuItemAction item={item} role='menuitem' className='inline-flex items-center gap-2' style={triggerStyle} />\n                            )}\n                        </div>\n                    );\n                })}\n            </div>\n            {end}\n        </div>\n    );\n}\n"],"names":["barStyle","background","border","borderRadius","color","triggerStyle","cursor","font","textDecoration","panelStyle","position","top","left","zIndex","minWidth","panelItemStyle","width","textAlign","separatorStyle","borderTop","margin","Menubar","items","start","end","rest","openIndex","setOpenIndex","useState","undefined","useEffect","close","document","addEventListener","removeEventListener","_jsxs","div","className","style","onKeyDown","event","key","_jsx","role","map","item","index","children","length","_Fragment","button","type","disabled","aria-haspopup","aria-expanded","onClick","stopPropagation","MenuItemContent","i","aria-hidden","aria-label","label","child","childIndex","separator","hr","MenuItemAction"],"mappings":"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"}

package/dist/esm/menu/PanelMenu.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+import { MenuItem } from '../MenuItem';
+export interface PanelMenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue'> {
+    items?: MenuItem[];
+    multiple?: boolean;
+}
+export declare function PanelMenu({ items, multiple, ...rest }: PanelMenuProps): import("react").JSX.Element;
+//# sourceMappingURL=PanelMenu.d.ts.map

package/dist/esm/menu/PanelMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelMenu.d.ts","sourceRoot":"","sources":["../../../menu/PanelMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAyCvC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAKxF,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IAKnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAiBD,wBAAgB,SAAS,CAAC,EAAE,KAAU,EAAE,QAAgB,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAgClF"}

package/dist/esm/menu/PanelMenu.js

@@ -0,0 +1,110 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Accordion } from 'primereact/accordion';
+import { MenuItemAction } from './MenuItemAction.js';
+import { MenuItemContent } from './MenuItemContent.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const rootStyle = {
+    color: 'var(--scene-text-color)',
+    width: '16rem'
+};
+const headerStyle = {
+    background: 'var(--scene-surface-card)',
+    border: '1px solid var(--scene-surface-border)',
+    borderRadius: 'var(--scene-content-border-radius)',
+    color: 'inherit',
+    cursor: 'pointer',
+    font: 'inherit',
+    justifyContent: 'space-between',
+    textAlign: 'left',
+    textDecoration: 'none',
+    width: '100%'
+};
+const listStyle = {
+    listStyle: 'none',
+    margin: 0,
+    padding: 0
+};
+const childStyle = {
+    background: 'transparent',
+    border: 'none',
+    color: 'inherit',
+    cursor: 'pointer',
+    font: 'inherit',
+    textAlign: 'left',
+    textDecoration: 'none',
+    width: '100%'
+};
+/**
+ * A vertical menu whose sections expand in place, accordion style. Cratis-owned.
+ *
+ * This exists because PrimeReact 11 removed `primereact/panelmenu` outright. Unlike the other removals in
+ * this folder, though, the mechanism it needed did survive: `primereact/accordion` is exactly the
+ * expand-collapse behavior a panel menu is, so this composes the v11 `Accordion` parts rather than
+ * hand-rolling open state. That is worth doing rather than clever - the accordion already brings the
+ * `aria-expanded` and `aria-controls` wiring between a trigger and its content, the disabled handling, and
+ * the single-versus-multiple open policy, and every one of those is a thing a hand-rolled version would
+ * get subtly wrong. What is Cratis's here is only the mapping from a Scene item model onto those parts.
+ *
+ * What it deliberately does not carry over from the v10 `PanelMenu`: sections expand exactly one level
+ * deep rather than nesting arbitrarily, because an accordion panel holds content and not another
+ * accordion; there is no keyboard model beyond the accordion's own; and item templates are not supported.
+ */ function PanelMenu({ items = [], multiple = false, ...rest }) {
+    return /*#__PURE__*/ jsx(Accordion.Root, {
+        ...rest,
+        multiple: multiple,
+        className: "flex flex-col gap-1",
+        style: rootStyle,
+        children: items.map((item, index)=>{
+            const children = item.items ?? [];
+            if (children.length === 0) return /*#__PURE__*/ jsx(MenuItemAction, {
+                item: item,
+                className: "flex items-center gap-2 p-3",
+                style: headerStyle
+            }, index);
+            return /*#__PURE__*/ jsxs(Accordion.Panel, {
+                value: String(index),
+                disabled: item.disabled,
+                children: [
+                    /*#__PURE__*/ jsx(Accordion.Header, {
+                        children: /*#__PURE__*/ jsxs(Accordion.Trigger, {
+                            className: "flex items-center gap-2 p-3",
+                            style: headerStyle,
+                            children: [
+                                /*#__PURE__*/ jsx(MenuItemContent, {
+                                    item: item
+                                }),
+                                /*#__PURE__*/ jsx(Accordion.Indicator, {
+                                    children: /*#__PURE__*/ jsx("i", {
+                                        className: "pi pi-chevron-down",
+                                        "aria-hidden": "true"
+                                    })
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Accordion.Content, {
+                        children: /*#__PURE__*/ jsx("ul", {
+                            role: "menu",
+                            "aria-label": item.label,
+                            style: listStyle,
+                            children: children.map((child, childIndex)=>/*#__PURE__*/ jsx("li", {
+                                    role: "none",
+                                    children: /*#__PURE__*/ jsx(MenuItemAction, {
+                                        item: child,
+                                        role: "menuitem",
+                                        className: "flex items-center gap-2 p-3",
+                                        style: childStyle
+                                    })
+                                }, childIndex))
+                        })
+                    })
+                ]
+            }, index);
+        })
+    });
+}
+
+export { PanelMenu };
+//# sourceMappingURL=PanelMenu.js.map

package/dist/esm/menu/PanelMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelMenu.js","sources":["../../../menu/PanelMenu.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { CSSProperties, HTMLAttributes } from 'react';\nimport { Accordion } from 'primereact/accordion';\nimport { MenuItem } from '../MenuItem';\nimport { MenuItemAction } from './MenuItemAction';\nimport { MenuItemContent } from './MenuItemContent';\n\nconst rootStyle: CSSProperties = { color: 'var(--scene-text-color)', width: '16rem' };\n\nconst headerStyle: CSSProperties = {\n    background: 'var(--scene-surface-card)',\n    border: '1px solid var(--scene-surface-border)',\n    borderRadius: 'var(--scene-content-border-radius)',\n    color: 'inherit',\n    cursor: 'pointer',\n    font: 'inherit',\n    justifyContent: 'space-between',\n    textAlign: 'left',\n    textDecoration: 'none',\n    width: '100%',\n};\n\nconst listStyle: CSSProperties = { listStyle: 'none', margin: 0, padding: 0 };\n\nconst childStyle: CSSProperties = {\n    background: 'transparent',\n    border: 'none',\n    color: 'inherit',\n    cursor: 'pointer',\n    font: 'inherit',\n    textAlign: 'left',\n    textDecoration: 'none',\n    width: '100%',\n};\n\n/**\n * The configuration {@link PanelMenu} takes.\n *\n * `defaultValue` is omitted from the inherited attributes because the props are spread onto\n * `Accordion.Root`, which has a `defaultValue` of its own meaning \"the panels open to begin with\".\n * `HTMLAttributes` declares the form-control `defaultValue` (which includes `readonly string[]`), and the\n * two are not assignable. Dropping it is the honest resolution: a `<div>` has no default value, so nothing\n * is lost, and leaving both in scope would let a caller set one and silently get the other.\n */\nexport interface PanelMenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n    /**\n     * The commands to show. A top-level entry with children becomes an expandable panel; one without\n     * stays a plain row.\n     */\n    items?: MenuItem[];\n\n    /**\n     * Whether more than one panel may be open at once.\n     */\n    multiple?: boolean;\n}\n\n/**\n * A vertical menu whose sections expand in place, accordion style. Cratis-owned.\n *\n * This exists because PrimeReact 11 removed `primereact/panelmenu` outright. Unlike the other removals in\n * this folder, though, the mechanism it needed did survive: `primereact/accordion` is exactly the\n * expand-collapse behavior a panel menu is, so this composes the v11 `Accordion` parts rather than\n * hand-rolling open state. That is worth doing rather than clever - the accordion already brings the\n * `aria-expanded` and `aria-controls` wiring between a trigger and its content, the disabled handling, and\n * the single-versus-multiple open policy, and every one of those is a thing a hand-rolled version would\n * get subtly wrong. What is Cratis's here is only the mapping from a Scene item model onto those parts.\n *\n * What it deliberately does not carry over from the v10 `PanelMenu`: sections expand exactly one level\n * deep rather than nesting arbitrarily, because an accordion panel holds content and not another\n * accordion; there is no keyboard model beyond the accordion's own; and item templates are not supported.\n */\nexport function PanelMenu({ items = [], multiple = false, ...rest }: PanelMenuProps) {\n    return (\n        <Accordion.Root {...rest} multiple={multiple} className='flex flex-col gap-1' style={rootStyle}>\n            {items.map((item, index) => {\n                const children = item.items ?? [];\n\n                if (children.length === 0) return <MenuItemAction key={index} item={item} className='flex items-center gap-2 p-3' style={headerStyle} />;\n\n                return (\n                    <Accordion.Panel key={index} value={String(index)} disabled={item.disabled}>\n                        <Accordion.Header>\n                            <Accordion.Trigger className='flex items-center gap-2 p-3' style={headerStyle}>\n                                <MenuItemContent item={item} />\n                                <Accordion.Indicator>\n                                    <i className='pi pi-chevron-down' aria-hidden='true' />\n                                </Accordion.Indicator>\n                            </Accordion.Trigger>\n                        </Accordion.Header>\n                        <Accordion.Content>\n                            <ul role='menu' aria-label={item.label} style={listStyle}>\n                                {children.map((child, childIndex) => (\n                                    <li key={childIndex} role='none'>\n                                        <MenuItemAction item={child} role='menuitem' className='flex items-center gap-2 p-3' style={childStyle} />\n                                    </li>\n                                ))}\n                            </ul>\n                        </Accordion.Content>\n                    </Accordion.Panel>\n                );\n            })}\n        </Accordion.Root>\n    );\n}\n"],"names":["rootStyle","color","width","headerStyle","background","border","borderRadius","cursor","font","justifyContent","textAlign","textDecoration","listStyle","margin","padding","childStyle","PanelMenu","items","multiple","rest","_jsx","Accordion","Root","className","style","map","item","index","children","length","MenuItemAction","_jsxs","Panel","value","String","disabled","Header","Trigger","MenuItemContent","Indicator","i","aria-hidden","Content","ul","role","aria-label","label","child","childIndex","li"],"mappings":"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"}

package/dist/esm/menu/PrimeBreadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeBreadcrumb.d.ts","sourceRoot":"","sources":["../../../menu/PrimeBreadcrumb.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAU/D,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAQpE"}
+{"version":3,"file":"PrimeBreadcrumb.d.ts","sourceRoot":"","sources":["../../../menu/PrimeBreadcrumb.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAkD/D,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAsBpE"}

package/dist/esm/menu/PrimeBreadcrumb.js

@@ -1,21 +1,83 @@
-import { jsx } from 'react/jsx-runtime';
-import { BreadCrumb } from 'primereact/breadcrumb';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Fragment } from 'react';
+import { Breadcrumb } from 'primereact/breadcrumb';
 import { menuItemsProperty } from '../menuItems.js';
 import { stringProperty } from '../properties.js';
+import { MenuItemContent } from './MenuItemContent.js';
 
+/**
+ * One entry in the trail, as the strongest thing the authored data supports.
+ *
+ * The three cases are genuinely different to assistive technology and only one of them is a link. Where
+ * the user already is gets `Breadcrumb.Current`, which carries `aria-current="page"` and is what tells a
+ * screen reader the trail has ended - a trailing link says the opposite. An earlier entry that names a
+ * target is a link. An earlier entry that names none is plain text, because an anchor with no `href` is
+ * not focusable and only looks like a link.
+ *
+ * @param item The entry to render.
+ * @param current Whether this is the last entry, and so where the user is now.
+ * @returns The rendered entry.
+ */ function breadcrumbEntry(item, current) {
+    if (current) {
+        return /*#__PURE__*/ jsx(Breadcrumb.Current, {
+            children: /*#__PURE__*/ jsx(MenuItemContent, {
+                item: item
+            })
+        });
+    }
+    if (item.url === undefined) return /*#__PURE__*/ jsx(MenuItemContent, {
+        item: item
+    });
+    return /*#__PURE__*/ jsx(Breadcrumb.Link, {
+        href: item.url,
+        children: /*#__PURE__*/ jsx(MenuItemContent, {
+            item: item
+        })
+    });
+}
 /**
  * The `PrimeReact:breadcrumb` component - the path to where the user currently is.
  *
- * The home entry is separate from the trail in PrimeReact's model, so it is read from its own `homeUrl`
+ * The home entry is separate from the trail in the authored model, so it is read from its own `homeUrl`
  * property and always rendered as an icon.
+ *
+ * PrimeReact 11 replaced the single `BreadCrumb` component and its `model`/`home` props with a namespace
+ * of parts, so the trail is assembled here. The parts are worth assembling rather than working around:
+ * the root is a `nav` carrying an accessible name, the list is an ordered list, and every separator is
+ * marked presentational so it is never read out as part of the path. The old `model` prop produced all of
+ * that too, but only because the component decided it - none of it is something a hand-rolled trail would
+ * reliably reproduce.
  */ function PrimeBreadcrumb({ element }) {
-    return /*#__PURE__*/ jsx(BreadCrumb, {
+    const items = menuItemsProperty(element, 'items');
+    return /*#__PURE__*/ jsx(Breadcrumb.Root, {
         "data-scene-id": element.id,
-        model: menuItemsProperty(element, 'items'),
-        home: {
-            icon: 'pi pi-home',
-            url: stringProperty(element, 'homeUrl', '/')
-        }
+        children: /*#__PURE__*/ jsxs(Breadcrumb.List, {
+            children: [
+                /*#__PURE__*/ jsx(Breadcrumb.Item, {
+                    children: /*#__PURE__*/ jsx(Breadcrumb.Link, {
+                        href: stringProperty(element, 'homeUrl', '/'),
+                        "aria-label": "Home",
+                        children: /*#__PURE__*/ jsx("i", {
+                            className: "pi pi-home",
+                            "aria-hidden": "true"
+                        })
+                    })
+                }),
+                items.map((item, index)=>/*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(Breadcrumb.Separator, {
+                                children: /*#__PURE__*/ jsx("i", {
+                                    className: "pi pi-angle-right",
+                                    "aria-hidden": "true"
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Breadcrumb.Item, {
+                                children: breadcrumbEntry(item, index === items.length - 1)
+                            })
+                        ]
+                    }, index))
+            ]
+        })
     });
 }