@cratis/scene.react 0.1.0

package/dist/esm/for_applyThemeTokens/when_switching_themes.js

@@ -0,0 +1,59 @@
+import { JSDOM } from 'jsdom';
+import { applyThemeTokens } from '../index';
+const light = {
+    name: 'Daylight',
+    compatibleWith: ['core'],
+    tokens: { 'primary.color': '#2563eb', 'surface.background': '#ffffff' },
+};
+const dark = {
+    name: 'Midnight',
+    compatibleWith: ['core'],
+    isDark: true,
+    tokens: { 'primary.color': '#60a5fa' },
+};
+describe('when switching themes', () => {
+    const dom = new JSDOM('<div id="root"></div>');
+    const element = dom.window.document.getElementById('root');
+    applyThemeTokens(element, light);
+    const afterLight = {
+        primary: element.style.getPropertyValue('--scene-primary-color'),
+        surface: element.style.getPropertyValue('--scene-surface-background'),
+        theme: element.getAttribute('data-scene-theme'),
+        scheme: element.getAttribute('data-scene-color-scheme'),
+    };
+    applyThemeTokens(element, dark, light);
+    const afterDark = {
+        primary: element.style.getPropertyValue('--scene-primary-color'),
+        surface: element.style.getPropertyValue('--scene-surface-background'),
+        theme: element.getAttribute('data-scene-theme'),
+        scheme: element.getAttribute('data-scene-color-scheme'),
+    };
+    applyThemeTokens(element, undefined, dark);
+    const afterClearing = {
+        primary: element.style.getPropertyValue('--scene-primary-color'),
+        theme: element.getAttribute('data-scene-theme'),
+    };
+    it('should write the first theme tokens as custom properties', () => {
+        afterLight.primary.should.equal('#2563eb');
+        afterLight.surface.should.equal('#ffffff');
+    });
+    it('should mark the element with the first theme name and scheme', () => {
+        afterLight.theme.should.equal('Daylight');
+        afterLight.scheme.should.equal('light');
+    });
+    it('should overwrite a token the next theme also defines', () => {
+        afterDark.primary.should.equal('#60a5fa');
+    });
+    it('should remove a token the next theme does not define, rather than leaving it stale', () => {
+        afterDark.surface.should.equal('');
+    });
+    it('should mark the element as dark for a dark theme', () => {
+        afterDark.theme.should.equal('Midnight');
+        afterDark.scheme.should.equal('dark');
+    });
+    it('should clear every token and marker when the theme is removed', () => {
+        afterClearing.primary.should.equal('');
+        (afterClearing.theme === null).should.be.true;
+    });
+});
+//# sourceMappingURL=when_switching_themes.js.map

package/dist/esm/for_applyThemeTokens/when_switching_themes.js.map

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

package/dist/esm/for_themeTokens/when_converting_a_token_name.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_converting_a_token_name.d.ts.map

package/dist/esm/for_themeTokens/when_converting_a_token_name.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_converting_a_token_name.d.ts","sourceRoot":"","sources":["../../../for_themeTokens/when_converting_a_token_name.ts"],"names":[],"mappings":""}

package/dist/esm/for_themeTokens/when_converting_a_token_name.js

@@ -0,0 +1,16 @@
+import { themeTokenProperty } from '../index';
+describe('when converting a token name', () => {
+    it('should prefix a single-segment name', () => {
+        themeTokenProperty('primary').should.equal('--scene-primary');
+    });
+    it('should join dotted segments with dashes', () => {
+        themeTokenProperty('primary.color').should.equal('--scene-primary-color');
+    });
+    it('should split camelCase within a segment', () => {
+        themeTokenProperty('surface.borderColor').should.equal('--scene-surface-border-color');
+    });
+    it('should handle a segment with a digit boundary', () => {
+        themeTokenProperty('surface.level2Background').should.equal('--scene-surface-level2-background');
+    });
+});
+//# sourceMappingURL=when_converting_a_token_name.js.map

