@cratis/scene.primereact 1.1.0 → 2.0.0

package/dist/cjs/media/PrimeCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeCarousel.js","sources":["../../../media/PrimeCarousel.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 { Carousel } from 'primereact/carousel';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, recordArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:carousel` component - a row of items paged through horizontally.\n *\n * Supplies an item template from the `titleField` and `descriptionField` properties, for the same reason\n * `dataView` does: without one, every item renders empty.\n */\nexport function PrimeCarousel({ element }: RegisteredComponentProps) {\n    const titleField = stringProperty(element, 'titleField', 'title');\n    const descriptionField = stringProperty(element, 'descriptionField', 'description');\n    return (\n        <Carousel\n            data-scene-id={element.id}\n            value={recordArrayProperty(element, 'items')}\n            numVisible={numberProperty(element, 'numVisible', 3)}\n            numScroll={numberProperty(element, 'numScroll', 1)}\n            circular={booleanProperty(element, 'circular', false)}\n            itemTemplate={(item: Record<string, unknown>) => (\n                <div className='m-2 flex flex-col gap-1 border p-3'>\n                    <span className='font-semibold'>{String(item[titleField] ?? '')}</span>\n                    <span className='text-sm opacity-75'>{String(item[descriptionField] ?? '')}</span>\n                </div>\n            )}\n        />\n    );\n}\n"],"names":["PrimeCarousel","element","titleField","stringProperty","descriptionField","_jsx","Carousel","data-scene-id","id","value","recordArrayProperty","numVisible","numberProperty","numScroll","circular","booleanProperty","itemTemplate","item","_jsxs","div","className","span","String"],"mappings":";;;;;;AAOA;;;;;AAKC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;IAC/D,MAAMC,UAAAA,GAAaC,yBAAAA,CAAeF,OAAAA,EAAS,YAAA,EAAc,OAAA,CAAA;IACzD,MAAMG,gBAAAA,GAAmBD,yBAAAA,CAAeF,OAAAA,EAAS,kBAAA,EAAoB,aAAA,CAAA;AACrE,IAAA,qBACII,cAAA,CAACC,iBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;AACzBC,QAAAA,KAAAA,EAAOC,+BAAoBT,OAAAA,EAAS,OAAA,CAAA;QACpCU,UAAAA,EAAYC,yBAAAA,CAAeX,SAAS,YAAA,EAAc,CAAA,CAAA;QAClDY,SAAAA,EAAWD,yBAAAA,CAAeX,SAAS,WAAA,EAAa,CAAA,CAAA;QAChDa,QAAAA,EAAUC,0BAAAA,CAAgBd,SAAS,UAAA,EAAY,KAAA,CAAA;QAC/Ce,YAAAA,EAAc,CAACC,qBACXC,eAAA,CAACC,KAAAA,EAAAA;gBAAIC,SAAAA,EAAU,oCAAA;;kCACXf,cAAA,CAACgB,MAAAA,EAAAA;wBAAKD,SAAAA,EAAU,eAAA;kCAAiBE,MAAAA,CAAOL,IAAI,CAACf,UAAAA,CAAW,IAAI,EAAA;;kCAC5DG,cAAA,CAACgB,MAAAA,EAAAA;wBAAKD,SAAAA,EAAU,oBAAA;kCAAsBE,MAAAA,CAAOL,IAAI,CAACb,gBAAAA,CAAiB,IAAI,EAAA;;;;;AAK3F;;;;"}
+{"version":3,"file":"PrimeCarousel.js","sources":["../../../media/PrimeCarousel.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 { Carousel } from 'primereact/carousel';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, recordArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:carousel` component - a row of items paged through horizontally.\n *\n * The item body is built from the `titleField` and `descriptionField` properties, for the same reason\n * `dataView` does it: the element carries records, not markup, and something has to decide which two\n * fields a reader sees. PrimeReact 11 takes that as children rather than as an `itemTemplate` callback,\n * which is why the mapping is written out here instead of passed in.\n *\n * v10's `numScroll` has no v11 counterpart and is not read: the new carousel scrolls by a page, and a page\n * is `numVisible` items. Honoring a `numScroll` that differs from it would mean re-implementing paging\n * against a component that has its own.\n *\n * Navigation and page indicators appear only when there is more than one page's worth of items. A control\n * that cannot do anything is worse than an absent one - it invites a click and answers with nothing.\n */\nexport function PrimeCarousel({ element }: RegisteredComponentProps) {\n    const items = recordArrayProperty(element, 'items');\n    const titleField = stringProperty(element, 'titleField', 'title');\n    const descriptionField = stringProperty(element, 'descriptionField', 'description');\n    const numVisible = numberProperty(element, 'numVisible', 3);\n    return (\n        <Carousel.Root data-scene-id={element.id} slidesPerPage={numVisible} loop={booleanProperty(element, 'circular', false)}>\n            <Carousel.Content>\n                {items.map((item, index) => (\n                    <Carousel.Item key={index}>\n                        <div className='m-2 flex flex-col gap-1 border p-3'>\n                            <span className='font-semibold'>{String(item[titleField] ?? '')}</span>\n                            <span className='text-sm opacity-75'>{String(item[descriptionField] ?? '')}</span>\n                        </div>\n                    </Carousel.Item>\n                ))}\n            </Carousel.Content>\n            {items.length > numVisible && (\n                <>\n                    <Carousel.Prev aria-label='Previous items'>\n                        <i className='pi pi-chevron-left' aria-hidden='true' />\n                    </Carousel.Prev>\n                    <Carousel.Next aria-label='Next items'>\n                        <i className='pi pi-chevron-right' aria-hidden='true' />\n                    </Carousel.Next>\n                    <Carousel.Indicators />\n                </>\n            )}\n        </Carousel.Root>\n    );\n}\n"],"names":["PrimeCarousel","element","items","recordArrayProperty","titleField","stringProperty","descriptionField","numVisible","numberProperty","_jsxs","Carousel","Root","data-scene-id","id","slidesPerPage","loop","booleanProperty","_jsx","Content","map","item","index","Item","div","className","span","String","length","_Fragment","Prev","aria-label","i","aria-hidden","Next","Indicators"],"mappings":";;;;;;AAOA;;;;;;;;;;;;;;AAcC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;IAC/D,MAAMC,KAAAA,GAAQC,+BAAoBF,OAAAA,EAAS,OAAA,CAAA;IAC3C,MAAMG,UAAAA,GAAaC,yBAAAA,CAAeJ,OAAAA,EAAS,YAAA,EAAc,OAAA,CAAA;IACzD,MAAMK,gBAAAA,GAAmBD,yBAAAA,CAAeJ,OAAAA,EAAS,kBAAA,EAAoB,aAAA,CAAA;IACrE,MAAMM,UAAAA,GAAaC,yBAAAA,CAAeP,OAAAA,EAAS,YAAA,EAAc,CAAA,CAAA;IACzD,qBACIQ,eAAA,CAACC,kBAASC,IAAI,EAAA;AAACC,QAAAA,eAAAA,EAAeX,QAAQY,EAAE;QAAEC,aAAAA,EAAeP,UAAAA;QAAYQ,IAAAA,EAAMC,0BAAAA,CAAgBf,SAAS,UAAA,EAAY,KAAA,CAAA;;AAC5G,0BAAAgB,cAAA,CAACP,kBAASQ,OAAO,EAAA;AACZhB,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMiB,GAAG,CAAC,CAACC,MAAMC,KAAAA,iBACdJ,cAAA,CAACP,kBAASY,IAAI,EAAA;AACV,wBAAA,QAAA,gBAAAb,eAAA,CAACc,KAAAA,EAAAA;4BAAIC,SAAAA,EAAU,oCAAA;;8CACXP,cAAA,CAACQ,MAAAA,EAAAA;oCAAKD,SAAAA,EAAU,eAAA;8CAAiBE,MAAAA,CAAON,IAAI,CAAChB,UAAAA,CAAW,IAAI,EAAA;;8CAC5Da,cAAA,CAACQ,MAAAA,EAAAA;oCAAKD,SAAAA,EAAU,oBAAA;8CAAsBE,MAAAA,CAAON,IAAI,CAACd,gBAAAA,CAAiB,IAAI,EAAA;;;;AAH3De,qBAAAA,EAAAA,KAAAA,CAAAA;;YAQ3BnB,KAAAA,CAAMyB,MAAM,GAAGpB,UAAAA,kBACZE,eAAA,CAAAmB,mBAAA,EAAA;;AACI,kCAAAX,cAAA,CAACP,kBAASmB,IAAI,EAAA;wBAACC,YAAAA,EAAW,gBAAA;AACtB,wBAAA,QAAA,gBAAAb,cAAA,CAACc,GAAAA,EAAAA;4BAAEP,SAAAA,EAAU,oBAAA;4BAAqBQ,aAAAA,EAAY;;;AAElD,kCAAAf,cAAA,CAACP,kBAASuB,IAAI,EAAA;wBAACH,YAAAA,EAAW,YAAA;AACtB,wBAAA,QAAA,gBAAAb,cAAA,CAACc,GAAAA,EAAAA;4BAAEP,SAAAA,EAAU,qBAAA;4BAAsBQ,aAAAA,EAAY;;;AAEnD,kCAAAf,cAAA,CAACP,kBAASwB,UAAU,EAAA,EAAA;;;;;AAKxC;;;;"}

