@cratis/components 4.26.1 → 4.26.2

package/compat-manifest.json

@@ -68,7 +68,7 @@
         {
             "name": "@cratis/components",
             "role": "core",
-            "version": "4.26.1",
+            "version": "4.26.2",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
@@ -92,7 +92,7 @@
         {
             "name": "@cratis/eslint-plugin-components",
             "role": "eslint",
-            "version": "4.26.1",
+            "version": "4.26.2",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
@@ -105,7 +105,7 @@
         {
             "name": "@cratis/components.migrator",
             "role": "migrator",
-            "version": "4.26.1",
+            "version": "4.26.2",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
@@ -116,13 +116,13 @@
         {
             "name": "@cratis/components.conformance",
             "role": "conformance",
-            "version": "4.26.1",
+            "version": "4.26.2",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
             "packageAccess": "public",
             "peerDependencies": {
-                "@cratis/components": "4.26.1",
+                "@cratis/components": "4.26.2",
                 "react": "^19.0.0",
                 "react-dom": "^19.0.0"
             },
@@ -132,13 +132,13 @@
         {
             "name": "@cratis/components.mui",
             "role": "renderer-adapter",
-            "version": "4.26.1",
+            "version": "4.26.2",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
             "packageAccess": "public",
             "peerDependencies": {
-                "@cratis/components": "4.26.1",
+                "@cratis/components": "4.26.2",
                 "@emotion/react": ">=11.5 <12",
                 "@emotion/styled": ">=11.11 <12",
                 "@mui/material": ">=9 <10",
@@ -188,13 +188,13 @@
         {
             "name": "@cratis/components.primereact",
             "role": "renderer-adapter",
-            "version": "4.26.1",
+            "version": "4.26.2",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
             "packageAccess": "public",
             "peerDependencies": {
-                "@cratis/components": "4.26.1",
+                "@cratis/components": "4.26.2",
                 "@primereact/core": ">=11 <12",
                 "@primereact/ui": ">=11 <12",
                 "@primeuix/themes": ">=3 <4",
@@ -256,13 +256,13 @@
         {
             "name": "@cratis/components.primereact10",
             "role": "renderer-adapter",
-            "version": "4.26.1",
+            "version": "4.26.2",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
             "packageAccess": "public",
             "peerDependencies": {
-                "@cratis/components": "4.26.1",
+                "@cratis/components": "4.26.2",
                 "primereact": ">=10.9.9 <11",
                 "react": "^19.0.0",
                 "react-dom": "^19.0.0"

package/dist/esm/SchemaEditor/Tree/PropertyTypeMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyTypeMenu.d.ts","sourceRoot":"","sources":["../../../../SchemaEditor/Tree/PropertyTypeMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQrF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAO7D,iGAAiG;AACjG,MAAM,WAAW,qBAAqB;IAClC,2BAA2B;IAC3B,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAErC,kJAAkJ;IAClJ,QAAQ,EAAE,eAAe,EAAE,GAAG,SAAS,CAAC;IAExC,6FAA6F;IAC7F,WAAW,EAAE,KAAK,GAAG,YAAY,CAAC;IAElC,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAC;IAErB,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAC;IAEpB,iCAAiC;IACjC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAErC,qFAAqF;IACrF,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5D;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,+EAAgF,qBAAqB,gCA0FjI,CAAC"}
+{"version":3,"file":"PropertyTypeMenu.d.ts","sourceRoot":"","sources":["../../../../SchemaEditor/Tree/PropertyTypeMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQrF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAO7D,iGAAiG;AACjG,MAAM,WAAW,qBAAqB;IAClC,2BAA2B;IAC3B,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAErC,kJAAkJ;IAClJ,QAAQ,EAAE,eAAe,EAAE,GAAG,SAAS,CAAC;IAExC,6FAA6F;IAC7F,WAAW,EAAE,KAAK,GAAG,YAAY,CAAC;IAElC,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAC;IAErB,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAC;IAEpB,iCAAiC;IACjC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAErC,qFAAqF;IACrF,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5D;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,+EAAgF,qBAAqB,gCA0GjI,CAAC"}

package/dist/esm/SchemaEditor/Tree/PropertyTypeMenu.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { UNSAFE_PortalProvider } from 'react-aria';
 import { Button } from 'react-aria-components/Button';
-import { MenuTrigger, Popover, Menu, MenuSection, Header, MenuItem, Separator } from 'react-aria-components/Menu';
+import { MenuTrigger, Popover, Menu, SubmenuTrigger, MenuItem, Separator } from 'react-aria-components/Menu';
 import { asReactAriaButtonProps } from '../../Common/reactAriaProps.js';
 import { zIndexAboveDialog, OVERLAY_OFFSET } from '../../renderer/dialogStack.js';
 import { useNearestDialogZIndex } from '../../renderer/DialogStackContext.js';
@@ -31,7 +31,7 @@ const PropertyTypeMenu = ({ labels, concepts, triggerPart, triggerLabel, childre
     };
     const typeItem = (type) => (jsxs(MenuItem, { id: `${typePrefix}${type}`, textValue: propertyTypeName(type, labels), className: `cratis-schema-editor__menu-item ${parts?.menuItem?.className ?? ''}`, "data-cratis-part": 'menuItem', children: [jsx(PropertyTypeGlyph, { type: type }), propertyTypeName(type, labels)] }, type));
     const triggerAttributes = parts?.[triggerPart];
-    return (jsx(UNSAFE_PortalProvider, { getContainer: overlayEnvironment.getContainer, children: jsxs(MenuTrigger, { children: [jsx(Button, { ...asReactAriaButtonProps(triggerAttributes), "aria-label": triggerLabel, className: `cratis-schema-editor__${triggerPart === 'add' ? 'add' : 'type-button'} ${triggerAttributes?.className ?? ''}`, "data-cratis-part": triggerPart === 'add' ? 'add' : 'typeButton', children: children }), jsx(Popover, { ...parts?.menu, className: `cratis-schema-editor__menu ${parts?.menu?.className ?? ''}`, style: { zIndex, ...parts?.menu?.style }, "data-cratis-part": 'menu', children: jsxs(Menu, { "aria-label": labels.propertyTypes, onAction: handleAction, className: 'cratis-schema-editor__menu-list', children: [primitivePropertyTypes.map(typeItem), concepts !== undefined && (jsxs(MenuSection, { className: 'cratis-schema-editor__menu-section', children: [jsx(Header, { className: 'cratis-schema-editor__menu-heading', children: labels.concepts }), sortedConcepts.length === 0 && (jsx(MenuItem, { id: 'concept-hint', isDisabled: true, textValue: labels.noConcepts, className: `cratis-schema-editor__menu-item cratis-schema-editor__menu-hint ${parts?.menuItem?.className ?? ''}`, "data-cratis-part": 'menuItem', children: labels.noConcepts })), sortedConcepts.map(concept => (jsxs(MenuItem, { id: `${conceptPrefix}${concept.name}`, textValue: concept.name, className: `cratis-schema-editor__menu-item ${parts?.menuItem?.className ?? ''}`, "data-cratis-part": 'menuItem', children: [jsx(PropertyTypeGlyph, { type: concept.type }), concept.name] }, concept.name)))] })), jsx(Separator, { className: 'cratis-schema-editor__menu-separator' }), compositePropertyTypes.map(typeItem)] }) })] }) }));
+    return (jsx(UNSAFE_PortalProvider, { getContainer: overlayEnvironment.getContainer, children: jsxs(MenuTrigger, { children: [jsx(Button, { ...asReactAriaButtonProps(triggerAttributes), "aria-label": triggerLabel, className: `cratis-schema-editor__${triggerPart === 'add' ? 'add' : 'type-button'} ${triggerAttributes?.className ?? ''}`, "data-cratis-part": triggerPart === 'add' ? 'add' : 'typeButton', children: children }), jsx(Popover, { ...parts?.menu, className: `cratis-schema-editor__menu ${parts?.menu?.className ?? ''}`, style: { zIndex, ...parts?.menu?.style }, "data-cratis-part": 'menu', children: jsxs(Menu, { "aria-label": labels.propertyTypes, onAction: handleAction, className: 'cratis-schema-editor__menu-list', children: [primitivePropertyTypes.map(typeItem), concepts !== undefined && (jsxs(SubmenuTrigger, { children: [jsxs(MenuItem, { id: 'concepts', textValue: labels.concepts, className: `cratis-schema-editor__menu-item ${parts?.menuItem?.className ?? ''}`, "data-cratis-part": 'menuItem', children: [jsx("span", { className: 'cratis-schema-editor__menu-label', children: labels.concepts }), jsx("span", { className: 'cratis-schema-editor__menu-arrow', "aria-hidden": 'true', children: "\u203A" })] }), jsx(Popover, { className: `cratis-schema-editor__menu ${parts?.menu?.className ?? ''}`, style: { zIndex }, "data-cratis-part": 'menu', children: jsxs(Menu, { "aria-label": labels.concepts, onAction: handleAction, className: 'cratis-schema-editor__menu-list', children: [sortedConcepts.length === 0 && (jsx(MenuItem, { id: 'concept-hint', isDisabled: true, textValue: labels.noConcepts, className: `cratis-schema-editor__menu-item cratis-schema-editor__menu-hint ${parts?.menuItem?.className ?? ''}`, "data-cratis-part": 'menuItem', children: labels.noConcepts })), sortedConcepts.map(concept => (jsxs(MenuItem, { id: `${conceptPrefix}${concept.name}`, textValue: concept.name, className: `cratis-schema-editor__menu-item ${parts?.menuItem?.className ?? ''}`, "data-cratis-part": 'menuItem', children: [jsx(PropertyTypeGlyph, { type: concept.type }), concept.name] }, concept.name)))] }) })] })), jsx(Separator, { className: 'cratis-schema-editor__menu-separator' }), compositePropertyTypes.map(typeItem)] }) })] }) }));
 };
 
 export { PropertyTypeMenu };

package/dist/esm/SchemaEditor/Tree/PropertyTypeMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyTypeMenu.js","sources":["../../../../SchemaEditor/Tree/PropertyTypeMenu.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 { useMemo, type ButtonHTMLAttributes, type Key, type ReactNode } from 'react';\nimport { UNSAFE_PortalProvider } from 'react-aria';\nimport { Button as AriaButton } from 'react-aria-components/Button';\nimport { Header, Menu, MenuItem, MenuSection, MenuTrigger, Popover, Separator } from 'react-aria-components/Menu';\nimport { asReactAriaButtonProps } from '../../Common/reactAriaProps';\nimport { OVERLAY_OFFSET, zIndexAboveDialog } from '../../renderer/dialogStack';\nimport { useNearestDialogZIndex } from '../../renderer/DialogStackContext';\nimport { unstable_useOverlayEnvironment } from '../../renderer/RendererContext';\nimport type { PropertyConcept } from './PropertyConcept';\nimport type { PropertyType } from './PropertyType';\nimport type { SchemaEditorLabels } from '../SchemaEditorLabels';\nimport type { SchemaEditorParts } from './SchemaEditorParts';\nimport { compositePropertyTypes, primitivePropertyTypes, propertyTypeName } from './propertyTypeDisplay';\nimport { PropertyTypeGlyph } from './PropertyTypeGlyph';\n\nconst typePrefix = 'type:';\nconst conceptPrefix = 'concept:';\n\n/** Props for the menu of types the editor offers when adding a property or changing its type. */\nexport interface PropertyTypeMenuProps {\n    /** The resolved labels. */\n    labels: Required<SchemaEditorLabels>;\n\n    /** The concepts offered after the primitive types. `undefined` when the host has not opted into concepts; an empty list shows a disabled hint. */\n    concepts: PropertyConcept[] | undefined;\n\n    /** The part of the editor the trigger button is: the add button or the row's type button. */\n    triggerPart: 'add' | 'typeButton';\n\n    /** The accessible name of the trigger. */\n    triggerLabel: string;\n\n    /** The content of the trigger. */\n    children: ReactNode;\n\n    /** The parts the host styles. */\n    parts: SchemaEditorParts | undefined;\n\n    /** Called with the chosen type, and the concept's name when a concept was chosen. */\n    onSelect: (type: PropertyType, concept?: string) => void;\n}\n\n/**\n * The accessible menu of types: the primitives, the concepts of the domain, then the composite types. It is a\n * React Aria menu in a popover, so it handles keyboard navigation, typeahead, focus return and dismissal.\n */\nexport const PropertyTypeMenu = ({ labels, concepts, triggerPart, triggerLabel, children, parts, onSelect }: PropertyTypeMenuProps) => {\n    const overlayEnvironment = unstable_useOverlayEnvironment();\n    const nearestDialogZIndex = useNearestDialogZIndex();\n    const zIndex = nearestDialogZIndex === null\n        ? 'var(--cratis-z-index-overlay)'\n        : zIndexAboveDialog(nearestDialogZIndex, OVERLAY_OFFSET);\n\n    const sortedConcepts = useMemo(\n        () => [...(concepts ?? [])].sort((left, right) => left.name.localeCompare(right.name)),\n        [concepts]);\n\n    const handleAction = (key: Key) => {\n        const identifier = String(key);\n        if (identifier.startsWith(conceptPrefix)) {\n            const concept = sortedConcepts.find(candidate => candidate.name === identifier.slice(conceptPrefix.length));\n            if (concept) onSelect(concept.type, concept.name);\n            return;\n        }\n        onSelect(identifier.slice(typePrefix.length) as PropertyType);\n    };\n\n    const typeItem = (type: PropertyType) => (\n        <MenuItem\n            key={type}\n            id={`${typePrefix}${type}`}\n            textValue={propertyTypeName(type, labels)}\n            className={`cratis-schema-editor__menu-item ${parts?.menuItem?.className ?? ''}`}\n            data-cratis-part='menuItem'\n        >\n            <PropertyTypeGlyph type={type} />\n            {propertyTypeName(type, labels)}\n        </MenuItem>\n    );\n\n    const triggerAttributes: ButtonHTMLAttributes<HTMLButtonElement> | undefined = parts?.[triggerPart];\n\n    return (\n        <UNSAFE_PortalProvider getContainer={overlayEnvironment.getContainer}>\n            <MenuTrigger>\n                <AriaButton\n                    {...asReactAriaButtonProps(triggerAttributes)}\n                    aria-label={triggerLabel}\n                    className={`cratis-schema-editor__${triggerPart === 'add' ? 'add' : 'type-button'} ${triggerAttributes?.className ?? ''}`}\n                    data-cratis-part={triggerPart === 'add' ? 'add' : 'typeButton'}\n                >\n                    {children}\n                </AriaButton>\n                <Popover\n                    {...parts?.menu}\n                    className={`cratis-schema-editor__menu ${parts?.menu?.className ?? ''}`}\n                    style={{ zIndex, ...parts?.menu?.style } as React.CSSProperties}\n                    data-cratis-part='menu'\n                >\n                    <Menu aria-label={labels.propertyTypes} onAction={handleAction} className='cratis-schema-editor__menu-list'>\n                        {primitivePropertyTypes.map(typeItem)}\n                        {concepts !== undefined && (\n                            <MenuSection className='cratis-schema-editor__menu-section'>\n                                <Header className='cratis-schema-editor__menu-heading'>{labels.concepts}</Header>\n                                {sortedConcepts.length === 0 && (\n                                    <MenuItem\n                                        id='concept-hint'\n                                        isDisabled\n                                        textValue={labels.noConcepts}\n                                        className={`cratis-schema-editor__menu-item cratis-schema-editor__menu-hint ${parts?.menuItem?.className ?? ''}`}\n                                        data-cratis-part='menuItem'\n                                    >\n                                        {labels.noConcepts}\n                                    </MenuItem>\n                                )}\n                                {sortedConcepts.map(concept => (\n                                    <MenuItem\n                                        key={concept.name}\n                                        id={`${conceptPrefix}${concept.name}`}\n                                        textValue={concept.name}\n                                        className={`cratis-schema-editor__menu-item ${parts?.menuItem?.className ?? ''}`}\n                                        data-cratis-part='menuItem'\n                                    >\n                                        <PropertyTypeGlyph type={concept.type} />\n                                        {concept.name}\n                                    </MenuItem>\n                                ))}\n                            </MenuSection>\n                        )}\n                        <Separator className='cratis-schema-editor__menu-separator' />\n                        {compositePropertyTypes.map(typeItem)}\n                    </Menu>\n                </Popover>\n            </MenuTrigger>\n        </UNSAFE_PortalProvider>\n    );\n};\n"],"names":["_jsxs","_jsx","AriaButton"],"mappings":"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"}
+{"version":3,"file":"PropertyTypeMenu.js","sources":["../../../../SchemaEditor/Tree/PropertyTypeMenu.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 { useMemo, type ButtonHTMLAttributes, type Key, type ReactNode } from 'react';\nimport { UNSAFE_PortalProvider } from 'react-aria';\nimport { Button as AriaButton } from 'react-aria-components/Button';\nimport { Menu, MenuItem, MenuTrigger, SubmenuTrigger, Popover, Separator } from 'react-aria-components/Menu';\nimport { asReactAriaButtonProps } from '../../Common/reactAriaProps';\nimport { OVERLAY_OFFSET, zIndexAboveDialog } from '../../renderer/dialogStack';\nimport { useNearestDialogZIndex } from '../../renderer/DialogStackContext';\nimport { unstable_useOverlayEnvironment } from '../../renderer/RendererContext';\nimport type { PropertyConcept } from './PropertyConcept';\nimport type { PropertyType } from './PropertyType';\nimport type { SchemaEditorLabels } from '../SchemaEditorLabels';\nimport type { SchemaEditorParts } from './SchemaEditorParts';\nimport { compositePropertyTypes, primitivePropertyTypes, propertyTypeName } from './propertyTypeDisplay';\nimport { PropertyTypeGlyph } from './PropertyTypeGlyph';\n\nconst typePrefix = 'type:';\nconst conceptPrefix = 'concept:';\n\n/** Props for the menu of types the editor offers when adding a property or changing its type. */\nexport interface PropertyTypeMenuProps {\n    /** The resolved labels. */\n    labels: Required<SchemaEditorLabels>;\n\n    /** The concepts offered after the primitive types. `undefined` when the host has not opted into concepts; an empty list shows a disabled hint. */\n    concepts: PropertyConcept[] | undefined;\n\n    /** The part of the editor the trigger button is: the add button or the row's type button. */\n    triggerPart: 'add' | 'typeButton';\n\n    /** The accessible name of the trigger. */\n    triggerLabel: string;\n\n    /** The content of the trigger. */\n    children: ReactNode;\n\n    /** The parts the host styles. */\n    parts: SchemaEditorParts | undefined;\n\n    /** Called with the chosen type, and the concept's name when a concept was chosen. */\n    onSelect: (type: PropertyType, concept?: string) => void;\n}\n\n/**\n * The accessible menu of types: the primitives, the concepts of the domain, then the composite types. It is a\n * React Aria menu in a popover, so it handles keyboard navigation, typeahead, focus return and dismissal.\n */\nexport const PropertyTypeMenu = ({ labels, concepts, triggerPart, triggerLabel, children, parts, onSelect }: PropertyTypeMenuProps) => {\n    const overlayEnvironment = unstable_useOverlayEnvironment();\n    const nearestDialogZIndex = useNearestDialogZIndex();\n    const zIndex = nearestDialogZIndex === null\n        ? 'var(--cratis-z-index-overlay)'\n        : zIndexAboveDialog(nearestDialogZIndex, OVERLAY_OFFSET);\n\n    const sortedConcepts = useMemo(\n        () => [...(concepts ?? [])].sort((left, right) => left.name.localeCompare(right.name)),\n        [concepts]);\n\n    const handleAction = (key: Key) => {\n        const identifier = String(key);\n        if (identifier.startsWith(conceptPrefix)) {\n            const concept = sortedConcepts.find(candidate => candidate.name === identifier.slice(conceptPrefix.length));\n            if (concept) onSelect(concept.type, concept.name);\n            return;\n        }\n        onSelect(identifier.slice(typePrefix.length) as PropertyType);\n    };\n\n    const typeItem = (type: PropertyType) => (\n        <MenuItem\n            key={type}\n            id={`${typePrefix}${type}`}\n            textValue={propertyTypeName(type, labels)}\n            className={`cratis-schema-editor__menu-item ${parts?.menuItem?.className ?? ''}`}\n            data-cratis-part='menuItem'\n        >\n            <PropertyTypeGlyph type={type} />\n            {propertyTypeName(type, labels)}\n        </MenuItem>\n    );\n\n    const triggerAttributes: ButtonHTMLAttributes<HTMLButtonElement> | undefined = parts?.[triggerPart];\n\n    return (\n        <UNSAFE_PortalProvider getContainer={overlayEnvironment.getContainer}>\n            <MenuTrigger>\n                <AriaButton\n                    {...asReactAriaButtonProps(triggerAttributes)}\n                    aria-label={triggerLabel}\n                    className={`cratis-schema-editor__${triggerPart === 'add' ? 'add' : 'type-button'} ${triggerAttributes?.className ?? ''}`}\n                    data-cratis-part={triggerPart === 'add' ? 'add' : 'typeButton'}\n                >\n                    {children}\n                </AriaButton>\n                <Popover\n                    {...parts?.menu}\n                    className={`cratis-schema-editor__menu ${parts?.menu?.className ?? ''}`}\n                    style={{ zIndex, ...parts?.menu?.style } as React.CSSProperties}\n                    data-cratis-part='menu'\n                >\n                    <Menu aria-label={labels.propertyTypes} onAction={handleAction} className='cratis-schema-editor__menu-list'>\n                        {primitivePropertyTypes.map(typeItem)}\n                        {concepts !== undefined && (\n                            <SubmenuTrigger>\n                                <MenuItem\n                                    id='concepts'\n                                    textValue={labels.concepts}\n                                    className={`cratis-schema-editor__menu-item ${parts?.menuItem?.className ?? ''}`}\n                                    data-cratis-part='menuItem'\n                                >\n                                    <span className='cratis-schema-editor__menu-label'>{labels.concepts}</span>\n                                    <span className='cratis-schema-editor__menu-arrow' aria-hidden='true'>›</span>\n                                </MenuItem>\n                                <Popover\n                                    className={`cratis-schema-editor__menu ${parts?.menu?.className ?? ''}`}\n                                    style={{ zIndex } as React.CSSProperties}\n                                    data-cratis-part='menu'\n                                >\n                                    <Menu aria-label={labels.concepts} onAction={handleAction} className='cratis-schema-editor__menu-list'>\n                                        {sortedConcepts.length === 0 && (\n                                            <MenuItem\n                                                id='concept-hint'\n                                                isDisabled\n                                                textValue={labels.noConcepts}\n                                                className={`cratis-schema-editor__menu-item cratis-schema-editor__menu-hint ${parts?.menuItem?.className ?? ''}`}\n                                                data-cratis-part='menuItem'\n                                            >\n                                                {labels.noConcepts}\n                                            </MenuItem>\n                                        )}\n                                        {sortedConcepts.map(concept => (\n                                            <MenuItem\n                                                key={concept.name}\n                                                id={`${conceptPrefix}${concept.name}`}\n                                                textValue={concept.name}\n                                                className={`cratis-schema-editor__menu-item ${parts?.menuItem?.className ?? ''}`}\n                                                data-cratis-part='menuItem'\n                                            >\n                                                <PropertyTypeGlyph type={concept.type} />\n                                                {concept.name}\n                                            </MenuItem>\n                                        ))}\n                                    </Menu>\n                                </Popover>\n                            </SubmenuTrigger>\n                        )}\n                        <Separator className='cratis-schema-editor__menu-separator' />\n                        {compositePropertyTypes.map(typeItem)}\n                    </Menu>\n                </Popover>\n            </MenuTrigger>\n        </UNSAFE_PortalProvider>\n    );\n};\n"],"names":["_jsxs","_jsx","AriaButton"],"mappings":"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"}

package/dist/esm/styles.SchemaEditor.css

@@ -2264,6 +2264,14 @@
     text-transform: uppercase;
 }
 
+.cratis-schema-editor__menu-label {
+    flex: 1;
+}
+
+.cratis-schema-editor__menu-arrow {
+    opacity: 0.6;
+}
+
 .cratis-schema-editor__menu-hint {
     color: var(--cratis-text-color-secondary);
     font-style: italic;

package/dist/esm/styles.css

@@ -7835,6 +7835,14 @@
     text-transform: uppercase;
 }
 
+.cratis-schema-editor__menu-label {
+    flex: 1;
+}
+
+.cratis-schema-editor__menu-arrow {
+    opacity: 0.6;
+}
+
 .cratis-schema-editor__menu-hint {
     color: var(--cratis-text-color-secondary);
     font-style: italic;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cratis/components",
-    "version": "4.26.1",
+    "version": "4.26.2",
     "description": "React components for CQRS and event-sourced apps — command dialogs, typed forms, and query-backed data tables for Cratis Arc",
     "keywords": [
         "react",