package/dist/esm/for_themeTokens/when_converting_a_token_name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_converting_a_token_name.js","sourceRoot":"","sources":["../../../for_themeTokens/when_converting_a_token_name.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC1C,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC3C,kBAAkB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAC/C,kBAAkB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAC/C,kBAAkB,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;IAC3F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACrD,kBAAkB,CAAC,0BAA0B,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,mCAAmC,CAAC,CAAC;IACrG,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/for_validatePackageBundle/when_the_bundle_and_manifest_disagree.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_the_bundle_and_manifest_disagree.d.ts.map

package/dist/esm/for_validatePackageBundle/when_the_bundle_and_manifest_disagree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_the_bundle_and_manifest_disagree.d.ts","sourceRoot":"","sources":["../../../for_validatePackageBundle/when_the_bundle_and_manifest_disagree.ts"],"names":[],"mappings":""}

package/dist/esm/for_validatePackageBundle/when_the_bundle_and_manifest_disagree.js

@@ -0,0 +1,59 @@
+import { PackageKind } from '@cratis/scene.model';
+import { componentRegistryKey, validatePackageBundle } from '../index';
+import { CoreText } from '../core';
+function manifestFor(components, layouts = [], themes = [], screenTemplates = []) {
+    return {
+        name: 'Test',
+        version: '1.0.0',
+        kind: PackageKind.ComponentLibrary,
+        dependencies: [],
+        components,
+        layouts,
+        screenTemplates,
+        dialogTemplates: [],
+        themes,
+    };
+}
+describe('when the bundle and manifest disagree', () => {
+    const declaredButNotRegistered = validatePackageBundle({
+        manifest: manifestFor(['text', 'missing']),
+        components: { [componentRegistryKey('Test', 'text')]: CoreText },
+    });
+    const registeredButNotDeclared = validatePackageBundle({
+        manifest: manifestFor([]),
+        components: { [componentRegistryKey('Test', 'text')]: CoreText },
+    });
+    const layoutDeclaredButNotProvided = validatePackageBundle({
+        manifest: manifestFor([], ['AppShell']),
+        components: {},
+    });
+    const screenTemplateDeclaredButNotProvided = validatePackageBundle({
+        manifest: manifestFor([], [], [], ['ModuleWorkspace']),
+        components: {},
+    });
+    const themeDeclaredButNotProvided = validatePackageBundle({
+        manifest: manifestFor([], [], ['Midnight']),
+        components: {},
+    });
+    it('should report a component the manifest declares without an implementation', () => {
+        declaredButNotRegistered.should.have.lengthOf(1);
+        declaredButNotRegistered[0].should.contain("'missing'");
+    });
+    it('should report a component registered without being declared', () => {
+        registeredButNotDeclared.should.have.lengthOf(1);
+        registeredButNotDeclared[0].should.contain('Test:text');
+    });
+    it('should report a layout the manifest declares without a definition', () => {
+        layoutDeclaredButNotProvided.should.have.lengthOf(1);
+        layoutDeclaredButNotProvided[0].should.contain("'AppShell'");
+    });
+    it('should report a screen template the manifest declares without a definition', () => {
+        screenTemplateDeclaredButNotProvided.should.have.lengthOf(1);
+        screenTemplateDeclaredButNotProvided[0].should.contain("'ModuleWorkspace'");
+    });
+    it('should report a theme the manifest declares without a definition', () => {
+        themeDeclaredButNotProvided.should.have.lengthOf(1);
+        themeDeclaredButNotProvided[0].should.contain("'Midnight'");
+    });
+});
+//# sourceMappingURL=when_the_bundle_and_manifest_disagree.js.map

package/dist/esm/for_validatePackageBundle/when_the_bundle_and_manifest_disagree.js.map

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

package/dist/esm/for_validatePackageBundle/when_the_bundle_matches_its_manifest.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_the_bundle_matches_its_manifest.d.ts.map

package/dist/esm/for_validatePackageBundle/when_the_bundle_matches_its_manifest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_the_bundle_matches_its_manifest.d.ts","sourceRoot":"","sources":["../../../for_validatePackageBundle/when_the_bundle_matches_its_manifest.ts"],"names":[],"mappings":""}

package/dist/esm/for_validatePackageBundle/when_the_bundle_matches_its_manifest.js

@@ -0,0 +1,8 @@
+import { corePackage, validatePackageBundle } from '../index';
+describe('when the bundle matches its manifest', () => {
+    const problems = validatePackageBundle(corePackage);
+    it('should report no problems', () => {
+        problems.should.be.empty;
+    });
+});
+//# sourceMappingURL=when_the_bundle_matches_its_manifest.js.map