package/dist/cjs/media/PrimeGalleria.js

@@ -1,38 +1,78 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var galleria = require('primereact/galleria');
+var gallery = require('primereact/gallery');
 var properties = require('../properties.js');
 
 /**
  * The `PrimeReact:galleria` component - a gallery with thumbnails and a large view.
  *
- * Galleria ships no default templates, so the adapter supplies both; each item is read as
- * `{ src, thumbnail, alt }` with the thumbnail falling back to the full image, which is the common case
- * for a small gallery that has no separately generated thumbnails.
+ * PrimeReact 11 renamed the module to `gallery` and turned it into a composition, which removes the
+ * awkwardness the v10 adapter had to work around: there are no `item` and `thumbnail` render-prop
+ * templates to supply, only two lists the adapter writes out itself. Each entry is still read as
+ * `{ src, thumbnail, alt }`, with the thumbnail falling back to the full image - the common case for a
+ * small gallery that has no separately generated thumbnails.
  *
- * In PrimeReact 11 this component is renamed `Gallery`.
+ * The abstract name stays `galleria`. Renaming it would be renaming Scene's vocabulary because PrimeReact
+ * renamed a module, and every screen that says `galleria` today would have to be edited to say the same
+ * thing.
+ *
+ * Navigation and the thumbnail rail are rendered only when there is something to navigate: a single image
+ * needs no previous and next, and no items at all leave a bare, empty gallery rather than a frame of
+ * chrome around nothing.
  */ function PrimeGalleria({ element }) {
     const items = properties.recordArrayProperty(element, 'items');
-    return /*#__PURE__*/ jsxRuntime.jsx(galleria.Galleria, {
+    const showThumbnails = properties.booleanProperty(element, 'showThumbnails', true);
+    return /*#__PURE__*/ jsxRuntime.jsxs(gallery.Gallery.Root, {
         "data-scene-id": element.id,
-        value: items,
-        numVisible: properties.numberProperty(element, 'numVisible', 5),
-        circular: properties.booleanProperty(element, 'circular', true),
-        showThumbnails: properties.booleanProperty(element, 'showThumbnails', true),
         style: {
             maxWidth: `${properties.numberProperty(element, 'maxWidth', 480)}px`
         },
-        item: (item)=>/*#__PURE__*/ jsxRuntime.jsx("img", {
-                src: String(item.src ?? ''),
-                alt: String(item.alt ?? ''),
-                className: "block w-full"
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(gallery.Gallery.Content, {
+                children: [
+                    items.map((item, index)=>/*#__PURE__*/ jsxRuntime.jsx(gallery.Gallery.Item, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx("img", {
+                                src: String(item.src ?? ''),
+                                alt: String(item.alt ?? ''),
+                                className: "block w-full"
+                            })
+                        }, index)),
+                    items.length > 1 && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(gallery.Gallery.Prev, {
+                                "aria-label": "Previous image",
+                                children: /*#__PURE__*/ jsxRuntime.jsx("i", {
+                                    className: "pi pi-chevron-left",
+                                    "aria-hidden": "true"
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(gallery.Gallery.Next, {
+                                "aria-label": "Next image",
+                                children: /*#__PURE__*/ jsxRuntime.jsx("i", {
+                                    className: "pi pi-chevron-right",
+                                    "aria-hidden": "true"
+                                })
+                            })
+                        ]
+                    })
+                ]
             }),
-        thumbnail: (item)=>/*#__PURE__*/ jsxRuntime.jsx("img", {
-                src: String(item.thumbnail ?? item.src ?? ''),
-                alt: String(item.alt ?? ''),
-                className: "block h-12"
+            showThumbnails && items.length > 1 && /*#__PURE__*/ jsxRuntime.jsx(gallery.Gallery.Thumbnail, {
+                slidesPerPage: properties.numberProperty(element, 'numVisible', 5),
+                loop: properties.booleanProperty(element, 'circular', true),
+                children: /*#__PURE__*/ jsxRuntime.jsx(gallery.Gallery.ThumbnailContent, {
+                    children: items.map((item, index)=>/*#__PURE__*/ jsxRuntime.jsx(gallery.Gallery.ThumbnailItem, {
+                            index: index,
+                            children: /*#__PURE__*/ jsxRuntime.jsx("img", {
+                                src: String(item.thumbnail ?? item.src ?? ''),
+                                alt: String(item.alt ?? ''),
+                                className: "block h-12"
+                            })
+                        }, index))
+                })
             })
+        ]
     });
 }
 

package/dist/cjs/media/PrimeGalleria.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeGalleria.js","sources":["../../../media/PrimeGalleria.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 { Galleria } from 'primereact/galleria';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, recordArrayProperty } from '../properties';\n\n/**\n * The `PrimeReact:galleria` component - a gallery with thumbnails and a large view.\n *\n * Galleria ships no default templates, so the adapter supplies both; each item is read as\n * `{ src, thumbnail, alt }` with the thumbnail falling back to the full image, which is the common case\n * for a small gallery that has no separately generated thumbnails.\n *\n * In PrimeReact 11 this component is renamed `Gallery`.\n */\nexport function PrimeGalleria({ element }: RegisteredComponentProps) {\n    const items = recordArrayProperty(element, 'items');\n    return (\n        <Galleria\n            data-scene-id={element.id}\n            value={items}\n            numVisible={numberProperty(element, 'numVisible', 5)}\n            circular={booleanProperty(element, 'circular', true)}\n            showThumbnails={booleanProperty(element, 'showThumbnails', true)}\n            style={{ maxWidth: `${numberProperty(element, 'maxWidth', 480)}px` }}\n            item={(item: Record<string, unknown>) => (\n                <img src={String(item.src ?? '')} alt={String(item.alt ?? '')} className='block w-full' />\n            )}\n            thumbnail={(item: Record<string, unknown>) => (\n                <img src={String(item.thumbnail ?? item.src ?? '')} alt={String(item.alt ?? '')} className='block h-12' />\n            )}\n        />\n    );\n}\n"],"names":["PrimeGalleria","element","items","recordArrayProperty","_jsx","Galleria","data-scene-id","id","value","numVisible","numberProperty","circular","booleanProperty","showThumbnails","style","maxWidth","item","img","src","String","alt","className","thumbnail"],"mappings":";;;;;;AAOA;;;;;;;;AAQC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;IAC/D,MAAMC,KAAAA,GAAQC,+BAAoBF,OAAAA,EAAS,OAAA,CAAA;AAC3C,IAAA,qBACIG,cAAA,CAACC,iBAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;QACzBC,KAAAA,EAAON,KAAAA;QACPO,UAAAA,EAAYC,yBAAAA,CAAeT,SAAS,YAAA,EAAc,CAAA,CAAA;QAClDU,QAAAA,EAAUC,0BAAAA,CAAgBX,SAAS,UAAA,EAAY,IAAA,CAAA;QAC/CY,cAAAA,EAAgBD,0BAAAA,CAAgBX,SAAS,gBAAA,EAAkB,IAAA,CAAA;QAC3Da,KAAAA,EAAO;AAAEC,YAAAA,QAAAA,EAAU,GAAGL,yBAAAA,CAAeT,OAAAA,EAAS,UAAA,EAAY,GAAA,CAAA,CAAK,EAAE;AAAE,SAAA;QACnEe,IAAAA,EAAM,CAACA,qBACHZ,cAAA,CAACa,KAAAA,EAAAA;gBAAIC,GAAAA,EAAKC,MAAAA,CAAOH,IAAAA,CAAKE,GAAG,IAAI,EAAA,CAAA;gBAAKE,GAAAA,EAAKD,MAAAA,CAAOH,IAAAA,CAAKI,GAAG,IAAI,EAAA,CAAA;gBAAKC,SAAAA,EAAU;;QAE7EC,SAAAA,EAAW,CAACN,qBACRZ,cAAA,CAACa,KAAAA,EAAAA;AAAIC,gBAAAA,GAAAA,EAAKC,OAAOH,IAAAA,CAAKM,SAAS,IAAIN,IAAAA,CAAKE,GAAG,IAAI,EAAA,CAAA;gBAAKE,GAAAA,EAAKD,MAAAA,CAAOH,IAAAA,CAAKI,GAAG,IAAI,EAAA,CAAA;gBAAKC,SAAAA,EAAU;;;AAI3G;;;;"}
+{"version":3,"file":"PrimeGalleria.js","sources":["../../../media/PrimeGalleria.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 { Gallery } from 'primereact/gallery';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, numberProperty, recordArrayProperty } from '../properties';\n\n/**\n * The `PrimeReact:galleria` component - a gallery with thumbnails and a large view.\n *\n * PrimeReact 11 renamed the module to `gallery` and turned it into a composition, which removes the\n * awkwardness the v10 adapter had to work around: there are no `item` and `thumbnail` render-prop\n * templates to supply, only two lists the adapter writes out itself. Each entry is still read as\n * `{ src, thumbnail, alt }`, with the thumbnail falling back to the full image - the common case for a\n * small gallery that has no separately generated thumbnails.\n *\n * The abstract name stays `galleria`. Renaming it would be renaming Scene's vocabulary because PrimeReact\n * renamed a module, and every screen that says `galleria` today would have to be edited to say the same\n * thing.\n *\n * Navigation and the thumbnail rail are rendered only when there is something to navigate: a single image\n * needs no previous and next, and no items at all leave a bare, empty gallery rather than a frame of\n * chrome around nothing.\n */\nexport function PrimeGalleria({ element }: RegisteredComponentProps) {\n    const items = recordArrayProperty(element, 'items');\n    const showThumbnails = booleanProperty(element, 'showThumbnails', true);\n    return (\n        <Gallery.Root data-scene-id={element.id} style={{ maxWidth: `${numberProperty(element, 'maxWidth', 480)}px` }}>\n            <Gallery.Content>\n                {items.map((item, index) => (\n                    <Gallery.Item key={index}>\n                        <img src={String(item.src ?? '')} alt={String(item.alt ?? '')} className='block w-full' />\n                    </Gallery.Item>\n                ))}\n                {items.length > 1 && (\n                    <>\n                        <Gallery.Prev aria-label='Previous image'>\n                            <i className='pi pi-chevron-left' aria-hidden='true' />\n                        </Gallery.Prev>\n                        <Gallery.Next aria-label='Next image'>\n                            <i className='pi pi-chevron-right' aria-hidden='true' />\n                        </Gallery.Next>\n                    </>\n                )}\n            </Gallery.Content>\n            {showThumbnails && items.length > 1 && (\n                <Gallery.Thumbnail slidesPerPage={numberProperty(element, 'numVisible', 5)} loop={booleanProperty(element, 'circular', true)}>\n                    <Gallery.ThumbnailContent>\n                        {items.map((item, index) => (\n                            <Gallery.ThumbnailItem key={index} index={index}>\n                                <img src={String(item.thumbnail ?? item.src ?? '')} alt={String(item.alt ?? '')} className='block h-12' />\n                            </Gallery.ThumbnailItem>\n                        ))}\n                    </Gallery.ThumbnailContent>\n                </Gallery.Thumbnail>\n            )}\n        </Gallery.Root>\n    );\n}\n"],"names":["PrimeGalleria","element","items","recordArrayProperty","showThumbnails","booleanProperty","_jsxs","Gallery","Root","data-scene-id","id","style","maxWidth","numberProperty","Content","map","item","index","_jsx","Item","img","src","String","alt","className","length","_Fragment","Prev","aria-label","i","aria-hidden","Next","Thumbnail","slidesPerPage","loop","ThumbnailContent","ThumbnailItem","thumbnail"],"mappings":";;;;;;AAOA;;;;;;;;;;;;;;;;AAgBC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAA4B,EAAA;IAC/D,MAAMC,KAAAA,GAAQC,+BAAoBF,OAAAA,EAAS,OAAA,CAAA;IAC3C,MAAMG,cAAAA,GAAiBC,0BAAAA,CAAgBJ,OAAAA,EAAS,gBAAA,EAAkB,IAAA,CAAA;IAClE,qBACIK,eAAA,CAACC,gBAAQC,IAAI,EAAA;AAACC,QAAAA,eAAAA,EAAeR,QAAQS,EAAE;QAAEC,KAAAA,EAAO;AAAEC,YAAAA,QAAAA,EAAU,GAAGC,yBAAAA,CAAeZ,OAAAA,EAAS,UAAA,EAAY,GAAA,CAAA,CAAK,EAAE;AAAE,SAAA;;AACxG,0BAAAK,eAAA,CAACC,gBAAQO,OAAO,EAAA;;AACXZ,oBAAAA,KAAAA,CAAMa,GAAG,CAAC,CAACC,MAAMC,KAAAA,iBACdC,cAAA,CAACX,gBAAQY,IAAI,EAAA;AACT,4BAAA,QAAA,gBAAAD,cAAA,CAACE,KAAAA,EAAAA;gCAAIC,GAAAA,EAAKC,MAAAA,CAAON,IAAAA,CAAKK,GAAG,IAAI,EAAA,CAAA;gCAAKE,GAAAA,EAAKD,MAAAA,CAAON,IAAAA,CAAKO,GAAG,IAAI,EAAA,CAAA;gCAAKC,SAAAA,EAAU;;AAD1DP,yBAAAA,EAAAA,KAAAA,CAAAA,CAAAA;oBAItBf,KAAAA,CAAMuB,MAAM,GAAG,CAAA,kBACZnB,eAAA,CAAAoB,mBAAA,EAAA;;AACI,0CAAAR,cAAA,CAACX,gBAAQoB,IAAI,EAAA;gCAACC,YAAAA,EAAW,gBAAA;AACrB,gCAAA,QAAA,gBAAAV,cAAA,CAACW,GAAAA,EAAAA;oCAAEL,SAAAA,EAAU,oBAAA;oCAAqBM,aAAAA,EAAY;;;AAElD,0CAAAZ,cAAA,CAACX,gBAAQwB,IAAI,EAAA;gCAACH,YAAAA,EAAW,YAAA;AACrB,gCAAA,QAAA,gBAAAV,cAAA,CAACW,GAAAA,EAAAA;oCAAEL,SAAAA,EAAU,qBAAA;oCAAsBM,aAAAA,EAAY;;;;;;;AAK9D1B,YAAAA,cAAAA,IAAkBF,MAAMuB,MAAM,GAAG,CAAA,kBAC9BP,cAAA,CAACX,gBAAQyB,SAAS,EAAA;gBAACC,aAAAA,EAAepB,yBAAAA,CAAeZ,SAAS,YAAA,EAAc,CAAA,CAAA;gBAAIiC,IAAAA,EAAM7B,0BAAAA,CAAgBJ,SAAS,UAAA,EAAY,IAAA,CAAA;wCACnHiB,cAAA,CAACX,gBAAQ4B,gBAAgB,EAAA;AACpBjC,oBAAAA,QAAAA,EAAAA,KAAAA,CAAMa,GAAG,CAAC,CAACC,MAAMC,KAAAA,iBACdC,cAAA,CAACX,gBAAQ6B,aAAa,EAAA;4BAAanB,KAAAA,EAAOA,KAAAA;AACtC,4BAAA,QAAA,gBAAAC,cAAA,CAACE,KAAAA,EAAAA;AAAIC,gCAAAA,GAAAA,EAAKC,OAAON,IAAAA,CAAKqB,SAAS,IAAIrB,IAAAA,CAAKK,GAAG,IAAI,EAAA,CAAA;gCAAKE,GAAAA,EAAKD,MAAAA,CAAON,IAAAA,CAAKO,GAAG,IAAI,EAAA,CAAA;gCAAKC,SAAAA,EAAU;;AADnEP,yBAAAA,EAAAA,KAAAA,CAAAA;;;;;AASxD;;;;"}

package/dist/cjs/media/PrimeImage.js

@@ -1,19 +1,25 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var image = require('primereact/image');
+var Image = require('./Image.js');
 var properties = require('../properties.js');
 
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
 /**
  * The `PrimeReact:image` component - an image with an optional full-screen preview.
  *
+ * PrimeReact 11 removed `Image` with no replacement and no headless hook, so the adapter renders Cratis's
+ * own {@link Image}. The element's authored contract is unchanged, which is the point: which library
+ * happens to draw an `img` is not something a screen should have to be rewritten over.
+ *
  * `alt` defaults to an empty string rather than to the file name: an image with no authored alternative
  * text is decorative until someone says otherwise, and inventing one would put a URL fragment in front of
  * a screen reader.
  */ function PrimeImage({ element }) {
-    return /*#__PURE__*/ jsxRuntime.jsx(image.Image, {
+    return /*#__PURE__*/ jsxRuntime.jsx(Image.Image, {
         "data-scene-id": element.id,
-        src: properties.stringProperty(element, 'src', ''),
+        src: properties.stringProperty(element, 'src'),
         alt: properties.stringProperty(element, 'alt', ''),
         width: properties.stringProperty(element, 'width'),
         height: properties.stringProperty(element, 'height'),

package/dist/cjs/media/PrimeImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeImage.js","sources":["../../../media/PrimeImage.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 { Image } from 'primereact/image';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:image` component - an image with an optional full-screen preview.\n *\n * `alt` defaults to an empty string rather than to the file name: an image with no authored alternative\n * text is decorative until someone says otherwise, and inventing one would put a URL fragment in front of\n * a screen reader.\n */\nexport function PrimeImage({ element }: RegisteredComponentProps) {\n    return (\n        <Image\n            data-scene-id={element.id}\n            src={stringProperty(element, 'src', '')}\n            alt={stringProperty(element, 'alt', '')}\n            width={stringProperty(element, 'width')}\n            height={stringProperty(element, 'height')}\n            preview={booleanProperty(element, 'preview', false)}\n        />\n    );\n}\n"],"names":["PrimeImage","element","_jsx","Image","data-scene-id","id","src","stringProperty","alt","width","height","preview","booleanProperty"],"mappings":";;;;;;AAOA;;;;;;AAMC,IACM,SAASA,UAAAA,CAAW,EAAEC,OAAO,EAA4B,EAAA;AAC5D,IAAA,qBACIC,cAAA,CAACC,WAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;QACzBC,GAAAA,EAAKC,yBAAAA,CAAeN,SAAS,KAAA,EAAO,EAAA,CAAA;QACpCO,GAAAA,EAAKD,yBAAAA,CAAeN,SAAS,KAAA,EAAO,EAAA,CAAA;AACpCQ,QAAAA,KAAAA,EAAOF,0BAAeN,OAAAA,EAAS,OAAA,CAAA;AAC/BS,QAAAA,MAAAA,EAAQH,0BAAeN,OAAAA,EAAS,QAAA,CAAA;QAChCU,OAAAA,EAASC,0BAAAA,CAAgBX,SAAS,SAAA,EAAW,KAAA;;AAGzD;;;;"}
+{"version":3,"file":"PrimeImage.js","sources":["../../../media/PrimeImage.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 { RegisteredComponentProps } from '@cratis/scene.react';\nimport { Image } from './Image';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:image` component - an image with an optional full-screen preview.\n *\n * PrimeReact 11 removed `Image` with no replacement and no headless hook, so the adapter renders Cratis's\n * own {@link Image}. The element's authored contract is unchanged, which is the point: which library\n * happens to draw an `img` is not something a screen should have to be rewritten over.\n *\n * `alt` defaults to an empty string rather than to the file name: an image with no authored alternative\n * text is decorative until someone says otherwise, and inventing one would put a URL fragment in front of\n * a screen reader.\n */\nexport function PrimeImage({ element }: RegisteredComponentProps) {\n    return (\n        <Image\n            data-scene-id={element.id}\n            src={stringProperty(element, 'src')}\n            alt={stringProperty(element, 'alt', '')}\n            width={stringProperty(element, 'width')}\n            height={stringProperty(element, 'height')}\n            preview={booleanProperty(element, 'preview', false)}\n        />\n    );\n}\n"],"names":["PrimeImage","element","_jsx","Image","data-scene-id","id","src","stringProperty","alt","width","height","preview","booleanProperty"],"mappings":";;;;;;AAAA;AACA;AAMA;;;;;;;;;;AAUC,IACM,SAASA,UAAAA,CAAW,EAAEC,OAAO,EAA4B,EAAA;AAC5D,IAAA,qBACIC,cAAA,CAACC,WAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeH,QAAQI,EAAE;AACzBC,QAAAA,GAAAA,EAAKC,0BAAeN,OAAAA,EAAS,KAAA,CAAA;QAC7BO,GAAAA,EAAKD,yBAAAA,CAAeN,SAAS,KAAA,EAAO,EAAA,CAAA;AACpCQ,QAAAA,KAAAA,EAAOF,0BAAeN,OAAAA,EAAS,OAAA,CAAA;AAC/BS,QAAAA,MAAAA,EAAQH,0BAAeN,OAAAA,EAAS,QAAA,CAAA;QAChCU,OAAAA,EAASC,0BAAAA,CAAgBX,SAAS,SAAA,EAAW,KAAA;;AAGzD;;;;"}

package/dist/cjs/menu/Dock.js

@@ -0,0 +1,111 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var DockPosition = require('./DockPosition.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const dockStyle = {
+    position: 'absolute',
+    background: 'var(--scene-surface-overlay)',
+    border: '1px solid var(--scene-surface-border)',
+    borderRadius: 'var(--scene-content-border-radius)',
+    color: 'var(--scene-text-color)'
+};
+const entryStyle = {
+    background: 'transparent',
+    border: 'none',
+    color: 'inherit',
+    cursor: 'pointer',
+    font: 'inherit',
+    fontSize: '1.5rem',
+    lineHeight: 1,
+    textDecoration: 'none'
+};
+/**
+ * Where the dock sits within its container, for one edge.
+ *
+ * The offset lives here rather than in four CSS classes because this package ships no component
+ * stylesheets, and because the two axes are genuinely coupled: an edge decides both which side is pinned
+ * and which axis is centered, so writing them together is what keeps them consistent.
+ */ function anchor(position) {
+    switch(position){
+        case DockPosition.DockPosition.Top:
+            return {
+                top: 0,
+                left: '50%',
+                transform: 'translateX(-50%)'
+            };
+        case DockPosition.DockPosition.Left:
+            return {
+                left: 0,
+                top: '50%',
+                transform: 'translateY(-50%)'
+            };
+        case DockPosition.DockPosition.Right:
+            return {
+                right: 0,
+                top: '50%',
+                transform: 'translateY(-50%)'
+            };
+        default:
+            return {
+                bottom: 0,
+                left: '50%',
+                transform: 'translateX(-50%)'
+            };
+    }
+}
+/**
+ * A small strip of icons anchored to one edge of its container. Cratis-owned.
+ *
+ * This exists because PrimeReact 11 removed `primereact/dock` outright, with no successor and no headless
+ * hook. It positions itself absolutely, so it expects a positioned container to sit in - dropped straight
+ * into a page it would pin itself to the page, which is why the Scene adapter wraps it in a sized relative
+ * box.
+ *
+ * Entries are icon-only, and that is precisely why each one carries its label as `aria-label` and as a
+ * `title`: a control whose only content is a decorative glyph has no accessible name at all otherwise, and
+ * a dock is exactly the shape of component where that gets forgotten. An entry with no icon still renders,
+ * as a neutral placeholder glyph, so a half-authored screen shows a gap rather than an invisible control.
+ *
+ * What it deliberately does not carry over from the v10 `Dock`: there is no magnification of the icon under
+ * the pointer, which was the component's signature effect and is pure decoration; there are no tooltips
+ * beyond the browser's own `title`; and item templates are not supported.
+ */ function Dock({ items = [], position = DockPosition.DockPosition.Bottom, ...rest }) {
+    const vertical = position === DockPosition.DockPosition.Left || position === DockPosition.DockPosition.Right;
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        ...rest,
+        role: "toolbar",
+        "aria-orientation": vertical ? 'vertical' : 'horizontal',
+        className: vertical ? 'flex flex-col items-center gap-2 p-3' : 'flex items-center gap-2 p-3',
+        style: {
+            ...dockStyle,
+            ...anchor(position)
+        },
+        children: items.map((item, index)=>item.url === undefined ? /*#__PURE__*/ jsxRuntime.jsx("button", {
+                type: "button",
+                style: entryStyle,
+                disabled: item.disabled,
+                title: item.label,
+                "aria-label": item.label,
+                onClick: ()=>item.command?.(),
+                children: /*#__PURE__*/ jsxRuntime.jsx("i", {
+                    className: item.icon ?? 'pi pi-circle',
+                    "aria-hidden": "true"
+                })
+            }, index) : /*#__PURE__*/ jsxRuntime.jsx("a", {
+                href: item.url,
+                style: entryStyle,
+                title: item.label,
+                "aria-label": item.label,
+                children: /*#__PURE__*/ jsxRuntime.jsx("i", {
+                    className: item.icon ?? 'pi pi-circle',
+                    "aria-hidden": "true"
+                })
+            }, index))
+    });
+}
+
+exports.Dock = Dock;
+//# sourceMappingURL=Dock.js.map

package/dist/cjs/menu/Dock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dock.js","sources":["../../../menu/Dock.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 { MenuItem } from '../MenuItem';\nimport { DockPosition } from './DockPosition';\n\nconst dockStyle: CSSProperties = {\n    position: 'absolute',\n    background: 'var(--scene-surface-overlay)',\n    border: '1px solid var(--scene-surface-border)',\n    borderRadius: 'var(--scene-content-border-radius)',\n    color: 'var(--scene-text-color)',\n};\n\nconst entryStyle: CSSProperties = {\n    background: 'transparent',\n    border: 'none',\n    color: 'inherit',\n    cursor: 'pointer',\n    font: 'inherit',\n    fontSize: '1.5rem',\n    lineHeight: 1,\n    textDecoration: 'none',\n};\n\n/**\n * Where the dock sits within its container, for one edge.\n *\n * The offset lives here rather than in four CSS classes because this package ships no component\n * stylesheets, and because the two axes are genuinely coupled: an edge decides both which side is pinned\n * and which axis is centered, so writing them together is what keeps them consistent.\n */\nfunction anchor(position: DockPosition): CSSProperties {\n    switch (position) {\n        case DockPosition.Top:\n            return { top: 0, left: '50%', transform: 'translateX(-50%)' };\n        case DockPosition.Left:\n            return { left: 0, top: '50%', transform: 'translateY(-50%)' };\n        case DockPosition.Right:\n            return { right: 0, top: '50%', transform: 'translateY(-50%)' };\n        default:\n            return { bottom: 0, left: '50%', transform: 'translateX(-50%)' };\n    }\n}\n\n/**\n * The configuration {@link Dock} takes.\n */\nexport interface DockProps extends HTMLAttributes<HTMLDivElement> {\n    /**\n     * The entries to show. Each is shown as its icon alone, with its label as the accessible name.\n     */\n    items?: MenuItem[];\n\n    /**\n     * The edge of the containing box to anchor against.\n     */\n    position?: DockPosition;\n}\n\n/**\n * A small strip of icons anchored to one edge of its container. Cratis-owned.\n *\n * This exists because PrimeReact 11 removed `primereact/dock` outright, with no successor and no headless\n * hook. It positions itself absolutely, so it expects a positioned container to sit in - dropped straight\n * into a page it would pin itself to the page, which is why the Scene adapter wraps it in a sized relative\n * box.\n *\n * Entries are icon-only, and that is precisely why each one carries its label as `aria-label` and as a\n * `title`: a control whose only content is a decorative glyph has no accessible name at all otherwise, and\n * a dock is exactly the shape of component where that gets forgotten. An entry with no icon still renders,\n * as a neutral placeholder glyph, so a half-authored screen shows a gap rather than an invisible control.\n *\n * What it deliberately does not carry over from the v10 `Dock`: there is no magnification of the icon under\n * the pointer, which was the component's signature effect and is pure decoration; there are no tooltips\n * beyond the browser's own `title`; and item templates are not supported.\n */\nexport function Dock({ items = [], position = DockPosition.Bottom, ...rest }: DockProps) {\n    const vertical = position === DockPosition.Left || position === DockPosition.Right;\n\n    return (\n        <div\n            {...rest}\n            role='toolbar'\n            aria-orientation={vertical ? 'vertical' : 'horizontal'}\n            className={vertical ? 'flex flex-col items-center gap-2 p-3' : 'flex items-center gap-2 p-3'}\n            style={{ ...dockStyle, ...anchor(position) }}>\n            {items.map((item, index) =>\n                item.url === undefined ? (\n                    <button\n                        key={index}\n                        type='button'\n                        style={entryStyle}\n                        disabled={item.disabled}\n                        title={item.label}\n                        aria-label={item.label}\n                        onClick={() => item.command?.()}>\n                        <i className={item.icon ?? 'pi pi-circle'} aria-hidden='true' />\n                    </button>\n                ) : (\n                    <a key={index} href={item.url} style={entryStyle} title={item.label} aria-label={item.label}>\n                        <i className={item.icon ?? 'pi pi-circle'} aria-hidden='true' />\n                    </a>\n                )\n            )}\n        </div>\n    );\n}\n"],"names":["dockStyle","position","background","border","borderRadius","color","entryStyle","cursor","font","fontSize","lineHeight","textDecoration","anchor","DockPosition","Top","top","left","transform","Left","Right","right","bottom","Dock","items","Bottom","rest","vertical","_jsx","div","role","aria-orientation","className","style","map","item","index","url","undefined","button","type","disabled","title","label","aria-label","onClick","command","i","icon","aria-hidden","a","href"],"mappings":"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"}

package/dist/cjs/menu/DockPosition.js

@@ -0,0 +1,29 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The edge a {@link Dock} is anchored to.
+ *
+ * This is an enum rather than a union of string literals so the four edges are discoverable from the type
+ * itself and a `switch` over them stays exhaustive: adding a fifth edge becomes a compile error at every
+ * place that maps an edge onto a position, instead of a silently missing case. The values are the same
+ * lowercase words a screen authors, so an authored `position` maps straight onto a member.
+ */ var DockPosition = /*#__PURE__*/ function(DockPosition) {
+    /**
+     * Anchored to the top edge, laid out across.
+     */ DockPosition["Top"] = "top";
+    /**
+     * Anchored to the bottom edge, laid out across. The macOS-style default.
+     */ DockPosition["Bottom"] = "bottom";
+    /**
+     * Anchored to the left edge, laid out down.
+     */ DockPosition["Left"] = "left";
+    /**
+     * Anchored to the right edge, laid out down.
+     */ DockPosition["Right"] = "right";
+    return DockPosition;
+}({});
+
+exports.DockPosition = DockPosition;
+//# sourceMappingURL=DockPosition.js.map

package/dist/cjs/menu/DockPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockPosition.js","sources":["../../../menu/DockPosition.ts"],"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\n/**\n * The edge a {@link Dock} is anchored to.\n *\n * This is an enum rather than a union of string literals so the four edges are discoverable from the type\n * itself and a `switch` over them stays exhaustive: adding a fifth edge becomes a compile error at every\n * place that maps an edge onto a position, instead of a silently missing case. The values are the same\n * lowercase words a screen authors, so an authored `position` maps straight onto a member.\n */\nexport enum DockPosition {\n    /**\n     * Anchored to the top edge, laid out across.\n     */\n    Top = 'top',\n\n    /**\n     * Anchored to the bottom edge, laid out across. The macOS-style default.\n     */\n    Bottom = 'bottom',\n\n    /**\n     * Anchored to the left edge, laid out down.\n     */\n    Left = 'left',\n\n    /**\n     * Anchored to the right edge, laid out down.\n     */\n    Right = 'right',\n}\n"],"names":["DockPosition"],"mappings":";;AAAA;AACA;AAEA;;;;;;;IAQO,IAAKA,YAAAA,iBAAAA,SAAAA,YAAAA,EAAAA;AACR;;AAEC,QAAA,YAAA,CAAA,KAAA,CAAA,GAAA,KAAA;AAGD;;AAEC,QAAA,YAAA,CAAA,QAAA,CAAA,GAAA,QAAA;AAGD;;AAEC,QAAA,YAAA,CAAA,MAAA,CAAA,GAAA,MAAA;AAGD;;AAEC,QAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAA;AAlBOA,IAAAA,OAAAA,YAAAA;AAoBX,CAAA,CAAA,EAAA;;;;"}

package/dist/cjs/menu/MegaMenu.js

@@ -0,0 +1,138 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var MenuItemAction = require('./MenuItemAction.js');
+var MenuItemContent = require('./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,
+    background: 'var(--scene-surface-overlay)',
+    border: '1px solid var(--scene-surface-border)',
+    borderRadius: 'var(--scene-content-border-radius)'
+};
+const columnHeadingStyle = {
+    color: 'var(--scene-text-muted-color)'
+};
+const columnItemStyle = {
+    ...triggerStyle,
+    width: '100%',
+    textAlign: 'left'
+};
+/**
+ * A horizontal bar whose panels lay their commands out in labeled columns. Cratis-owned.
+ *
+ * This exists because PrimeReact 11 removed `primereact/megamenu` outright, with no successor and no
+ * headless hook, so a screen that authored a mega menu had nothing left to render. It is a separate
+ * component from {@link Menubar} rather than a flag on it because the two read genuinely different item
+ * models - a menubar's children are commands, a mega menu's children are columns - and collapsing that
+ * into a boolean would make both harder to read than keeping them apart.
+ *
+ * The column model is where this deliberately departs from v10. PrimeReact 10 spelled columns as an array
+ * of arrays, so an entry's `items` held column groups rather than menu entries. Scene's item reader
+ * follows nested *objects* and drops nested arrays, which means that shape never reached the component
+ * intact anyway. Columns are therefore one ordinary level of nesting here: an entry's children are
+ * columns, and a column's children are its commands. The same authored model now survives the reader.
+ *
+ * What it otherwise does not carry over from v10: there is no vertical orientation, so the `orientation`
+ * property a v10 screen may have set is ignored rather than half-honored; panels open on click only,
+ * never on hover; and item templates are not supported.
+ */ function MegaMenu({ items = [], ...rest }) {
+    const [openIndex, setOpenIndex] = react.useState(undefined);
+    react.useEffect(()=>{
+        const close = ()=>setOpenIndex(undefined);
+        document.addEventListener('click', close);
+        return ()=>document.removeEventListener('click', close);
+    }, []);
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        ...rest,
+        role: "menubar",
+        className: "relative flex items-center gap-2 p-3",
+        style: barStyle,
+        onKeyDown: (event)=>{
+            if (event.key === 'Escape') setOpenIndex(undefined);
+        },
+        children: items.map((item, index)=>{
+            const columns = item.items ?? [];
+            return /*#__PURE__*/ jsxRuntime.jsx("div", {
+                role: "none",
+                className: "relative",
+                children: columns.length > 0 ? /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.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__*/ jsxRuntime.jsx(MenuItemContent.MenuItemContent, {
+                                    item: item
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx("i", {
+                                    className: "pi pi-angle-down",
+                                    "aria-hidden": "true"
+                                })
+                            ]
+                        }),
+                        openIndex === index && /*#__PURE__*/ jsxRuntime.jsx("div", {
+                            role: "menu",
+                            "aria-label": item.label,
+                            className: "flex gap-4 p-3",
+                            style: panelStyle,
+                            children: columns.map((column, columnIndex)=>/*#__PURE__*/ jsxRuntime.jsxs("div", {
+                                    role: "group",
+                                    "aria-label": column.label,
+                                    className: "flex flex-col gap-1",
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                            className: "text-sm font-semibold",
+                                            style: columnHeadingStyle,
+                                            children: column.label
+                                        }),
+                                        (column.items ?? []).map((child, childIndex)=>/*#__PURE__*/ jsxRuntime.jsx(MenuItemAction.MenuItemAction, {
+                                                item: child,
+                                                role: "menuitem",
+                                                className: "flex items-center gap-2",
+                                                style: columnItemStyle
+                                            }, childIndex))
+                                    ]
+                                }, columnIndex))
+                        })
+                    ]
+                }) : /*#__PURE__*/ jsxRuntime.jsx(MenuItemAction.MenuItemAction, {
+                    item: item,
+                    role: "menuitem",
+                    className: "inline-flex items-center gap-2",
+                    style: triggerStyle
+                })
+            }, index);
+        })
+    });
+}
+
+exports.MegaMenu = MegaMenu;
+//# sourceMappingURL=MegaMenu.js.map

