@cratis/scene.react 0.1.0

package/dist/cjs/core/CoreButton.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('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 `core:button` component - part of the minimum vocabulary a `ui profile` can always fall back to.
+ */ function CoreButton({ element, slots }) {
+    const label = typeof element.properties.label === 'string' ? element.properties.label : '';
+    return /*#__PURE__*/ jsxRuntime.jsxs("button", {
+        type: "button",
+        "data-scene-id": element.id,
+        children: [
+            label,
+            slots.content
+        ]
+    });
+}
+
+exports.CoreButton = CoreButton;
+//# sourceMappingURL=CoreButton.js.map

package/dist/cjs/core/CoreButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreButton.js","sources":["../../../core/CoreButton.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 '../renderer';\n\n/**\n * The `core:button` component - part of the minimum vocabulary a `ui profile` can always fall back to.\n */\nexport function CoreButton({ element, slots }: RegisteredComponentProps) {\n    const label = typeof element.properties.label === 'string' ? element.properties.label : '';\n    return (\n        <button type=\"button\" data-scene-id={element.id}>\n            {label}\n            {slots.content}\n        </button>\n    );\n}\n"],"names":["CoreButton","element","slots","label","properties","_jsxs","button","type","data-scene-id","id","content"],"mappings":";;;;AAAA;AACA;AAIA;;AAEC,IACM,SAASA,UAAAA,CAAW,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACnE,IAAA,MAAMC,KAAAA,GAAQ,OAAOF,OAAAA,CAAQG,UAAU,CAACD,KAAK,KAAK,QAAA,GAAWF,OAAAA,CAAQG,UAAU,CAACD,KAAK,GAAG,EAAA;AACxF,IAAA,qBACIE,eAAA,CAACC,QAAAA,EAAAA;QAAOC,IAAAA,EAAK,QAAA;AAASC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;;AAC1CN,YAAAA,KAAAA;AACAD,YAAAA,KAAAA,CAAMQ;;;AAGnB;;;;"}

package/dist/cjs/core/CoreCard.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('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 `core:card` component - part of the minimum vocabulary a `ui profile` can always fall back to.
+ */ function CoreCard({ element, slots }) {
+    return /*#__PURE__*/ jsxRuntime.jsx("section", {
+        "data-scene-id": element.id,
+        style: {
+            border: '1px solid #ccc',
+            borderRadius: 4,
+            padding: '0.75rem'
+        },
+        children: slots.content
+    });
+}
+
+exports.CoreCard = CoreCard;
+//# sourceMappingURL=CoreCard.js.map

package/dist/cjs/core/CoreCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreCard.js","sources":["../../../core/CoreCard.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 '../renderer';\n\n/**\n * The `core:card` component - part of the minimum vocabulary a `ui profile` can always fall back to.\n */\nexport function CoreCard({ element, slots }: RegisteredComponentProps) {\n    return (\n        <section data-scene-id={element.id} style={{ border: '1px solid #ccc', borderRadius: 4, padding: '0.75rem' }}>\n            {slots.content}\n        </section>\n    );\n}\n"],"names":["CoreCard","element","slots","_jsx","section","data-scene-id","id","style","border","borderRadius","padding","content"],"mappings":";;;;AAAA;AACA;AAIA;;AAEC,IACM,SAASA,QAAAA,CAAS,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACjE,IAAA,qBACIC,cAAA,CAACC,SAAAA,EAAAA;AAAQC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QAAEC,KAAAA,EAAO;YAAEC,MAAAA,EAAQ,gBAAA;YAAkBC,YAAAA,EAAc,CAAA;YAAGC,OAAAA,EAAS;AAAU,SAAA;AACtGR,QAAAA,QAAAA,EAAAA,KAAAA,CAAMS;;AAGnB;;;;"}

package/dist/cjs/core/CoreText.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var jsxRuntime = require('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 `core:text` component - the minimum vocabulary a `ui profile` can always fall back to, regardless
+ * of which packages it lists, per Scene#3's `core` fallback guarantee.
+ */ function CoreText({ element }) {
+    const text = typeof element.properties.text === 'string' ? element.properties.text : '';
+    return /*#__PURE__*/ jsxRuntime.jsx("span", {
+        "data-scene-id": element.id,
+        children: text
+    });
+}
+
+exports.CoreText = CoreText;
+//# sourceMappingURL=CoreText.js.map

package/dist/cjs/core/CoreText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreText.js","sources":["../../../core/CoreText.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 '../renderer';\n\n/**\n * The `core:text` component - the minimum vocabulary a `ui profile` can always fall back to, regardless\n * of which packages it lists, per Scene#3's `core` fallback guarantee.\n */\nexport function CoreText({ element }: RegisteredComponentProps) {\n    const text = typeof element.properties.text === 'string' ? element.properties.text : '';\n    return <span data-scene-id={element.id}>{text}</span>;\n}\n"],"names":["CoreText","element","text","properties","_jsx","span","data-scene-id","id"],"mappings":";;;;AAAA;AACA;AAIA;;;AAGC,IACM,SAASA,QAAAA,CAAS,EAAEC,OAAO,EAA4B,EAAA;AAC1D,IAAA,MAAMC,IAAAA,GAAO,OAAOD,OAAAA,CAAQE,UAAU,CAACD,IAAI,KAAK,QAAA,GAAWD,OAAAA,CAAQE,UAAU,CAACD,IAAI,GAAG,EAAA;AACrF,IAAA,qBAAOE,cAAA,CAACC,MAAAA,EAAAA;AAAKC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;AAAGL,QAAAA,QAAAA,EAAAA;;AAC7C;;;;"}

package/dist/cjs/core/coreComponents.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var ScenePackageBundle = require('../packages/ScenePackageBundle.js');
+var CoreText = require('./CoreText.js');
+var CoreButton = require('./CoreButton.js');
+var CoreCard = require('./CoreCard.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The `core` package's component registry - the final fallback every `ui profile` resolves against
+ * regardless of which other packages it lists (Scene#3).
+ */ const coreComponents = {
+    [ScenePackageBundle.componentRegistryKey('core', 'text')]: CoreText.CoreText,
+    [ScenePackageBundle.componentRegistryKey('core', 'button')]: CoreButton.CoreButton,
+    [ScenePackageBundle.componentRegistryKey('core', 'card')]: CoreCard.CoreCard
+};
+
+exports.coreComponents = coreComponents;
+//# sourceMappingURL=coreComponents.js.map

package/dist/cjs/core/coreComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coreComponents.js","sources":["../../../core/coreComponents.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\nimport { ComponentRegistry } from '../renderer';\nimport { componentRegistryKey } from '../packages';\nimport { CoreText } from './CoreText';\nimport { CoreButton } from './CoreButton';\nimport { CoreCard } from './CoreCard';\n\n/**\n * The `core` package's component registry - the final fallback every `ui profile` resolves against\n * regardless of which other packages it lists (Scene#3).\n */\nexport const coreComponents: ComponentRegistry = {\n    [componentRegistryKey('core', 'text')]: CoreText,\n    [componentRegistryKey('core', 'button')]: CoreButton,\n    [componentRegistryKey('core', 'card')]: CoreCard,\n};\n"],"names":["coreComponents","componentRegistryKey","CoreText","CoreButton","CoreCard"],"mappings":";;;;;;;AAAA;AACA;AAQA;;;UAIaA,cAAAA,GAAoC;IAC7C,CAACC,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUC,iBAAAA;IACxC,CAACD,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYE,qBAAAA;IAC1C,CAACF,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUG;AAC5C;;;;"}

package/dist/cjs/core/corePackage.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var scene_model = require('@cratis/scene.model');
+var coreComponents = require('./coreComponents.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The `core` package's declaration. Every other package is loaded by a host that reads its manifest;
+ * `core` ships inside the renderer itself, because Scene#3 guarantees a bare name always has somewhere to
+ * resolve regardless of which packages a profile lists. It is still declared the same way as any other -
+ * a package picker should be able to show it, and the dependency resolver should be able to reason about
+ * it, without a special case.
+ */ const corePackageManifest = {
+    name: 'core',
+    version: '1.0.0',
+    kind: scene_model.PackageKind.ComponentLibrary,
+    dependencies: [],
+    components: [
+        'text',
+        'button',
+        'card'
+    ],
+    layouts: [],
+    screenTemplates: [],
+    dialogTemplates: [],
+    themes: [],
+    displayName: 'Core',
+    description: 'The built-in fallback vocabulary every ui profile resolves against.',
+    module: '@cratis/scene.react'
+};
+/**
+ * The `core` package as a loadable bundle.
+ */ const corePackage = {
+    manifest: corePackageManifest,
+    components: coreComponents.coreComponents
+};
+
+exports.corePackage = corePackage;
+exports.corePackageManifest = corePackageManifest;
+//# sourceMappingURL=corePackage.js.map

package/dist/cjs/core/corePackage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"corePackage.js","sources":["../../../core/corePackage.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\nimport { PackageKind, ScenePackage } from '@cratis/scene.model';\nimport { ScenePackageBundle } from '../packages';\nimport { coreComponents } from './coreComponents';\n\n/**\n * The `core` package's declaration. Every other package is loaded by a host that reads its manifest;\n * `core` ships inside the renderer itself, because Scene#3 guarantees a bare name always has somewhere to\n * resolve regardless of which packages a profile lists. It is still declared the same way as any other -\n * a package picker should be able to show it, and the dependency resolver should be able to reason about\n * it, without a special case.\n */\nexport const corePackageManifest: ScenePackage = {\n    name: 'core',\n    version: '1.0.0',\n    kind: PackageKind.ComponentLibrary,\n    dependencies: [],\n    components: ['text', 'button', 'card'],\n    layouts: [],\n    screenTemplates: [],\n    dialogTemplates: [],\n    themes: [],\n    displayName: 'Core',\n    description: 'The built-in fallback vocabulary every ui profile resolves against.',\n    module: '@cratis/scene.react',\n};\n\n/**\n * The `core` package as a loadable bundle.\n */\nexport const corePackage: ScenePackageBundle = {\n    manifest: corePackageManifest,\n    components: coreComponents,\n};\n"],"names":["corePackageManifest","name","version","kind","PackageKind","ComponentLibrary","dependencies","components","layouts","screenTemplates","dialogTemplates","themes","displayName","description","module","corePackage","manifest","coreComponents"],"mappings":";;;;;AAAA;AACA;AAMA;;;;;;UAOaA,mBAAAA,GAAoC;IAC7CC,IAAAA,EAAM,MAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,wBAAYC,gBAAgB;AAClCC,IAAAA,YAAAA,EAAc,EAAE;IAChBC,UAAAA,EAAY;AAAC,QAAA,MAAA;AAAQ,QAAA,QAAA;AAAU,QAAA;AAAO,KAAA;AACtCC,IAAAA,OAAAA,EAAS,EAAE;AACXC,IAAAA,eAAAA,EAAiB,EAAE;AACnBC,IAAAA,eAAAA,EAAiB,EAAE;AACnBC,IAAAA,MAAAA,EAAQ,EAAE;IACVC,WAAAA,EAAa,MAAA;IACbC,WAAAA,EAAa,qEAAA;IACbC,MAAAA,EAAQ;AACZ;AAEA;;UAGaC,WAAAA,GAAkC;IAC3CC,QAAAA,EAAUhB,mBAAAA;IACVO,UAAAA,EAAYU;AAChB;;;;;"}

package/dist/cjs/index.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var SceneElementView = require('./SceneElementView.js');
+var UnresolvedComponent = require('./renderer/UnresolvedComponent.js');
+var createReactRenderer = require('./renderer/createReactRenderer.js');
+var CoreText = require('./core/CoreText.js');
+var CoreButton = require('./core/CoreButton.js');
+var CoreCard = require('./core/CoreCard.js');
+var coreComponents = require('./core/coreComponents.js');
+var corePackage = require('./core/corePackage.js');
+var NavBar = require('./NavBar/NavBar.js');
+var extractNavigationItem = require('./NavBar/extractNavigationItem.js');
+var ScenePackageBundle = require('./packages/ScenePackageBundle.js');
+var themeTokens = require('./theme/themeTokens.js');
+var SceneThemeProvider = require('./theme/SceneThemeProvider.js');
+
+
+
+exports.SceneElementView = SceneElementView.SceneElementView;
+exports.UnresolvedComponent = UnresolvedComponent.UnresolvedComponent;
+exports.createReactRenderer = createReactRenderer.createReactRenderer;
+exports.CoreText = CoreText.CoreText;
+exports.CoreButton = CoreButton.CoreButton;
+exports.CoreCard = CoreCard.CoreCard;
+exports.coreComponents = coreComponents.coreComponents;
+exports.corePackage = corePackage.corePackage;
+exports.corePackageManifest = corePackage.corePackageManifest;
+exports.NavBar = NavBar.NavBar;
+exports.extractNavigationItem = extractNavigationItem.extractNavigationItem;
+exports.componentRegistryKey = ScenePackageBundle.componentRegistryKey;
+exports.mergePackageRegistries = ScenePackageBundle.mergePackageRegistries;
+exports.validatePackageBundle = ScenePackageBundle.validatePackageBundle;
+exports.applyThemeTokens = themeTokens.applyThemeTokens;
+exports.themeTokenPrefix = themeTokens.themeTokenPrefix;
+exports.themeTokenProperty = themeTokens.themeTokenProperty;
+exports.SceneThemeProvider = SceneThemeProvider.SceneThemeProvider;
+exports.useSceneTheme = SceneThemeProvider.useSceneTheme;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/dist/cjs/packages/ScenePackageBundle.js

@@ -0,0 +1,76 @@
+'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 key a component is registered and looked up under: the package that provides it, then the bare name
+ * a screen refers to it by.
+ *
+ * A screen writes a bare name (`button`) or a package-qualified one (`PrimeReact.button`);
+ * `resolveComponentName` turns either into a `{ name, package }` pair, and this turns that pair into the
+ * registry key. Nothing should build this string by hand — the separator is an implementation detail of
+ * the registry, deliberately not the `.` used for qualification in a screen, so a package name containing
+ * dots stays unambiguous.
+ */ function componentRegistryKey(packageName, componentName) {
+    return `${packageName}:${componentName}`;
+}
+/**
+ * Checks that a bundle provides everything its manifest declares, and declares everything it provides.
+ *
+ * A manifest that promises a component the bundle does not register renders as `UnresolvedComponent` at
+ * runtime — a blank box, far from where the mistake was made. A component registered but not declared is
+ * invisible to `resolveComponentName`, so a screen can never name it. Both are silent failures, which is
+ * why every package's specs run this.
+ */ function validatePackageBundle(bundle) {
+    const problems = [];
+    const { manifest } = bundle;
+    for (const name of manifest.components){
+        if (!(componentRegistryKey(manifest.name, name) in bundle.components)) {
+            problems.push(`declares the component '${name}' but registers no implementation for it`);
+        }
+    }
+    const declared = new Set(manifest.components.map((name)=>componentRegistryKey(manifest.name, name)));
+    for (const key of Object.keys(bundle.components)){
+        if (!declared.has(key)) {
+            problems.push(`registers '${key}', which the manifest does not declare`);
+        }
+    }
+    const providedLayouts = new Set((bundle.layouts ?? []).map((layout)=>layout.name));
+    for (const name of manifest.layouts){
+        if (!providedLayouts.has(name)) {
+            problems.push(`declares the layout '${name}' but provides no definition for it`);
+        }
+    }
+    const providedScreenTemplates = new Set((bundle.screenTemplates ?? []).map((template)=>template.name));
+    for (const name of manifest.screenTemplates){
+        if (!providedScreenTemplates.has(name)) {
+            problems.push(`declares the screen template '${name}' but provides no definition for it`);
+        }
+    }
+    const providedDialogTemplates = new Set((bundle.dialogTemplates ?? []).map((template)=>template.name));
+    for (const name of manifest.dialogTemplates){
+        if (!providedDialogTemplates.has(name)) {
+            problems.push(`declares the dialog template '${name}' but provides no definition for it`);
+        }
+    }
+    const providedThemes = new Set((bundle.themes ?? []).map((theme)=>theme.name));
+    for (const name of manifest.themes){
+        if (!providedThemes.has(name)) {
+            problems.push(`declares the theme '${name}' but provides no definition for it`);
+        }
+    }
+    return problems;
+}
+/**
+ * Merges the component registries of several bundles into the single registry a renderer consumes.
+ *
+ * Keys carry their package name, so nothing collides and merge order does not matter — which package wins
+ * a *bare* name is decided earlier, by `resolveComponentName` walking the profile's priority order.
+ */ function mergePackageRegistries(bundles) {
+    return Object.assign({}, ...bundles.map((bundle)=>bundle.components));
+}
+
+exports.componentRegistryKey = componentRegistryKey;
+exports.mergePackageRegistries = mergePackageRegistries;
+exports.validatePackageBundle = validatePackageBundle;
+//# sourceMappingURL=ScenePackageBundle.js.map

package/dist/cjs/packages/ScenePackageBundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScenePackageBundle.js","sources":["../../../packages/ScenePackageBundle.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\nimport { DialogTemplate, Layout, ScenePackage, Screen, ScreenTemplate, Theme } from '@cratis/scene.model';\nimport { ComponentRegistry } from '../renderer';\n\n/**\n * What a package actually ships to a React renderer, as opposed to what it *declares*.\n *\n * `ScenePackage` is the declaration — a name, a kind, dependencies, and the names of what it\n * contributes. It is deliberately platform-agnostic and lives in `Scene.Model`, because Stage's build and\n * Studio's design-time queries both read it without ever loading a component. A bundle is the other half:\n * the real React components, layouts, screens and themes behind those names, which only a renderer needs.\n *\n * A package publishes exactly one bundle, as a named export following its own name —\n * `primeReactPackage`, `cratisComponentsPackage`, `corePackage`. A host loads it from the module the\n * declaration's `ScenePackage.module` names.\n */\nexport interface ScenePackageBundle {\n    /**\n     * The package's own declaration. Its `components`, `layouts` and `themes` name lists must agree with\n     * what this bundle actually provides — {@link validatePackageBundle} is what proves they do.\n     */\n    manifest: ScenePackage;\n\n    /**\n     * The components this package provides, keyed by {@link componentRegistryKey}.\n     */\n    components: ComponentRegistry;\n\n    /**\n     * The application shells this package provides, if any. Only a blueprint has these.\n     */\n    layouts?: Layout[];\n\n    /**\n     * The screen templates this package provides — the shapes that go inside a layout, each declaring\n     * which of its parent's slots it fills.\n     */\n    screenTemplates?: ScreenTemplate[];\n\n    /**\n     * The dialog templates this package provides.\n     */\n    dialogTemplates?: DialogTemplate[];\n\n    /**\n     * Sample screens this package ships — a layout package's gallery, so a preview has real content to\n     * put through the real engine rather than a mockup.\n     */\n    screens?: Screen[];\n\n    /**\n     * The themes this package ships, if any.\n     */\n    themes?: Theme[];\n}\n\n/**\n * The key a component is registered and looked up under: the package that provides it, then the bare name\n * a screen refers to it by.\n *\n * A screen writes a bare name (`button`) or a package-qualified one (`PrimeReact.button`);\n * `resolveComponentName` turns either into a `{ name, package }` pair, and this turns that pair into the\n * registry key. Nothing should build this string by hand — the separator is an implementation detail of\n * the registry, deliberately not the `.` used for qualification in a screen, so a package name containing\n * dots stays unambiguous.\n */\nexport function componentRegistryKey(packageName: string, componentName: string): string {\n    return `${packageName}:${componentName}`;\n}\n\n/**\n * Checks that a bundle provides everything its manifest declares, and declares everything it provides.\n *\n * A manifest that promises a component the bundle does not register renders as `UnresolvedComponent` at\n * runtime — a blank box, far from where the mistake was made. A component registered but not declared is\n * invisible to `resolveComponentName`, so a screen can never name it. Both are silent failures, which is\n * why every package's specs run this.\n */\nexport function validatePackageBundle(bundle: ScenePackageBundle): string[] {\n    const problems: string[] = [];\n    const { manifest } = bundle;\n\n    for (const name of manifest.components) {\n        if (!(componentRegistryKey(manifest.name, name) in bundle.components)) {\n            problems.push(`declares the component '${name}' but registers no implementation for it`);\n        }\n    }\n\n    const declared = new Set(manifest.components.map((name) => componentRegistryKey(manifest.name, name)));\n    for (const key of Object.keys(bundle.components)) {\n        if (!declared.has(key)) {\n            problems.push(`registers '${key}', which the manifest does not declare`);\n        }\n    }\n\n    const providedLayouts = new Set((bundle.layouts ?? []).map((layout) => layout.name));\n    for (const name of manifest.layouts) {\n        if (!providedLayouts.has(name)) {\n            problems.push(`declares the layout '${name}' but provides no definition for it`);\n        }\n    }\n\n    const providedScreenTemplates = new Set((bundle.screenTemplates ?? []).map((template) => template.name));\n    for (const name of manifest.screenTemplates) {\n        if (!providedScreenTemplates.has(name)) {\n            problems.push(`declares the screen template '${name}' but provides no definition for it`);\n        }\n    }\n\n    const providedDialogTemplates = new Set((bundle.dialogTemplates ?? []).map((template) => template.name));\n    for (const name of manifest.dialogTemplates) {\n        if (!providedDialogTemplates.has(name)) {\n            problems.push(`declares the dialog template '${name}' but provides no definition for it`);\n        }\n    }\n\n    const providedThemes = new Set((bundle.themes ?? []).map((theme) => theme.name));\n    for (const name of manifest.themes) {\n        if (!providedThemes.has(name)) {\n            problems.push(`declares the theme '${name}' but provides no definition for it`);\n        }\n    }\n\n    return problems;\n}\n\n/**\n * Merges the component registries of several bundles into the single registry a renderer consumes.\n *\n * Keys carry their package name, so nothing collides and merge order does not matter — which package wins\n * a *bare* name is decided earlier, by `resolveComponentName` walking the profile's priority order.\n */\nexport function mergePackageRegistries(bundles: ScenePackageBundle[]): ComponentRegistry {\n    return Object.assign({}, ...bundles.map((bundle) => bundle.components)) as ComponentRegistry;\n}\n"],"names":["componentRegistryKey","packageName","componentName","validatePackageBundle","bundle","problems","manifest","name","components","push","declared","Set","map","key","Object","keys","has","providedLayouts","layouts","layout","providedScreenTemplates","screenTemplates","template","providedDialogTemplates","dialogTemplates","providedThemes","themes","theme","mergePackageRegistries","bundles","assign"],"mappings":"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"}

package/dist/cjs/renderer/UnresolvedComponent.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var jsxRuntime = require('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 fallback rendered for an {@link ExternalComponent} whose `componentName` is not in the active
+ * {@link ComponentRegistry} - a visibly broken placeholder, never a silent blank, since a missing
+ * component is a real configuration gap the renderer should surface, not hide.
+ */ function UnresolvedComponent({ element }) {
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        "data-scene-unresolved-component": element.componentName,
+        style: {
+            border: '1px dashed red',
+            color: 'red',
+            padding: '0.25rem 0.5rem',
+            fontFamily: 'monospace'
+        },
+        children: [
+            "Unresolved component: ",
+            element.componentName
+        ]
+    });
+}
+
+exports.UnresolvedComponent = UnresolvedComponent;
+//# sourceMappingURL=UnresolvedComponent.js.map

package/dist/cjs/renderer/UnresolvedComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnresolvedComponent.js","sources":["../../../renderer/UnresolvedComponent.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 './ComponentRegistry';\n\n/**\n * The fallback rendered for an {@link ExternalComponent} whose `componentName` is not in the active\n * {@link ComponentRegistry} - a visibly broken placeholder, never a silent blank, since a missing\n * component is a real configuration gap the renderer should surface, not hide.\n */\nexport function UnresolvedComponent({ element }: RegisteredComponentProps) {\n    return (\n        <div\n            data-scene-unresolved-component={element.componentName}\n            style={{ border: '1px dashed red', color: 'red', padding: '0.25rem 0.5rem', fontFamily: 'monospace' }}\n        >\n            Unresolved component: {element.componentName}\n        </div>\n    );\n}\n"],"names":["UnresolvedComponent","element","_jsxs","div","data-scene-unresolved-component","componentName","style","border","color","padding","fontFamily"],"mappings":";;;;AAAA;AACA;AAIA;;;;AAIC,IACM,SAASA,mBAAAA,CAAoB,EAAEC,OAAO,EAA4B,EAAA;AACrE,IAAA,qBACIC,eAAA,CAACC,KAAAA,EAAAA;AACGC,QAAAA,iCAAAA,EAAiCH,QAAQI,aAAa;QACtDC,KAAAA,EAAO;YAAEC,MAAAA,EAAQ,gBAAA;YAAkBC,KAAAA,EAAO,KAAA;YAAOC,OAAAA,EAAS,gBAAA;YAAkBC,UAAAA,EAAY;AAAY,SAAA;;AACvG,YAAA,wBAAA;AAC0BT,YAAAA,OAAAA,CAAQI;;;AAG3C;;;;"}

package/dist/cjs/renderer/createReactRenderer.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var react = require('react');
+var UnresolvedComponent = require('./UnresolvedComponent.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Creates a {@link Renderer} that turns a Scene element tree into React elements. `Panel`, `ItemsControl`
+ * and `ContentControl` render as plain wrapping `div`s here - arranging them according to a layout's
+ * `flow`/`freeform` arrangement is Scene#4's job, layered on top of this renderer rather than folded
+ * into it.
+ */ function createReactRenderer(registry) {
+    return {
+        renderContentControl (element, content) {
+            return /*#__PURE__*/ react.createElement('div', {
+                key: element.id,
+                'data-scene-id': element.id,
+                'data-scene-kind': 'ContentControl'
+            }, content);
+        },
+        renderItemsControl (element, items) {
+            return /*#__PURE__*/ react.createElement('div', {
+                key: element.id,
+                'data-scene-id': element.id,
+                'data-scene-kind': 'ItemsControl'
+            }, items);
+        },
+        renderExternalComponent (element, slots) {
+            const Component = registry[element.componentName] ?? UnresolvedComponent.UnresolvedComponent;
+            return /*#__PURE__*/ react.createElement(Component, {
+                key: element.id,
+                element,
+                slots
+            });
+        },
+        renderPanel (element, children) {
+            return /*#__PURE__*/ react.createElement('div', {
+                key: element.id,
+                'data-scene-id': element.id,
+                'data-scene-kind': 'Panel'
+            }, children);
+        }
+    };
+}
+
+exports.createReactRenderer = createReactRenderer;
+//# sourceMappingURL=createReactRenderer.js.map

package/dist/cjs/renderer/createReactRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createReactRenderer.js","sources":["../../../renderer/createReactRenderer.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 { ReactNode, createElement } from 'react';\nimport { Renderer } from '@cratis/scene.engine';\nimport { ContentControl, ExternalComponent, ItemsControl, Panel } from '@cratis/scene.model';\nimport { ComponentRegistry } from './ComponentRegistry';\nimport { UnresolvedComponent } from './UnresolvedComponent';\n\n/**\n * Creates a {@link Renderer} that turns a Scene element tree into React elements. `Panel`, `ItemsControl`\n * and `ContentControl` render as plain wrapping `div`s here - arranging them according to a layout's\n * `flow`/`freeform` arrangement is Scene#4's job, layered on top of this renderer rather than folded\n * into it.\n */\nexport function createReactRenderer(registry: ComponentRegistry): Renderer<ReactNode> {\n    return {\n        renderContentControl(element: ContentControl, content: ReactNode): ReactNode {\n            return createElement('div', { key: element.id, 'data-scene-id': element.id, 'data-scene-kind': 'ContentControl' }, content);\n        },\n\n        renderItemsControl(element: ItemsControl, items: ReactNode[]): ReactNode {\n            return createElement('div', { key: element.id, 'data-scene-id': element.id, 'data-scene-kind': 'ItemsControl' }, items);\n        },\n\n        renderExternalComponent(element: ExternalComponent, slots: Record<string, ReactNode[]>): ReactNode {\n            const Component = registry[element.componentName] ?? UnresolvedComponent;\n            return createElement(Component, { key: element.id, element, slots });\n        },\n\n        renderPanel(element: Panel, children: ReactNode[]): ReactNode {\n            return createElement('div', { key: element.id, 'data-scene-id': element.id, 'data-scene-kind': 'Panel' }, children);\n        },\n    };\n}\n"],"names":["createReactRenderer","registry","renderContentControl","element","content","createElement","key","id","renderItemsControl","items","renderExternalComponent","slots","Component","componentName","UnresolvedComponent","renderPanel","children"],"mappings":";;;;;AAAA;AACA;AAQA;;;;;IAMO,SAASA,mBAAAA,CAAoBC,QAA2B,EAAA;IAC3D,OAAO;QACHC,oBAAAA,CAAAA,CAAqBC,OAAuB,EAAEC,OAAkB,EAAA;AAC5D,YAAA,qBAAOC,oBAAc,KAAA,EAAO;AAAEC,gBAAAA,GAAAA,EAAKH,QAAQI,EAAE;AAAE,gBAAA,eAAA,EAAiBJ,QAAQI,EAAE;gBAAE,iBAAA,EAAmB;aAAiB,EAAGH,OAAAA,CAAAA;AACvH,QAAA,CAAA;QAEAI,kBAAAA,CAAAA,CAAmBL,OAAqB,EAAEM,KAAkB,EAAA;AACxD,YAAA,qBAAOJ,oBAAc,KAAA,EAAO;AAAEC,gBAAAA,GAAAA,EAAKH,QAAQI,EAAE;AAAE,gBAAA,eAAA,EAAiBJ,QAAQI,EAAE;gBAAE,iBAAA,EAAmB;aAAe,EAAGE,KAAAA,CAAAA;AACrH,QAAA,CAAA;QAEAC,uBAAAA,CAAAA,CAAwBP,OAA0B,EAAEQ,KAAkC,EAAA;AAClF,YAAA,MAAMC,YAAYX,QAAQ,CAACE,OAAAA,CAAQU,aAAa,CAAC,IAAIC,uCAAAA;AACrD,YAAA,qBAAOT,oBAAcO,SAAAA,EAAW;AAAEN,gBAAAA,GAAAA,EAAKH,QAAQI,EAAE;AAAEJ,gBAAAA,OAAAA;AAASQ,gBAAAA;AAAM,aAAA,CAAA;AACtE,QAAA,CAAA;QAEAI,WAAAA,CAAAA,CAAYZ,OAAc,EAAEa,QAAqB,EAAA;AAC7C,YAAA,qBAAOX,oBAAc,KAAA,EAAO;AAAEC,gBAAAA,GAAAA,EAAKH,QAAQI,EAAE;AAAE,gBAAA,eAAA,EAAiBJ,QAAQI,EAAE;gBAAE,iBAAA,EAAmB;aAAQ,EAAGS,QAAAA,CAAAA;AAC9G,QAAA;AACJ,KAAA;AACJ;;;;"}

package/dist/cjs/theme/SceneThemeProvider.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var themeTokens = require('./themeTokens.js');
+
+const SceneThemeContext = /*#__PURE__*/ react.createContext(undefined);
+/**
+ * The theme currently applied by the nearest {@link SceneThemeProvider}, for a package component that has
+ * to make a decision a token cannot express - picking a light or dark logo asset, say.
+ */ function useSceneTheme() {
+    return react.useContext(SceneThemeContext);
+}
+/**
+ * Applies a {@link Theme}'s tokens to a wrapping element and makes the theme available to everything
+ * inside it.
+ *
+ * Theme switching is live re-resolution: the tokens are written onto the same element rather than
+ * swapping a stylesheet, so a preview changes theme without a flash and without losing any state below
+ * it. That is what lets Studio's gallery switch themes as fast as you can click.
+ */ function SceneThemeProvider({ theme, children, className }) {
+    const elementRef = react.useRef(null);
+    const previousRef = react.useRef(undefined);
+    react.useLayoutEffect(()=>{
+        if (!elementRef.current) return;
+        themeTokens.applyThemeTokens(elementRef.current, theme, previousRef.current);
+        previousRef.current = theme;
+    }, [
+        theme
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        ref: elementRef,
+        className: className,
+        "data-scene-theme-root": "",
+        children: /*#__PURE__*/ jsxRuntime.jsx(SceneThemeContext.Provider, {
+            value: theme,
+            children: children
+        })
+    });
+}
+
+exports.SceneThemeProvider = SceneThemeProvider;
+exports.useSceneTheme = useSceneTheme;
+//# sourceMappingURL=SceneThemeProvider.js.map

package/dist/cjs/theme/SceneThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneThemeProvider.js","sources":["../../../theme/SceneThemeProvider.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 { ReactNode, createContext, useContext, useLayoutEffect, useRef } from 'react';\nimport { Theme } from '@cratis/scene.model';\nimport { applyThemeTokens } from './themeTokens';\n\nconst SceneThemeContext = createContext<Theme | undefined>(undefined);\n\n/**\n * The theme currently applied by the nearest {@link SceneThemeProvider}, for a package component that has\n * to make a decision a token cannot express - picking a light or dark logo asset, say.\n */\nexport function useSceneTheme(): Theme | undefined {\n    return useContext(SceneThemeContext);\n}\n\nexport interface SceneThemePropsBase {\n    /**\n     * The theme to apply. Changing it re-resolves in place - no reload, no remount of the subtree.\n     */\n    theme?: Theme;\n\n    /**\n     * The content the theme applies to.\n     */\n    children?: ReactNode;\n\n    /**\n     * A class name for the element the tokens land on.\n     */\n    className?: string;\n}\n\n/**\n * Applies a {@link Theme}'s tokens to a wrapping element and makes the theme available to everything\n * inside it.\n *\n * Theme switching is live re-resolution: the tokens are written onto the same element rather than\n * swapping a stylesheet, so a preview changes theme without a flash and without losing any state below\n * it. That is what lets Studio's gallery switch themes as fast as you can click.\n */\nexport function SceneThemeProvider({ theme, children, className }: SceneThemePropsBase) {\n    const elementRef = useRef<HTMLDivElement>(null);\n    const previousRef = useRef<Theme | undefined>(undefined);\n\n    useLayoutEffect(() => {\n        if (!elementRef.current) return;\n        applyThemeTokens(elementRef.current, theme, previousRef.current);\n        previousRef.current = theme;\n    }, [theme]);\n\n    return (\n        <div ref={elementRef} className={className} data-scene-theme-root=''>\n            <SceneThemeContext.Provider value={theme}>{children}</SceneThemeContext.Provider>\n        </div>\n    );\n}\n"],"names":["SceneThemeContext","createContext","undefined","useSceneTheme","useContext","SceneThemeProvider","theme","children","className","elementRef","useRef","previousRef","useLayoutEffect","current","applyThemeTokens","_jsx","div","ref","data-scene-theme-root","Provider","value"],"mappings":";;;;;;AAOA,MAAMA,kCAAoBC,mBAAAA,CAAiCC,SAAAA,CAAAA;AAE3D;;;AAGC,IACM,SAASC,aAAAA,GAAAA;AACZ,IAAA,OAAOC,gBAAAA,CAAWJ,iBAAAA,CAAAA;AACtB;AAmBA;;;;;;;IAQO,SAASK,kBAAAA,CAAmB,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAuB,EAAA;AAClF,IAAA,MAAMC,aAAaC,YAAAA,CAAuB,IAAA,CAAA;AAC1C,IAAA,MAAMC,cAAcD,YAAAA,CAA0BR,SAAAA,CAAAA;IAE9CU,qBAAAA,CAAgB,IAAA;QACZ,IAAI,CAACH,UAAAA,CAAWI,OAAO,EAAE;AACzBC,QAAAA,4BAAAA,CAAiBL,UAAAA,CAAWI,OAAO,EAAEP,KAAAA,EAAOK,YAAYE,OAAO,CAAA;AAC/DF,QAAAA,WAAAA,CAAYE,OAAO,GAAGP,KAAAA;IAC1B,CAAA,EAAG;AAACA,QAAAA;AAAM,KAAA,CAAA;AAEV,IAAA,qBACIS,cAAA,CAACC,KAAAA,EAAAA;QAAIC,GAAAA,EAAKR,UAAAA;QAAYD,SAAAA,EAAWA,SAAAA;QAAWU,uBAAAA,EAAsB,EAAA;gCAC9DH,cAAA,CAACf,kBAAkBmB,QAAQ,EAAA;YAACC,KAAAA,EAAOd,KAAAA;AAAQC,YAAAA,QAAAA,EAAAA;;;AAGvD;;;;;"}

package/dist/cjs/theme/themeTokens.js

@@ -0,0 +1,52 @@
+'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 prefix every Scene design token gets as a CSS custom property. A package adapts these to whatever
+ * its own component library expects — the PrimeReact package maps them onto PrimeReact's variables, the
+ * same indirection `@cratis/components` uses for its `--cratis-*` layer — so layout and component CSS
+ * never hardcodes one library's variable names.
+ */ const themeTokenPrefix = '--scene';
+/**
+ * Turns a semantic token name into its CSS custom property name: `primary.color` becomes
+ * `--scene-primary-color`, `surface.borderColor` becomes `--scene-surface-border-color`.
+ *
+ * Token names are semantic and platform-neutral in `Scene.Model` on purpose; this is the one place that
+ * decides what they look like in CSS, so a non-DOM renderer can make an entirely different choice.
+ */ function themeTokenProperty(token) {
+    const kebab = token.split('.').map((part)=>part.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()).join('-');
+    return `${themeTokenPrefix}-${kebab}`;
+}
+/**
+ * Applies a theme to an element, in place.
+ *
+ * Every token becomes a custom property on the element, and the element is marked with the theme's name
+ * and colour scheme so CSS can key off either. Tokens the previous theme set and this one does not are
+ * removed, so switching themes cannot leave a stale value behind.
+ *
+ * This is deliberately a mutation of an existing element rather than a re-render: switching theme has to
+ * be live re-resolution against the running profile, with no reload and no remount, or a gallery preview
+ * flickers every time someone tries a different theme.
+ */ function applyThemeTokens(element, theme, previous) {
+    for (const token of Object.keys(previous?.tokens ?? {})){
+        if (!theme?.tokens || !(token in theme.tokens)) {
+            element.style.removeProperty(themeTokenProperty(token));
+        }
+    }
+    if (!theme) {
+        element.removeAttribute('data-scene-theme');
+        element.removeAttribute('data-scene-color-scheme');
+        return;
+    }
+    for (const [token, value] of Object.entries(theme.tokens ?? {})){
+        element.style.setProperty(themeTokenProperty(token), value);
+    }
+    element.setAttribute('data-scene-theme', theme.name);
+    element.setAttribute('data-scene-color-scheme', theme.isDark ? 'dark' : 'light');
+}
+
+exports.applyThemeTokens = applyThemeTokens;
+exports.themeTokenPrefix = themeTokenPrefix;
+exports.themeTokenProperty = themeTokenProperty;
+//# sourceMappingURL=themeTokens.js.map

package/dist/cjs/theme/themeTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeTokens.js","sources":["../../../theme/themeTokens.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\nimport { Theme } from '@cratis/scene.model';\n\n/**\n * The prefix every Scene design token gets as a CSS custom property. A package adapts these to whatever\n * its own component library expects — the PrimeReact package maps them onto PrimeReact's variables, the\n * same indirection `@cratis/components` uses for its `--cratis-*` layer — so layout and component CSS\n * never hardcodes one library's variable names.\n */\nexport const themeTokenPrefix = '--scene';\n\n/**\n * Turns a semantic token name into its CSS custom property name: `primary.color` becomes\n * `--scene-primary-color`, `surface.borderColor` becomes `--scene-surface-border-color`.\n *\n * Token names are semantic and platform-neutral in `Scene.Model` on purpose; this is the one place that\n * decides what they look like in CSS, so a non-DOM renderer can make an entirely different choice.\n */\nexport function themeTokenProperty(token: string): string {\n    const kebab = token\n        .split('.')\n        .map((part) => part.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase())\n        .join('-');\n    return `${themeTokenPrefix}-${kebab}`;\n}\n\n/**\n * Applies a theme to an element, in place.\n *\n * Every token becomes a custom property on the element, and the element is marked with the theme's name\n * and colour scheme so CSS can key off either. Tokens the previous theme set and this one does not are\n * removed, so switching themes cannot leave a stale value behind.\n *\n * This is deliberately a mutation of an existing element rather than a re-render: switching theme has to\n * be live re-resolution against the running profile, with no reload and no remount, or a gallery preview\n * flickers every time someone tries a different theme.\n */\nexport function applyThemeTokens(element: HTMLElement, theme: Theme | undefined, previous?: Theme): void {\n    for (const token of Object.keys(previous?.tokens ?? {})) {\n        if (!theme?.tokens || !(token in theme.tokens)) {\n            element.style.removeProperty(themeTokenProperty(token));\n        }\n    }\n\n    if (!theme) {\n        element.removeAttribute('data-scene-theme');\n        element.removeAttribute('data-scene-color-scheme');\n        return;\n    }\n\n    for (const [token, value] of Object.entries(theme.tokens ?? {})) {\n        element.style.setProperty(themeTokenProperty(token), value);\n    }\n\n    element.setAttribute('data-scene-theme', theme.name);\n    element.setAttribute('data-scene-color-scheme', theme.isDark ? 'dark' : 'light');\n}\n"],"names":["themeTokenPrefix","themeTokenProperty","token","kebab","split","map","part","replace","toLowerCase","join","applyThemeTokens","element","theme","previous","Object","keys","tokens","style","removeProperty","removeAttribute","value","entries","setProperty","setAttribute","name","isDark"],"mappings":";;AAAA;AACA;AAIA;;;;;IAMO,MAAMA,gBAAAA,GAAmB;AAEhC;;;;;;IAOO,SAASC,kBAAAA,CAAmBC,KAAa,EAAA;AAC5C,IAAA,MAAMC,QAAQD,KAAAA,CACTE,KAAK,CAAC,GAAA,CAAA,CACNC,GAAG,CAAC,CAACC,IAAAA,GAASA,IAAAA,CAAKC,OAAO,CAAC,oBAAA,EAAsB,SAASC,WAAW,EAAA,CAAA,CACrEC,IAAI,CAAC,GAAA,CAAA;AACV,IAAA,OAAO,CAAA,EAAGT,gBAAAA,CAAiB,CAAC,EAAEG,KAAAA,CAAAA,CAAO;AACzC;AAEA;;;;;;;;;;AAUC,IACM,SAASO,gBAAAA,CAAiBC,OAAoB,EAAEC,KAAwB,EAAEC,QAAgB,EAAA;IAC7F,KAAK,MAAMX,SAASY,MAAAA,CAAOC,IAAI,CAACF,QAAAA,EAAUG,MAAAA,IAAU,EAAC,CAAA,CAAI;QACrD,IAAI,CAACJ,OAAOI,MAAAA,IAAU,EAAEd,KAAAA,IAASU,KAAAA,CAAMI,MAAK,CAAA,EAAI;AAC5CL,YAAAA,OAAAA,CAAQM,KAAK,CAACC,cAAc,CAACjB,kBAAAA,CAAmBC,KAAAA,CAAAA,CAAAA;AACpD,QAAA;AACJ,IAAA;AAEA,IAAA,IAAI,CAACU,KAAAA,EAAO;AACRD,QAAAA,OAAAA,CAAQQ,eAAe,CAAC,kBAAA,CAAA;AACxBR,QAAAA,OAAAA,CAAQQ,eAAe,CAAC,yBAAA,CAAA;AACxB,QAAA;AACJ,IAAA;AAEA,IAAA,KAAK,MAAM,CAACjB,KAAAA,EAAOkB,KAAAA,CAAM,IAAIN,MAAAA,CAAOO,OAAO,CAACT,KAAAA,CAAMI,MAAM,IAAI,EAAC,CAAA,CAAI;AAC7DL,QAAAA,OAAAA,CAAQM,KAAK,CAACK,WAAW,CAACrB,mBAAmBC,KAAAA,CAAAA,EAAQkB,KAAAA,CAAAA;AACzD,IAAA;AAEAT,IAAAA,OAAAA,CAAQY,YAAY,CAAC,kBAAA,EAAoBX,KAAAA,CAAMY,IAAI,CAAA;AACnDb,IAAAA,OAAAA,CAAQY,YAAY,CAAC,yBAAA,EAA2BX,KAAAA,CAAMa,MAAM,GAAG,MAAA,GAAS,OAAA,CAAA;AAC5E;;;;;;"}

package/dist/esm/NavBar/NavBar.d.ts

@@ -0,0 +1,7 @@
+import { Contribution, NavigationItem } from '@cratis/scene.model';
+export interface NavBarProps {
+    contributions: Contribution[];
+    renderRoute: (item: NavigationItem) => string;
+}
+export declare function NavBar({ contributions, renderRoute }: NavBarProps): import("react").JSX.Element;
+//# sourceMappingURL=NavBar.d.ts.map

package/dist/esm/NavBar/NavBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../NavBar/NavBar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAInE,MAAM,WAAW,WAAW;IAExB,aAAa,EAAE,YAAY,EAAE,CAAC;IAO9B,WAAW,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,MAAM,CAAC;CACjD;AAOD,wBAAgB,MAAM,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,WAAW,+BAwBjE"}

package/dist/esm/NavBar/NavBar.js

@@ -0,0 +1,45 @@
+import { jsx } from 'react/jsx-runtime';
+import { aggregateContributions } from '@cratis/scene.engine';
+import { extractNavigationItem } from './extractNavigationItem.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Renders the aggregated `Navigation` contributions from across the current element tree - part of
+ * Cratis/Scene#2. `NavBar` is not wired to a fixed source: pass it whatever contributions are currently
+ * in scope and it recomputes, the same way any contribution-point consumer does.
+ */ function NavBar({ contributions, renderRoute }) {
+    const items = aggregateContributions(contributions, 'Navigation').map(extractNavigationItem).filter((item)=>item !== undefined);
+    const hasGroups = items.some((item)=>item.group !== undefined);
+    if (!hasGroups) {
+        return /*#__PURE__*/ jsx("nav", {
+            "data-scene-navbar": "",
+            children: items.map((item)=>/*#__PURE__*/ jsx(NavBarItem, {
+                    item: item,
+                    href: renderRoute(item)
+                }, item.targetScreen))
+        });
+    }
+    const groupNames = [
+        ...new Set(items.map((item)=>item.group ?? ''))
+    ];
+    return /*#__PURE__*/ jsx("nav", {
+        "data-scene-navbar": "",
+        children: groupNames.map((groupName)=>/*#__PURE__*/ jsx("section", {
+                "data-scene-navbar-group": groupName,
+                children: items.filter((item)=>(item.group ?? '') === groupName).map((item)=>/*#__PURE__*/ jsx(NavBarItem, {
+                        item: item,
+                        href: renderRoute(item)
+                    }, item.targetScreen))
+            }, groupName))
+    });
+}
+function NavBarItem({ item, href }) {
+    return /*#__PURE__*/ jsx("a", {
+        href: href,
+        children: item.label
+    });
+}
+
+export { NavBar };
+//# sourceMappingURL=NavBar.js.map

package/dist/esm/NavBar/NavBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar.js","sources":["../../../NavBar/NavBar.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 { Contribution, NavigationItem } from '@cratis/scene.model';\nimport { aggregateContributions } from '@cratis/scene.engine';\nimport { extractNavigationItem } from './extractNavigationItem';\n\nexport interface NavBarProps {\n    /** Every contribution in scope - `NavBar` aggregates the ones targeting `Navigation` itself. */\n    contributions: Contribution[];\n\n    /**\n     * Turns a {@link NavigationItem}'s target screen and route parameters into a concrete route - a URL\n     * path, a query string, or a native deep link. Owning this as a caller-supplied function, rather than\n     * a fixed URL scheme, is what makes `NavBar` usable unmodified across renderers (Cratis/Scene#2).\n     */\n    renderRoute: (item: NavigationItem) => string;\n}\n\n/**\n * Renders the aggregated `Navigation` contributions from across the current element tree - part of\n * Cratis/Scene#2. `NavBar` is not wired to a fixed source: pass it whatever contributions are currently\n * in scope and it recomputes, the same way any contribution-point consumer does.\n */\nexport function NavBar({ contributions, renderRoute }: NavBarProps) {\n    const items = aggregateContributions(contributions, 'Navigation')\n        .map(extractNavigationItem)\n        .filter((item): item is NavigationItem => item !== undefined);\n\n    const hasGroups = items.some(item => item.group !== undefined);\n    if (!hasGroups) {\n        return (\n            <nav data-scene-navbar=\"\">\n                {items.map(item => <NavBarItem key={item.targetScreen} item={item} href={renderRoute(item)} />)}\n            </nav>\n        );\n    }\n\n    const groupNames = [...new Set(items.map(item => item.group ?? ''))];\n    return (\n        <nav data-scene-navbar=\"\">\n            {groupNames.map(groupName => (\n                <section key={groupName} data-scene-navbar-group={groupName}>\n                    {items.filter(item => (item.group ?? '') === groupName).map(item => <NavBarItem key={item.targetScreen} item={item} href={renderRoute(item)} />)}\n                </section>\n            ))}\n        </nav>\n    );\n}\n\nfunction NavBarItem({ item, href }: { item: NavigationItem; href: string }) {\n    return <a href={href}>{item.label}</a>;\n}\n"],"names":["NavBar","contributions","renderRoute","items","aggregateContributions","map","extractNavigationItem","filter","item","undefined","hasGroups","some","group","_jsx","nav","data-scene-navbar","NavBarItem","href","targetScreen","groupNames","Set","groupName","section","data-scene-navbar-group","a","label"],"mappings":";;;;AAAA;AACA;AAkBA;;;;AAIC,IACM,SAASA,MAAAA,CAAO,EAAEC,aAAa,EAAEC,WAAW,EAAe,EAAA;IAC9D,MAAMC,KAAAA,GAAQC,sBAAAA,CAAuBH,aAAAA,EAAe,YAAA,CAAA,CAC/CI,GAAG,CAACC,qBAAAA,CAAAA,CACJC,MAAM,CAAC,CAACC,IAAAA,GAAiCA,IAAAA,KAASC,SAAAA,CAAAA;IAEvD,MAAMC,SAAAA,GAAYP,MAAMQ,IAAI,CAACH,CAAAA,IAAAA,GAAQA,IAAAA,CAAKI,KAAK,KAAKH,SAAAA,CAAAA;AACpD,IAAA,IAAI,CAACC,SAAAA,EAAW;AACZ,QAAA,qBACIG,GAAA,CAACC,KAAAA,EAAAA;YAAIC,mBAAAA,EAAkB,EAAA;AAClBZ,YAAAA,QAAAA,EAAAA,KAAAA,CAAME,GAAG,CAACG,CAAAA,IAAAA,iBAAQK,GAAA,CAACG,UAAAA,EAAAA;oBAAmCR,IAAAA,EAAMA,IAAAA;AAAMS,oBAAAA,IAAAA,EAAMf,WAAAA,CAAYM,IAAAA;AAAjDA,iBAAAA,EAAAA,IAAAA,CAAKU,YAAY,CAAA;;AAGjE,IAAA;AAEA,IAAA,MAAMC,UAAAA,GAAa;WAAI,IAAIC,GAAAA,CAAIjB,MAAME,GAAG,CAACG,CAAAA,IAAAA,GAAQA,IAAAA,CAAKI,KAAK,IAAI,EAAA,CAAA;AAAK,KAAA;AACpE,IAAA,qBACIC,GAAA,CAACC,KAAAA,EAAAA;QAAIC,mBAAAA,EAAkB,EAAA;AAClBI,QAAAA,QAAAA,EAAAA,UAAAA,CAAWd,GAAG,CAACgB,CAAAA,SAAAA,iBACZR,GAAA,CAACS,SAAAA,EAAAA;gBAAwBC,yBAAAA,EAAyBF,SAAAA;AAC7ClB,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMI,MAAM,CAACC,CAAAA,IAAAA,GAASA,CAAAA,IAAAA,CAAKI,KAAK,IAAI,EAAC,MAAOS,SAAAA,CAAAA,CAAWhB,GAAG,CAACG,CAAAA,qBAAQK,GAAA,CAACG,UAAAA,EAAAA;wBAAmCR,IAAAA,EAAMA,IAAAA;AAAMS,wBAAAA,IAAAA,EAAMf,WAAAA,CAAYM,IAAAA;AAAjDA,qBAAAA,EAAAA,IAAAA,CAAKU,YAAY,CAAA;AAD5FG,aAAAA,EAAAA,SAAAA,CAAAA;;AAM9B;AAEA,SAASL,UAAAA,CAAW,EAAER,IAAI,EAAES,IAAI,EAA0C,EAAA;AACtE,IAAA,qBAAOJ,GAAA,CAACW,GAAAA,EAAAA;QAAEP,IAAAA,EAAMA,IAAAA;AAAOT,QAAAA,QAAAA,EAAAA,IAAAA,CAAKiB;;AAChC;;;;"}

package/dist/esm/NavBar/extractNavigationItem.d.ts

@@ -0,0 +1,3 @@
+import { Contribution, NavigationItem } from '@cratis/scene.model';
+export declare function extractNavigationItem(contribution: Contribution): NavigationItem | undefined;
+//# sourceMappingURL=extractNavigationItem.d.ts.map

package/dist/esm/NavBar/extractNavigationItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractNavigationItem.d.ts","sourceRoot":"","sources":["../../../NavBar/extractNavigationItem.ts"],"names":[],"mappings":"AAGA,OAAO,EAAqB,YAAY,EAAqB,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAczG,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAkB5F"}