package/dist/esm/for_validatePackageBundle/when_the_bundle_matches_its_manifest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_the_bundle_matches_its_manifest.js","sourceRoot":"","sources":["../../../for_validatePackageBundle/when_the_bundle_matches_its_manifest.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAE9D,QAAQ,CAAC,sCAAsC,EAAE,GAAG,EAAE;IAClD,MAAM,QAAQ,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;IAEpD,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7B,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/index.d.ts

@@ -0,0 +1,7 @@
+export * from './SceneElementView';
+export * from './renderer';
+export * from './core';
+export * from './NavBar';
+export * from './packages';
+export * from './theme';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,14 @@
+export { SceneElementView } from './SceneElementView.js';
+export { UnresolvedComponent } from './renderer/UnresolvedComponent.js';
+export { createReactRenderer } from './renderer/createReactRenderer.js';
+export { CoreText } from './core/CoreText.js';
+export { CoreButton } from './core/CoreButton.js';
+export { CoreCard } from './core/CoreCard.js';
+export { coreComponents } from './core/coreComponents.js';
+export { corePackage, corePackageManifest } from './core/corePackage.js';
+export { NavBar } from './NavBar/NavBar.js';
+export { extractNavigationItem } from './NavBar/extractNavigationItem.js';
+export { componentRegistryKey, mergePackageRegistries, validatePackageBundle } from './packages/ScenePackageBundle.js';
+export { applyThemeTokens, themeTokenPrefix, themeTokenProperty } from './theme/themeTokens.js';
+export { SceneThemeProvider, useSceneTheme } from './theme/SceneThemeProvider.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/package.json

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

package/dist/esm/packages/ScenePackageBundle.d.ts

@@ -0,0 +1,15 @@
+import { DialogTemplate, Layout, ScenePackage, Screen, ScreenTemplate, Theme } from '@cratis/scene.model';
+import { ComponentRegistry } from '../renderer';
+export interface ScenePackageBundle {
+    manifest: ScenePackage;
+    components: ComponentRegistry;
+    layouts?: Layout[];
+    screenTemplates?: ScreenTemplate[];
+    dialogTemplates?: DialogTemplate[];
+    screens?: Screen[];
+    themes?: Theme[];
+}
+export declare function componentRegistryKey(packageName: string, componentName: string): string;
+export declare function validatePackageBundle(bundle: ScenePackageBundle): string[];
+export declare function mergePackageRegistries(bundles: ScenePackageBundle[]): ComponentRegistry;
+//# sourceMappingURL=ScenePackageBundle.d.ts.map

package/dist/esm/packages/ScenePackageBundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScenePackageBundle.d.ts","sourceRoot":"","sources":["../../../packages/ScenePackageBundle.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC1G,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAchD,MAAM,WAAW,kBAAkB;IAK/B,QAAQ,EAAE,YAAY,CAAC;IAKvB,UAAU,EAAE,iBAAiB,CAAC;IAK9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAMnB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IAKnC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IAMnC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAKnB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CACpB;AAYD,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,MAAM,CAEvF;AAUD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,EAAE,CA8C1E;AAQD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,kBAAkB,EAAE,GAAG,iBAAiB,CAEvF"}

package/dist/esm/packages/ScenePackageBundle.js

@@ -0,0 +1,72 @@
+// 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));
+}
+
+export { componentRegistryKey, mergePackageRegistries, validatePackageBundle };
+//# sourceMappingURL=ScenePackageBundle.js.map

package/dist/esm/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/esm/packages/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ScenePackageBundle';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/packages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/index.ts"],"names":[],"mappings":"AAGA,cAAc,sBAAsB,CAAC"}

package/dist/esm/packages/index.js

@@ -0,0 +1,2 @@
+export * from './ScenePackageBundle';
+//# sourceMappingURL=index.js.map

package/dist/esm/packages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/index.ts"],"names":[],"mappings":"AAGA,cAAc,sBAAsB,CAAC"}

package/dist/esm/renderer/ComponentRegistry.d.ts