package/dist/cjs/menu/MegaMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MegaMenu.js","sources":["../../../menu/MegaMenu.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, 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    background: 'var(--scene-surface-overlay)',\n    border: '1px solid var(--scene-surface-border)',\n    borderRadius: 'var(--scene-content-border-radius)',\n};\n\nconst columnHeadingStyle: CSSProperties = { color: 'var(--scene-text-muted-color)' };\n\nconst columnItemStyle: CSSProperties = { ...triggerStyle, width: '100%', textAlign: 'left' };\n\n/**\n * The configuration {@link MegaMenu} takes.\n */\nexport interface MegaMenuProps extends HTMLAttributes<HTMLDivElement> {\n    /**\n     * The commands to show. Each top-level entry's children are the columns of its panel, and each\n     * column's own children are the commands in that column.\n     */\n    items?: MenuItem[];\n}\n\n/**\n * A horizontal bar whose panels lay their commands out in labeled columns. Cratis-owned.\n *\n * This exists because PrimeReact 11 removed `primereact/megamenu` outright, with no successor and no\n * headless hook, so a screen that authored a mega menu had nothing left to render. It is a separate\n * component from {@link Menubar} rather than a flag on it because the two read genuinely different item\n * models - a menubar's children are commands, a mega menu's children are columns - and collapsing that\n * into a boolean would make both harder to read than keeping them apart.\n *\n * The column model is where this deliberately departs from v10. PrimeReact 10 spelled columns as an array\n * of arrays, so an entry's `items` held column groups rather than menu entries. Scene's item reader\n * follows nested *objects* and drops nested arrays, which means that shape never reached the component\n * intact anyway. Columns are therefore one ordinary level of nesting here: an entry's children are\n * columns, and a column's children are its commands. The same authored model now survives the reader.\n *\n * What it otherwise does not carry over from v10: there is no vertical orientation, so the `orientation`\n * property a v10 screen may have set is ignored rather than half-honored; panels open on click only,\n * never on hover; and item templates are not supported.\n */\nexport function MegaMenu({ items = [], ...rest }: MegaMenuProps) {\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            role='menubar'\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            {items.map((item, index) => {\n                const columns = item.items ?? [];\n\n                return (\n                    <div key={index} role='none' className='relative'>\n                        {columns.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 gap-4 p-3' style={panelStyle}>\n                                        {columns.map((column, columnIndex) => (\n                                            <div key={columnIndex} role='group' aria-label={column.label} className='flex flex-col gap-1'>\n                                                <span className='text-sm font-semibold' style={columnHeadingStyle}>\n                                                    {column.label}\n                                                </span>\n                                                {(column.items ?? []).map((child, childIndex) => (\n                                                    <MenuItemAction\n                                                        key={childIndex}\n                                                        item={child}\n                                                        role='menuitem'\n                                                        className='flex items-center gap-2'\n                                                        style={columnItemStyle}\n                                                    />\n                                                ))}\n                                            </div>\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    );\n}\n"],"names":["barStyle","background","border","borderRadius","color","triggerStyle","cursor","font","textDecoration","panelStyle","position","top","left","zIndex","columnHeadingStyle","columnItemStyle","width","textAlign","MegaMenu","items","rest","openIndex","setOpenIndex","useState","undefined","useEffect","close","document","addEventListener","removeEventListener","_jsx","div","role","className","style","onKeyDown","event","key","map","item","index","columns","length","_jsxs","_Fragment","button","type","disabled","aria-haspopup","aria-expanded","onClick","stopPropagation","MenuItemContent","i","aria-hidden","aria-label","label","column","columnIndex","span","child","childIndex","MenuItemAction"],"mappings":"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"}

package/dist/cjs/menu/MenuItemAction.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var MenuItemContent = require('./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__*/ jsxRuntime.jsx("a", {
+            href: item.url,
+            role: role,
+            className: className,
+            style: style,
+            "aria-current": current === true ? 'page' : undefined,
+            onClick: activate,
+            children: /*#__PURE__*/ jsxRuntime.jsx(MenuItemContent.MenuItemContent, {
+                item: item
+            })
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx("button", {
+        type: "button",
+        role: role,
+        className: className,
+        style: style,
+        disabled: item.disabled,
+        "aria-current": current === true ? 'page' : undefined,
+        onClick: activate,
+        children: /*#__PURE__*/ jsxRuntime.jsx(MenuItemContent.MenuItemContent, {
+            item: item
+        })
+    });
+}
+
+exports.MenuItemAction = MenuItemAction;
+//# sourceMappingURL=MenuItemAction.js.map

package/dist/cjs/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,cAAA,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,cAAA,CAACK,+BAAAA,EAAAA;gBAAgBhB,IAAAA,EAAMA;;;AAGnC,IAAA;AAEA,IAAA,qBACIW,cAAA,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,cAAA,CAACK,+BAAAA,EAAAA;YAAgBhB,IAAAA,EAAMA;;;AAGnC;;;;"}