@@ -0,0 +1,8 @@
+import { ComponentType, ReactNode } from 'react';
+import { ExternalComponent } from '@cratis/scene.model';
+export interface RegisteredComponentProps {
+    element: ExternalComponent;
+    slots: Record<string, ReactNode[]>;
+}
+export type ComponentRegistry = Record<string, ComponentType<RegisteredComponentProps>>;
+//# sourceMappingURL=ComponentRegistry.d.ts.map

package/dist/esm/renderer/ComponentRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRegistry.d.ts","sourceRoot":"","sources":["../../../renderer/ComponentRegistry.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,WAAW,wBAAwB;IACrC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;CACtC;AAUD,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC"}

package/dist/esm/renderer/ComponentRegistry.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ComponentRegistry.js.map

package/dist/esm/renderer/ComponentRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRegistry.js","sourceRoot":"","sources":["../../../renderer/ComponentRegistry.ts"],"names":[],"mappings":""}

package/dist/esm/renderer/UnresolvedComponent.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponentProps } from './ComponentRegistry';
+export declare function UnresolvedComponent({ element }: RegisteredComponentProps): import("react").JSX.Element;
+//# sourceMappingURL=UnresolvedComponent.d.ts.map

package/dist/esm/renderer/UnresolvedComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnresolvedComponent.d.ts","sourceRoot":"","sources":["../../../renderer/UnresolvedComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAO/D,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BASxE"}

package/dist/esm/renderer/UnresolvedComponent.js

@@ -0,0 +1,26 @@
+import { jsxs } from 'react/jsx-runtime';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The 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__*/ 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
+        ]
+    });
+}
+
+export { UnresolvedComponent };
+//# sourceMappingURL=UnresolvedComponent.js.map

package/dist/esm/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,IAAA,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/esm/renderer/createReactRenderer.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { Renderer } from '@cratis/scene.engine';
+import { ComponentRegistry } from './ComponentRegistry';
+export declare function createReactRenderer(registry: ComponentRegistry): Renderer<ReactNode>;
+//# sourceMappingURL=createReactRenderer.d.ts.map

package/dist/esm/renderer/createReactRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createReactRenderer.d.ts","sourceRoot":"","sources":["../../../renderer/createReactRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AASxD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,QAAQ,CAAC,SAAS,CAAC,CAmBpF"}

package/dist/esm/renderer/createReactRenderer.js

@@ -0,0 +1,46 @@
+import { createElement } from 'react';
+import { UnresolvedComponent } from './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__*/ createElement('div', {
+                key: element.id,
+                'data-scene-id': element.id,
+                'data-scene-kind': 'ContentControl'
+            }, content);
+        },
+        renderItemsControl (element, items) {
+            return /*#__PURE__*/ createElement('div', {
+                key: element.id,
+                'data-scene-id': element.id,
+                'data-scene-kind': 'ItemsControl'
+            }, items);
+        },
+        renderExternalComponent (element, slots) {
+            const Component = registry[element.componentName] ?? UnresolvedComponent;
+            return /*#__PURE__*/ createElement(Component, {
+                key: element.id,
+                element,
+                slots
+            });
+        },
+        renderPanel (element, children) {
+            return /*#__PURE__*/ createElement('div', {
+                key: element.id,
+                'data-scene-id': element.id,
+                'data-scene-kind': 'Panel'
+            }, children);
+        }
+    };
+}
+
+export { createReactRenderer };
+//# sourceMappingURL=createReactRenderer.js.map

package/dist/esm/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,cAAc,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,cAAc,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,mBAAAA;AACrD,YAAA,qBAAOT,cAAcO,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,cAAc,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/esm/renderer/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ComponentRegistry';
+export * from './UnresolvedComponent';
+export * from './createReactRenderer';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/renderer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../renderer/index.ts"],"names":[],"mappings":"AAGA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC"}

package/dist/esm/renderer/index.js

@@ -0,0 +1,4 @@
+export * from './ComponentRegistry';
+export * from './UnresolvedComponent';
+export * from './createReactRenderer';
+//# sourceMappingURL=index.js.map

package/dist/esm/renderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../renderer/index.ts"],"names":[],"mappings":"AAGA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC"}

package/dist/esm/theme/SceneThemeProvider.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { Theme } from '@cratis/scene.model';
+export declare function useSceneTheme(): Theme | undefined;
+export interface SceneThemePropsBase {
+    theme?: Theme;
+    children?: ReactNode;
+    className?: string;
+}
+export declare function SceneThemeProvider({ theme, children, className }: SceneThemePropsBase): import("react").JSX.Element;
+//# sourceMappingURL=SceneThemeProvider.d.ts.map

package/dist/esm/theme/SceneThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneThemeProvider.d.ts","sourceRoot":"","sources":["../../../theme/SceneThemeProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAsD,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAS5C,wBAAgB,aAAa,IAAI,KAAK,GAAG,SAAS,CAEjD;AAED,MAAM,WAAW,mBAAmB;IAIhC,KAAK,CAAC,EAAE,KAAK,CAAC;IAKd,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAUD,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,+BAerF"}

package/dist/esm/theme/SceneThemeProvider.js

@@ -0,0 +1,41 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useLayoutEffect, useContext, createContext } from 'react';
+import { applyThemeTokens } from './themeTokens.js';
+
+const SceneThemeContext = /*#__PURE__*/ 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 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 = useRef(null);
+    const previousRef = useRef(undefined);
+    useLayoutEffect(()=>{
+        if (!elementRef.current) return;
+        applyThemeTokens(elementRef.current, theme, previousRef.current);
+        previousRef.current = theme;
+    }, [
+        theme
+    ]);
+    return /*#__PURE__*/ jsx("div", {
+        ref: elementRef,
+        className: className,
+        "data-scene-theme-root": "",
+        children: /*#__PURE__*/ jsx(SceneThemeContext.Provider, {
+            value: theme,
+            children: children
+        })
+    });
+}
+
+export { SceneThemeProvider, useSceneTheme };
+//# sourceMappingURL=SceneThemeProvider.js.map

package/dist/esm/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,aAAAA,CAAiCC,SAAAA,CAAAA;AAE3D;;;AAGC,IACM,SAASC,aAAAA,GAAAA;AACZ,IAAA,OAAOC,UAAAA,CAAWJ,iBAAAA,CAAAA;AACtB;AAmBA;;;;;;;IAQO,SAASK,kBAAAA,CAAmB,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAuB,EAAA;AAClF,IAAA,MAAMC,aAAaC,MAAAA,CAAuB,IAAA,CAAA;AAC1C,IAAA,MAAMC,cAAcD,MAAAA,CAA0BR,SAAAA,CAAAA;IAE9CU,eAAAA,CAAgB,IAAA;QACZ,IAAI,CAACH,UAAAA,CAAWI,OAAO,EAAE;AACzBC,QAAAA,gBAAAA,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,GAAA,CAACC,KAAAA,EAAAA;QAAIC,GAAAA,EAAKR,UAAAA;QAAYD,SAAAA,EAAWA,SAAAA;QAAWU,uBAAAA,EAAsB,EAAA;gCAC9DH,GAAA,CAACf,kBAAkBmB,QAAQ,EAAA;YAACC,KAAAA,EAAOd,KAAAA;AAAQC,YAAAA,QAAAA,EAAAA;;;AAGvD;;;;"}

package/dist/esm/theme/index.d.ts

@@ -0,0 +1,3 @@
+export * from './themeTokens';
+export * from './SceneThemeProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../theme/index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC"}

package/dist/esm/theme/index.js

@@ -0,0 +1,3 @@
+export * from './themeTokens';
+export * from './SceneThemeProvider';
+//# sourceMappingURL=index.js.map

package/dist/esm/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../theme/index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC"}

package/dist/esm/theme/themeTokens.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@cratis/scene.model';
+export declare const themeTokenPrefix = "--scene";
+export declare function themeTokenProperty(token: string): string;
+export declare function applyThemeTokens(element: HTMLElement, theme: Theme | undefined, previous?: Theme): void;
+//# sourceMappingURL=themeTokens.d.ts.map

package/dist/esm/theme/themeTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeTokens.d.ts","sourceRoot":"","sources":["../../../theme/themeTokens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAQ5C,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAS1C,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMxD;AAaD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE,QAAQ,CAAC,EAAE,KAAK,GAAG,IAAI,CAmBvG"}