tungsten 0.3.2 → 0.3.4

package/dist/bin/commands/dev.js

@@ -2,11 +2,16 @@ import open from 'open';
 import { cliOut } from "../../cliOutput.js";
 import { Framework } from "../../Framework.js";
 import { warnOnFrameworkChange } from "../../warnOnFrameworkChange.js";
+import { createTimeProfiler } from "../../timeProfiler.js";
 //import dotenv from 'dotenv'
 //dotenv.config({ path: '.private.env' })
+const args = process.argv.slice(3);
+const boot = !args.includes('--no-boot');
+const profile = args.includes('--profile');
 cliOut(`Starting dev mode`);
 //// prep the app
 const sxyFramework = new Framework();
+sxyFramework.profiler = createTimeProfiler(profile);
 await sxyFramework.init();
 //console.log('framework ready')
 // build for dev
@@ -17,9 +22,15 @@ await sxyFramework.build('dev');
 // start a dev server
 const devServer = await sxyFramework.createDevServer();
 //cliOut('Dev server ready')
-const devServerLocation = await devServer.start();
-if (sxyFramework.config?.warnOnFrameworkChange) warnOnFrameworkChange();
+const devServerLocation = await sxyFramework.profiler.timeProfileAsync('start dev server', () => devServer.start());
+// devmon already restarts this process itself on a framework rebuild, so the warning
+// (which just tells you to restart manually) would be redundant noise under it - see devmon.ts.
+if (sxyFramework.config?.warnOnFrameworkChange && process.env.__TUNGSTEN_DEVMON !== 'true') {
+  warnOnFrameworkChange();
+}
 // do a dummy request to trigger any error immediately during dev
 //axios.get(sxyFramework.devServer.location)
-cliOut('Booting to the dev site in your browser');
-open(devServerLocation);
+if (boot) {
+  cliOut('Booting to the dev site in your browser');
+  open(devServerLocation);
+}

package/dist/bin/commands/devmon.d.ts

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

package/dist/bin/commands/devmon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devmon.d.ts","sourceRoot":"","sources":["../../../src/bin/commands/devmon.ts"],"names":[],"mappings":"AAqEA,OAAO,EAAE,CAAA"}

package/dist/bin/commands/devmon.js

@@ -0,0 +1,66 @@
+// Master process for `tungsten dev`: runs it as a child process and watches the same
+// build-notification marker file as warnOnFrameworkChange.ts (dist/.build-complete in the
+// framework package). When a framework rebuild touches it, kills and respawns the dev child
+// instead of just warning that a restart is needed.
+import { spawn } from 'node:child_process';
+import { join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import chokidar from 'chokidar';
+import { cliError } from "../../cliOutput.js";
+import { getFrameworkDir } from "../../getFrameworkDir.js";
+const binIndexPath = fileURLToPath(new URL('../index.js', import.meta.url));
+const initialArgs = process.argv.slice(3);
+// Restarts always force --no-boot (no reopening the browser tab each time), but otherwise
+// keep whatever else devmon itself was passed - e.g. --profile.
+const restartArgs = [...initialArgs.filter(arg => arg !== '--no-boot'), '--no-boot'];
+const buildMarkerPath = join(getFrameworkDir(), 'dist', '.build-complete');
+let child = null;
+let restarting = false;
+function startDev(args) {
+  // __TUNGSTEN_DEVMON tells dev.ts to skip warnOnFrameworkChange() - devmon is already
+  // restarting it, so that warning would just be confusing noise here.
+  child = spawn(process.execPath, [binIndexPath, 'dev', ...args], {
+    stdio: 'inherit',
+    env: {
+      ...process.env,
+      __TUNGSTEN_DEVMON: 'true'
+    }
+  });
+  child.on('exit', code => {
+    child = null;
+    // not one of our own restarts, so the dev process ended on its own (crash, or the
+    // user quit it directly) - nothing left for devmon to supervise
+    if (!restarting) process.exit(code ?? 0);
+  });
+}
+function restartDev() {
+  if (restarting) return;
+  restarting = true;
+  cliError('tungsten framework rebuilt - restarting tungsten dev');
+  if (child === null) {
+    restarting = false;
+    startDev(restartArgs);
+    return;
+  }
+  child.once('exit', () => {
+    restarting = false;
+    startDev(restartArgs);
+  });
+  child.kill();
+}
+startDev(initialArgs);
+const watcher = chokidar.watch(buildMarkerPath, {
+  ignoreInitial: true,
+  awaitWriteFinish: {
+    stabilityThreshold: 200,
+    pollInterval: 20
+  }
+});
+watcher.on('all', restartDev);
+function shutdown() {
+  void watcher.close();
+  if (child !== null) child.kill();
+  process.exit(0);
+}
+process.on('SIGINT', shutdown);
+process.on('SIGTERM', shutdown);

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/bin/index.ts"],"names":[],"mappings":"AAmDA,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/bin/index.ts"],"names":[],"mappings":"AAwDA,OAAO,EAAE,CAAA"}

package/dist/bin/index.js

@@ -10,6 +10,12 @@ switch (command) {
       await import("./commands/dev.js");
       break;
     }
+  case 'devmon':
+    {
+      process.env.__TUNGSTEN_ENV = 'development';
+      await import("./commands/devmon.js");
+      break;
+    }
   case 'build':
     {
       process.env.__TUNGSTEN_ENV = 'production';

package/dist/booleanAttributeValue.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The attribute string value for a boolean prop, or `null` when the attribute
+ * should be omitted entirely.
+ *
+ * The general rule is an ordinary HTML boolean attribute - `disabled`,
+ * `checked`, `hidden` and the rest: present (conventionally with an empty
+ * value) means true, absent means false. `contentEditable` looks like one of
+ * these in JSX but is not: `contenteditable` is a three-state enumerated
+ * attribute (true/false/inherit) where an absent attribute means *inherit*,
+ * not false. Representing `contentEditable={false}` by omitting the
+ * attribute therefore does nothing under an editable ancestor - the element
+ * silently stays editable. It gets explicit `"true"`/`"false"` strings
+ * instead; every other boolean prop keeps the ordinary rule.
+ *
+ * Shared by every place that turns a boolean prop into HTML - the server
+ * renderer, the client create/update paths, hydration's attribute
+ * reconciliation, and `contentNodeToHtml()` - so they cannot disagree with
+ * each other and produce a false hydration mismatch.
+ */
+export declare function booleanAttributeValue(name: string, value: boolean): string | null;
+//# sourceMappingURL=booleanAttributeValue.d.ts.map

package/dist/booleanAttributeValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booleanAttributeValue.d.ts","sourceRoot":"","sources":["../src/booleanAttributeValue.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAGjF"}

package/dist/booleanAttributeValue.js

@@ -0,0 +1,23 @@
+/**
+ * The attribute string value for a boolean prop, or `null` when the attribute
+ * should be omitted entirely.
+ *
+ * The general rule is an ordinary HTML boolean attribute - `disabled`,
+ * `checked`, `hidden` and the rest: present (conventionally with an empty
+ * value) means true, absent means false. `contentEditable` looks like one of
+ * these in JSX but is not: `contenteditable` is a three-state enumerated
+ * attribute (true/false/inherit) where an absent attribute means *inherit*,
+ * not false. Representing `contentEditable={false}` by omitting the
+ * attribute therefore does nothing under an editable ancestor - the element
+ * silently stays editable. It gets explicit `"true"`/`"false"` strings
+ * instead; every other boolean prop keeps the ordinary rule.
+ *
+ * Shared by every place that turns a boolean prop into HTML - the server
+ * renderer, the client create/update paths, hydration's attribute
+ * reconciliation, and `contentNodeToHtml()` - so they cannot disagree with
+ * each other and produce a false hydration mismatch.
+ */
+export function booleanAttributeValue(name, value) {
+  if (name.toLowerCase() === 'contenteditable') return value ? 'true' : 'false';
+  return value ? '' : null;
+}

package/dist/build/CompilationInfo.d.ts

@@ -8,6 +8,7 @@ export type CompilationInfo = {
     buildCodeLocation: string;
     location: string;
     bundleLocation?: string;
+    frameworkCss?: string;
     importAliases: ImportAliases;
 };
 //# sourceMappingURL=CompilationInfo.d.ts.map

package/dist/build/CompilationInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompilationInfo.d.ts","sourceRoot":"","sources":["../../src/build/CompilationInfo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC1B,IAAI,EAAE,SAAS,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB,aAAa,EAAE,aAAa,CAAA;CAC/B,CAAA"}
+{"version":3,"file":"CompilationInfo.d.ts","sourceRoot":"","sources":["../../src/build/CompilationInfo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC1B,IAAI,EAAE,SAAS,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,aAAa,EAAE,aAAa,CAAA;CAC/B,CAAA"}

package/dist/build/combineComponentCss.d.ts

@@ -1,2 +1,2 @@
-export declare function combineComponentCss(buildLocation: string): Promise<void>;
+export declare function combineComponentCss(buildLocation: string, folder?: string, file?: string): Promise<void>;
 //# sourceMappingURL=combineComponentCss.d.ts.map

package/dist/build/combineComponentCss.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combineComponentCss.d.ts","sourceRoot":"","sources":["../../src/build/combineComponentCss.ts"],"names":[],"mappings":"AAuBA,wBAAsB,mBAAmB,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAqC9E"}
+{"version":3,"file":"combineComponentCss.d.ts","sourceRoot":"","sources":["../../src/build/combineComponentCss.ts"],"names":[],"mappings":"AAuBA,wBAAsB,mBAAmB,CACrC,aAAa,EAAE,MAAM,EAAE,MAAM,GAAE,MAA2B,EAAE,IAAI,GAAE,MAAyB,GAC5F,OAAO,CAAC,IAAI,CAAC,CAqCf"}

package/dist/build/combineComponentCss.js

@@ -13,9 +13,9 @@ function validateCharset(css, file) {
   }
   return charsets.length > 0;
 }
-export async function combineComponentCss(buildLocation) {
-  const outputDirectory = join(buildLocation, componentCssFolder);
-  const outputFile = join(outputDirectory, componentCssFile);
+export async function combineComponentCss(buildLocation, folder = componentCssFolder, file = componentCssFile) {
+  const outputDirectory = join(buildLocation, folder);
+  const outputFile = join(outputDirectory, file);
   const individualDirectory = resolve(outputDirectory, 'i');
   const manifest = await fsPromises.readFile(outputFile, 'utf8');
   const importPaths = [...manifest.matchAll(componentImportPattern)].map(match => match[1]).filter(importPath => importPath !== undefined);

package/dist/build/compileJavascript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compileJavascript.d.ts","sourceRoot":"","sources":["../../src/build/compileJavascript.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,UAAU,CAAA;AAO/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAetC,KAAK,uBAAuB,GAAG;IAC3B,OAAO,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAA;IAClC,WAAW,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAA;IACtC,aAAa,EAAE,aAAa,CAAA;IAC5B,cAAc,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACrC,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACnC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,eAAe,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAA;CAC9F,CAAA;AAKD,wBAAsB,iBAAiB,CACnC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,uBAAuB,EACtD,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EACrE,aAAa,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,UAAO,EAC1E,OAAO,GAAE,wBAA6B,GACvC,OAAO,CAAC,uBAAuB,CAAC,CA6YlC"}
+{"version":3,"file":"compileJavascript.d.ts","sourceRoot":"","sources":["../../src/build/compileJavascript.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,UAAU,CAAA;AAO/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAetC,KAAK,uBAAuB,GAAG;IAC3B,OAAO,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAA;IAClC,WAAW,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAA;IACtC,aAAa,EAAE,aAAa,CAAA;IAC5B,cAAc,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG;IACrC,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACnC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,eAAe,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAA;CAC9F,CAAA;AAKD,wBAAsB,iBAAiB,CACnC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,uBAAuB,EACtD,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EACrE,aAAa,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,UAAO,EAC1E,OAAO,GAAE,wBAA6B,GACvC,OAAO,CAAC,uBAAuB,CAAC,CA8YlC"}

package/dist/build/compileJavascript.js

@@ -40,9 +40,9 @@ export async function compileJavascript(projectDir, appConfig, codeLocation, sou
     dependencyGraph = {};
     importAliases = {};
     promises = [];
-    config = makeBabelUserDevConfig(projectDir, codeLocation, sourceLocation, styleImportBase, buildLocation, buildCodeLocation, dependencyGraphDir, skipPackageCompilationFiles, oldDependencyGraph, dependencyGraph, importAliases, promises);
+    config = makeBabelUserDevConfig(projectDir, codeLocation, sourceLocation, styleImportBase, buildLocation, buildCodeLocation, dependencyGraphDir, skipPackageCompilationFiles, oldDependencyGraph, dependencyGraph, importAliases, promises, watch);
   } else {
-    config = makeBabelUserProdConfig(projectDir, codeLocation, sourceLocation, styleImportBase);
+    config = makeBabelUserProdConfig(projectDir, codeLocation, sourceLocation, styleImportBase, watch);
   }
   config.root = getFrameworkDir();
   // compile with the API
@@ -52,7 +52,7 @@ export async function compileJavascript(projectDir, appConfig, codeLocation, sou
   const pendingExportWipes = new Map();
   const exportWipeGraceMs = 5000;
   async function transformFile(file) {
-    if (options.quiet !== true) console.log('transforming file', file);
+    //if (options.quiet !== true) console.log('transforming file', file)
     try {
       let rel = file.slice(codeLocationLength);
       if (rel.endsWith('.jsx')) rel = rel.slice(0, -1);

package/dist/build/compileUserApp.d.ts

@@ -1,5 +1,6 @@
 import type { CompilationInfo } from './CompilationInfo.js';
 import type { FrameworkConfigComplete } from '../FrameworkConfig.js';
 import type { Mode } from '../Mode.js';
-export declare function compileUserApp(projectDir: string, appConfig: FrameworkConfigComplete, mode: Mode): Promise<CompilationInfo>;
+import { type TimeProfiler } from '../timeProfiler.js';
+export declare function compileUserApp(projectDir: string, appConfig: FrameworkConfigComplete, mode: Mode, profiler?: TimeProfiler): Promise<CompilationInfo>;
 //# sourceMappingURL=compileUserApp.d.ts.map

package/dist/build/compileUserApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compileUserApp.d.ts","sourceRoot":"","sources":["../../src/build/compileUserApp.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAWtC,wBAAsB,cAAc,CAChC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,uBAAuB,EAAE,IAAI,EAAE,IAAI,GACnE,OAAO,CAAC,eAAe,CAAC,CAoD1B"}
+{"version":3,"file":"compileUserApp.d.ts","sourceRoot":"","sources":["../../src/build/compileUserApp.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAWtC,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAI1E,wBAAsB,cAAc,CAChC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,uBAAuB,EAAE,IAAI,EAAE,IAAI,EAClE,QAAQ,GAAE,YAAwC,GACnD,OAAO,CAAC,eAAe,CAAC,CAsE1B"}

package/dist/build/compileUserApp.js

@@ -3,11 +3,13 @@ import { compileJavascript } from "./compileJavascript.js";
 import { compileStyles } from "./compileStyles.js";
 import { copyAssets } from "./copyAssets.js";
 import { copyPublicFiles } from "./copyPublicFiles.js";
-import { buildCodeSubPath, bundleFolder, devBuildOuterFolder, prodBuildFolder } from "../settings.js";
+import { buildCodeSubPath, bundleFolder, devBuildOuterFolder, frameworkCssFile, frameworkCssFolder, prodBuildFolder } from "../settings.js";
 import { combineComponentCss } from "./combineComponentCss.js";
+import { writeFrameworkCss } from "./frameworkStylesheets.js";
 import { emitReloadEvent } from "../hmr/liveReloadHub.js";
+import { createTimeProfiler } from "../timeProfiler.js";
 //import { compileEnv } from './compileEnv.js'
-export async function compileUserApp(projectDir, appConfig, mode) {
+export async function compileUserApp(projectDir, appConfig, mode, profiler = createTimeProfiler(false)) {
   const codeLocation = join(projectDir, appConfig.codeDir);
   const relSourceDir = appConfig.sourceDir !== undefined && appConfig.sourceDir !== '' ? appConfig.sourceDir : appConfig.codeDir;
   const sourceLocation = join(projectDir, relSourceDir);
@@ -15,15 +17,18 @@ export async function compileUserApp(projectDir, appConfig, mode) {
   const buildLocation = mode === 'dev' ? join(projectDir, devBuildOuterFolder) : join(projectDir, prodBuildFolder);
   const codeSubPath = buildCodeSubPath;
   const buildCodeLocation = join(buildLocation, codeSubPath);
-  const compileJavascriptPromise = compileJavascript(projectDir, appConfig, codeLocation, sourceLocation, styleImportBase, buildLocation, buildCodeLocation, mode, true, mode === 'dev' ? {
+  // a prod build is one-shot: watching would leave chokidar handles holding the event loop
+  // open, so the command could only ever end by hard-exiting
+  const watch = mode === 'dev';
+  const compileJavascriptPromise = profiler.timeProfileAsync('compile javascript', () => compileJavascript(projectDir, appConfig, codeLocation, sourceLocation, styleImportBase, buildLocation, buildCodeLocation, mode, watch, mode === 'dev' ? {
     onCycleComplete: cycle => {
       if (cycle.success) emitReloadEvent('js', cycle.file);
     }
-  } : {});
+  } : {}));
   //const compileEnvPromise = compileEnv(projectDir, appConfig, codeLocation, buildLocation, mode)
-  const compileStylesPromise = compileStyles(projectDir, appConfig, styleImportBase, buildLocation, true, mode === 'dev' ? () => emitReloadEvent('css') : undefined);
-  const copyAssetsPromise = copyAssets(projectDir, appConfig, buildLocation);
-  const copyPublicFilesPromise = copyPublicFiles(projectDir, appConfig, buildLocation);
+  const compileStylesPromise = profiler.timeProfileAsync('compile styles', () => compileStyles(projectDir, appConfig, styleImportBase, buildLocation, watch, mode === 'dev' ? () => emitReloadEvent('css') : undefined));
+  const copyAssetsPromise = profiler.timeProfileAsync('copy assets', () => copyAssets(projectDir, appConfig, buildLocation, watch));
+  const copyPublicFilesPromise = profiler.timeProfileAsync('copy public files', () => copyPublicFiles(projectDir, appConfig, buildLocation, watch));
   const {
     importAliases
   } = await compileJavascriptPromise;
@@ -31,7 +36,11 @@ export async function compileUserApp(projectDir, appConfig, mode) {
   await compileStylesPromise;
   await copyAssetsPromise;
   await copyPublicFilesPromise;
-  if (mode === 'prod') await combineComponentCss(buildLocation);
+  if (mode === 'prod') await profiler.timeProfileAsync('combine component css', () => combineComponentCss(buildLocation));
+  const frameworkCss = await profiler.timeProfileAsync('write framework css', () => writeFrameworkCss(buildLocation));
+  if (mode === 'prod' && frameworkCss !== undefined) {
+    await profiler.timeProfileAsync('combine framework css', () => combineComponentCss(buildLocation, frameworkCssFolder, frameworkCssFile));
+  }
   const compilationInfo = {
     type: 'success',
     projectDir,
@@ -42,6 +51,7 @@ export async function compileUserApp(projectDir, appConfig, mode) {
     location: buildLocation,
     importAliases
   };
+  if (frameworkCss !== undefined) compilationInfo.frameworkCss = frameworkCss;
   if (mode === 'prod') compilationInfo.bundleLocation = join(projectDir, bundleFolder);
   return compilationInfo;
 }

package/dist/build/createInstanceConfigFile.js

@@ -20,7 +20,7 @@ export async function createInstanceConfigFile(config, mode, buildLocation) {
     });
     await fsPromises.writeFile(appConfigLocation,
     // to
-    `export default { prod: ${(mode === 'prod').toString()}, useRootComponent: ${config.useRootComponent.toString()}, siteBasePath: "${siteBasePath}", clientSideNav: ${config.clientSideNav.toString()}, staticSite: ${config.staticSite.toString()} };` // eslint-disable-line max-len
+    `export default { prod: ${(mode === 'prod').toString()}, useRootComponent: ${config.useRootComponent.toString()}, siteBasePath: "${siteBasePath}", clientSideNav: ${config.clientSideNav.toString()}, staticSite: ${config.staticSite.toString()}, csr: ${config.csr.toString()} };` // eslint-disable-line max-len
     );
   } catch (e) {
     throw new TungstenError(`createAppConfig() Error: error creating app config file`);

package/dist/build/frameworkStylesheets.d.ts

@@ -0,0 +1,5 @@
+export declare function recordFrameworkStylesheet(packageDir: string, rel: string): void;
+export declare function clearFrameworkStylesheets(): void;
+export declare function frameworkCssPath(buildLocation: string): string | undefined;
+export declare function writeFrameworkCss(buildLocation: string): Promise<string | undefined>;
+//# sourceMappingURL=frameworkStylesheets.d.ts.map

package/dist/build/frameworkStylesheets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frameworkStylesheets.d.ts","sourceRoot":"","sources":["../../src/build/frameworkStylesheets.ts"],"names":[],"mappings":"AAqBA,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAE/E;AAED,wBAAgB,yBAAyB,IAAI,IAAI,CAEhD;AAGD,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAI1E;AAID,wBAAsB,iBAAiB,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAqB1F"}

package/dist/build/frameworkStylesheets.js

@@ -0,0 +1,49 @@
+import { existsSync, promises as fsPromises } from 'fs';
+import { dirname, join } from 'path';
+import slash from 'slash';
+import { frameworkCssFile, frameworkCssFolder, frameworkDistFolder } from "../settings.js";
+// Component stylesheets named by a `$stylesheet` static on a package component, collected while
+// the package import tree is walked so only components the app actually imports contribute.
+// Held on globalThis because moduleReloader busts the ES module cache in dev, so the collector
+// and the writer can otherwise end up with separate module instances.
+const $collected = Symbol.for('tungsten.frameworkStylesheets');
+function getCollected() {
+  const existing = Reflect.get(globalThis, $collected);
+  if (existing instanceof Map) return existing;
+  const created = new Map();
+  Reflect.set(globalThis, $collected, created);
+  return created;
+}
+export function recordFrameworkStylesheet(packageDir, rel) {
+  getCollected().set(join(packageDir, frameworkDistFolder, 'componentCss', rel), rel);
+}
+export function clearFrameworkStylesheets() {
+  getCollected().clear();
+}
+// Web path of an already-written manifest, for a process serving a build it did not produce.
+export function frameworkCssPath(buildLocation) {
+  return existsSync(join(buildLocation, frameworkCssFolder, frameworkCssFile)) ? `/${frameworkCssFolder}/${frameworkCssFile}` : undefined;
+}
+// Copies the collected stylesheets into the build and writes their manifest.
+// Returns the manifest's web path, or undefined when nothing contributed.
+export async function writeFrameworkCss(buildLocation) {
+  const collected = getCollected();
+  if (collected.size === 0) return undefined;
+  const target = join(buildLocation, frameworkCssFolder);
+  const imports = [];
+  for (const [source, rel] of collected) {
+    if (!existsSync(source)) continue;
+    const dest = join(target, rel);
+    await fsPromises.mkdir(dirname(dest), {
+      recursive: true
+    });
+    await fsPromises.copyFile(source, dest);
+    imports.push(`@import "${slash(rel)}";`);
+  }
+  if (imports.length === 0) return undefined;
+  await fsPromises.mkdir(target, {
+    recursive: true
+  });
+  await fsPromises.writeFile(join(target, frameworkCssFile), imports.join('\n') + '\n');
+  return `/${frameworkCssFolder}/${frameworkCssFile}`;
+}

package/dist/build/getPackageDirForFile.d.ts

@@ -0,0 +1,2 @@
+export declare function getPackageDirForFile(file: string): string | undefined;
+//# sourceMappingURL=getPackageDirForFile.d.ts.map

package/dist/build/getPackageDirForFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPackageDirForFile.d.ts","sourceRoot":"","sources":["../../src/build/getPackageDirForFile.ts"],"names":[],"mappings":"AAQA,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAIrE"}

package/dist/build/getPackageDirForFile.js

@@ -0,0 +1,11 @@
+import { dirname } from 'path';
+import { findProjectDir } from "../findProjectDir.js";
+const cache = {};
+// Package boundary for a file. Nameless package.json files are not boundaries — see findProjectDir.
+export function getPackageDirForFile(file) {
+  const dir = dirname(file);
+  if (dir in cache) return cache[dir];
+  return cache[dir] = findProjectDir(dir, {
+    requireName: true
+  });
+}

package/dist/build/getSxyClientPackageAliases.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getSxyClientPackageAliases.d.ts","sourceRoot":"","sources":["../../src/build/getSxyClientPackageAliases.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAQvD,wBAAgB,+BAA+B,IAAI,aAAa,CA8B/D"}
+{"version":3,"file":"getSxyClientPackageAliases.d.ts","sourceRoot":"","sources":["../../src/build/getSxyClientPackageAliases.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAQvD,wBAAgB,+BAA+B,IAAI,aAAa,CAgC/D"}

package/dist/build/getSxyClientPackageAliases.js

@@ -10,7 +10,9 @@ export function getTungstenClientPackageAliases() {
   // I think these are only used in dev
   const importAliases = {
     'tungsten': `${frameworkDestLocation}/index.js`,
-    'tungsten/jsxRuntime.js': `${frameworkDestLocation}/jsxRuntime.js`
+    'tungsten/jsxRuntime.js': `${frameworkDestLocation}/jsxRuntime.js`,
+    // The component library, mirroring the `./library` subpath in exports.
+    'tungsten/library': `${frameworkDestLocation}/components/library/index.js`
     //'tungsten': `${frameworkDestLocation}/indexBundle.js`,
     //'tungsten/jsxRuntime.js': `${frameworkDestLocation}/indexBundle.js`,
     //'tungsten/TungstenError.js': `${frameworkDestLocation}/TungstenError.js`,

package/dist/build/makeBabelUserDevConfig.d.ts

@@ -1,5 +1,5 @@
 import type { TransformOptions } from '@babel/core';
 import type { ImportAliases } from './ImportAliases.js';
 import { DependencyGraph } from '../babelPlugins/BabelTransformPackageImports.js';
-export declare function makeBabelUserDevConfig(projectDir: string, absCodeDir: string, absSourceDir: string, absStyleImportBase: string, buildLocation: string, buildCodeLocation: string, packagesCacheLocation: string, skipPackageCompilationFiles: ReadonlySet<string>, oldDependencyGraph: DependencyGraph, dependencyGraph: DependencyGraph, importAliases: ImportAliases, promises: Promise<any>[]): TransformOptions;
+export declare function makeBabelUserDevConfig(projectDir: string, absCodeDir: string, absSourceDir: string, absStyleImportBase: string, buildLocation: string, buildCodeLocation: string, packagesCacheLocation: string, skipPackageCompilationFiles: ReadonlySet<string>, oldDependencyGraph: DependencyGraph, dependencyGraph: DependencyGraph, importAliases: ImportAliases, promises: Promise<any>[], watchStyles?: boolean): TransformOptions;
 //# sourceMappingURL=makeBabelUserDevConfig.d.ts.map

package/dist/build/makeBabelUserDevConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"makeBabelUserDevConfig.d.ts","sourceRoot":"","sources":["../../src/build/makeBabelUserDevConfig.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,OAAO,EAAoC,eAAe,EAAE,MAAM,iDAAiD,CAAA;AAOnH,wBAAgB,sBAAsB,CAClC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,kBAAkB,EAAE,MAAM,EAC1B,aAAa,EAAE,MAAM,EACrB,iBAAiB,EAAE,MAAM,EACzB,qBAAqB,EAAE,MAAM,EAC7B,2BAA2B,EAAE,WAAW,CAAC,MAAM,CAAC,EAChD,kBAAkB,EAAE,eAAe,EACnC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,GACzB,gBAAgB,CAgClB"}
+{"version":3,"file":"makeBabelUserDevConfig.d.ts","sourceRoot":"","sources":["../../src/build/makeBabelUserDevConfig.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,OAAO,EAAoC,eAAe,EAAE,MAAM,iDAAiD,CAAA;AAOnH,wBAAgB,sBAAsB,CAClC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,kBAAkB,EAAE,MAAM,EAC1B,aAAa,EAAE,MAAM,EACrB,iBAAiB,EAAE,MAAM,EACzB,qBAAqB,EAAE,MAAM,EAC7B,2BAA2B,EAAE,WAAW,CAAC,MAAM,CAAC,EAChD,kBAAkB,EAAE,eAAe,EACnC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,EACxB,WAAW,UAAO,GACnB,gBAAgB,CAgClB"}

package/dist/build/makeBabelUserDevConfig.js

@@ -7,7 +7,7 @@ import { componentCssFolder, componentCssFile } from "../settings.js";
 import userCommonConfig from "./babel.user.common.config.js";
 import { MakeBabelTransformCssImports } from "../babelPlugins/BabelTransformCssImports.js";
 import { MakeBabelAddDevCacheBust } from "../babelPlugins/BabelAddDevCacheBust.js";
-export function makeBabelUserDevConfig(projectDir, absCodeDir, absSourceDir, absStyleImportBase, buildLocation, buildCodeLocation, packagesCacheLocation, skipPackageCompilationFiles, oldDependencyGraph, dependencyGraph, importAliases, promises) {
+export function makeBabelUserDevConfig(projectDir, absCodeDir, absSourceDir, absStyleImportBase, buildLocation, buildCodeLocation, packagesCacheLocation, skipPackageCompilationFiles, oldDependencyGraph, dependencyGraph, importAliases, promises, watchStyles = true) {
   const userDevConfig = objectCopy(userCommonConfig);
   userDevConfig.plugins.push(MakeBabelTransformPackageImports({
     projectDir: projectDir,
@@ -29,7 +29,8 @@ export function makeBabelUserDevConfig(projectDir, absCodeDir, absSourceDir, abs
     projectAbsSourceDir: absSourceDir,
     projectAbsStyleImportDir: absStyleImportBase,
     classNameFormat: '[folder]-[name]_[local]',
-    cssOutputFile: join(buildLocation, componentCssFolder, componentCssFile)
+    cssOutputFile: join(buildLocation, componentCssFolder, componentCssFile),
+    watch: watchStyles
   }),
   // Dev-only: keeps every relative import's browser-cached URL in sync with the
   // imported file's own on-disk mtime - see BabelAddDevCacheBust.ts and

package/dist/build/makeBabelUserProdConfig.d.ts

@@ -1,3 +1,3 @@
 import type { TransformOptions } from '@babel/core';
-export declare function makeBabelUserProdConfig(projectDir: string, absCodeDir: string, absSourceDir: string, absStyleImportBase: string): TransformOptions;
+export declare function makeBabelUserProdConfig(projectDir: string, absCodeDir: string, absSourceDir: string, absStyleImportBase: string, watchStyles?: boolean): TransformOptions;
 //# sourceMappingURL=makeBabelUserProdConfig.d.ts.map

package/dist/build/makeBabelUserProdConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"makeBabelUserProdConfig.d.ts","sourceRoot":"","sources":["../../src/build/makeBabelUserProdConfig.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAMnD,wBAAgB,uBAAuB,CACnC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,kBAAkB,EAAE,MAAM,GAC3B,gBAAgB,CAelB"}
+{"version":3,"file":"makeBabelUserProdConfig.d.ts","sourceRoot":"","sources":["../../src/build/makeBabelUserProdConfig.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAMnD,wBAAgB,uBAAuB,CACnC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,kBAAkB,EAAE,MAAM,EAC1B,WAAW,UAAO,GACnB,gBAAgB,CAgBlB"}

package/dist/build/makeBabelUserProdConfig.js

@@ -5,7 +5,7 @@ import { MakeBabelTransformComponentStyles } from "../babelPlugins/BabelTransfor
 import { prodBuildFolder, componentCssFolder, componentCssFile } from "../settings.js";
 import userCommonConfig from "./babel.user.common.config.js";
 import { MakeBabelTransformCssImports } from "../babelPlugins/BabelTransformCssImports.js";
-export function makeBabelUserProdConfig(projectDir, absCodeDir, absSourceDir, absStyleImportBase) {
+export function makeBabelUserProdConfig(projectDir, absCodeDir, absSourceDir, absStyleImportBase, watchStyles = true) {
   const userProdConfig = objectCopy(userCommonConfig);
   userProdConfig.plugins.push(
   // eslint-disable-line @typescript-eslint/no-non-null-assertion
@@ -18,7 +18,9 @@ export function makeBabelUserProdConfig(projectDir, absCodeDir, absSourceDir, ab
     projectAbsSourceDir: absSourceDir,
     projectAbsStyleImportDir: absStyleImportBase,
     classNameFormat: '[folder]-[name]_[local]',
-    cssOutputFile: join(projectDir, prodBuildFolder, componentCssFolder, componentCssFile) // should only need to pass one
+    cssOutputFile: join(projectDir, prodBuildFolder, componentCssFolder, componentCssFile),
+    // should only need to pass one
+    watch: watchStyles
   }));
   return userProdConfig;
 }

package/dist/build/rollup.user.prod.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rollup.user.prod.config.d.ts","sourceRoot":"","sources":["../../src/build/rollup.user.prod.config.ts"],"names":[],"mappings":"AAaA,KAAK,YAAY,GAAG;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACrB,CAAA;AAeD,QAAA,MAAM,YAAY,EAAE,YAkBnB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"rollup.user.prod.config.d.ts","sourceRoot":"","sources":["../../src/build/rollup.user.prod.config.ts"],"names":[],"mappings":"AAcA,KAAK,YAAY,GAAG;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACrB,CAAA;AAeD,QAAA,MAAM,YAAY,EAAE,YAoBnB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/build/rollup.user.prod.config.js

@@ -6,6 +6,7 @@ import terser from "@rollup/plugin-terser";
 import jsonModule from "@rollup/plugin-json";
 import { MakeBabelTransformRemoveServerBlocks } from "../babelPlugins/BabelTransformRemoveServerBlocks.js";
 import { MakeBabelTransformRemoveDevBlocks } from "../babelPlugins/BabelTransformRemoveDevBlocks.js";
+import { rollupExtractComponentStylesheets } from "./rollupExtractComponentStylesheets.js";
 const json = typeof jsonModule === "function" ? jsonModule : jsonModule.default;
 function replaceProductionNodeEnv() {
   return {
@@ -22,7 +23,9 @@ function replaceProductionNodeEnv() {
 const rollupConfig = {
   plugins: [json(), nodeResolve(), commonjs(),
   // must be before babel
-  replaceProductionNodeEnv(), babel({
+  replaceProductionNodeEnv(),
+  // before babel, which excludes node_modules and so never sees framework components
+  rollupExtractComponentStylesheets(), babel({
     babelHelpers: 'bundled',
     exclude: '**/node_modules/**',
     plugins: [MakeBabelTransformRemoveServerBlocks(), MakeBabelTransformRemoveDevBlocks()]

package/dist/build/rollupExtractComponentStylesheets.d.ts

@@ -0,0 +1,12 @@
+export declare function rollupExtractComponentStylesheets(): {
+    name: string;
+    transform(code: string, id: string): {
+        code: string;
+        map: null;
+    } | null;
+    writeBundle(outputOptions: {
+        file?: string;
+        dir?: string;
+    }): Promise<void>;
+};
+//# sourceMappingURL=rollupExtractComponentStylesheets.d.ts.map

package/dist/build/rollupExtractComponentStylesheets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rollupExtractComponentStylesheets.d.ts","sourceRoot":"","sources":["../../src/build/rollupExtractComponentStylesheets.ts"],"names":[],"mappings":"AAYA,wBAAgB,iCAAiC;;oBAIzB,MAAM,MAAM,MAAM;;;;+BAgBD;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE;EAOvE"}

package/dist/build/rollupExtractComponentStylesheets.js

@@ -0,0 +1,35 @@
+import { dirname } from 'path';
+import { recordFrameworkStylesheet, writeFrameworkCss } from "./frameworkStylesheets.js";
+import { getPackageDirForFile } from "./getPackageDirForFile.js";
+// `static $stylesheet = "i/….css"` as emitted by BabelTransformComponentStyles.
+const markerPattern = /static\s+\$stylesheet\s*=\s*(["'])([^"']+)\1\s*;?/g;
+// Prod bundles rather than walking packages, so the package-walk extraction never runs. This is
+// its bundler-side counterpart: same read-and-erase, driven by rollup's module ids so a
+// component's owning package is still known once everything is in one file.
+export function rollupExtractComponentStylesheets() {
+  return {
+    name: 'tungsten-extract-component-stylesheets',
+    transform(code, id) {
+      if (!code.includes('$stylesheet')) return null;
+      let found = false;
+      const stripped = code.replace(markerPattern, (_match, _quote, rel) => {
+        const packageDir = getPackageDirForFile(id);
+        if (packageDir === undefined) return '';
+        recordFrameworkStylesheet(packageDir, rel);
+        found = true;
+        return '';
+      });
+      return found ? {
+        code: stripped,
+        map: null
+      } : null;
+    },
+    // The bundle is written to <build>/.bundle/<file>, so the build root is two up.
+    async writeBundle(outputOptions) {
+      const target = outputOptions.file ?? outputOptions.dir;
+      if (target === undefined) return;
+      const buildLocation = dirname(dirname(target));
+      await writeFrameworkCss(buildLocation);
+    }
+  };
+}

package/dist/compat/context.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from './types.js';
-import { ConstructPackage, TungstenSimpleComponent } from '../Components.js';
+import { ConstructPackage, TungstenSimpleComponent } from '../Components.jsx';
 interface Context<T> {
     Provider: typeof Provider<T>;
     Consumer: typeof Consumer<T>;

package/dist/compat/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/compat/context.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,SAAS,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,EAA6B,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAwCvG,UAAU,OAAO,CAAC,CAAC;IACf,QAAQ,EAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7B,QAAQ,EAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,wBAAgB,aAAa,CAAC,CAAC,EAG3B,YAAY,EAAE,CAAC,GAChB,OAAO,CAAC,CAAC,CAAC,CAKZ;AAED,KAAK,aAAa,CAAC,CAAC,IAAI;IACpB,KAAK,EAAE,CAAC,CAAA;IACR,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACpC,CAAA;AAID,cAAM,QAAQ,CAAC,CAAC,CAAE,SAAQ,uBAAuB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAI/D,OAAO,kBAA4B;CACtC;AAGD,KAAK,aAAa,CAAC,CAAC,IAAI;IACpB,QAAQ,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,SAAS,CAAC;CAC5C,CAAA;AAID,cAAM,QAAQ,CAAC,CAAC,CAAE,SAAQ,uBAAuB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/D,YAAY,EAAE,CAAC,CAAA;gBACH,GAAG,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;IAI9D,OAAO,kBAA+C;CACzD"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/compat/context.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,SAAS,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,EAA6B,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAwCxG,UAAU,OAAO,CAAC,CAAC;IACf,QAAQ,EAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7B,QAAQ,EAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,wBAAgB,aAAa,CAAC,CAAC,EAG3B,YAAY,EAAE,CAAC,GAChB,OAAO,CAAC,CAAC,CAAC,CAKZ;AAED,KAAK,aAAa,CAAC,CAAC,IAAI;IACpB,KAAK,EAAE,CAAC,CAAA;IACR,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACpC,CAAA;AAID,cAAM,QAAQ,CAAC,CAAC,CAAE,SAAQ,uBAAuB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAI/D,OAAO,kBAA4B;CACtC;AAGD,KAAK,aAAa,CAAC,CAAC,IAAI;IACpB,QAAQ,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,SAAS,CAAC;CAC5C,CAAA;AAID,cAAM,QAAQ,CAAC,CAAC,CAAE,SAAQ,uBAAuB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/D,YAAY,EAAE,CAAC,CAAA;gBACH,GAAG,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;IAI9D,OAAO,kBAA+C;CACzD"}

package/dist/compat/types.d.ts

@@ -1,6 +1,6 @@
 import { TungstenStatefulComponent } from 'tungsten/Components.jsx';
 import { ContentNode, ContentNodeElement } from '../ContentNode.js';
-export { ContentNode as ReactNode, ContentNodeElement as ReactElement };
+export type { ContentNode as ReactNode, ContentNodeElement as ReactElement };
 export type PropsWithChildren<P> = P & {
     children?: ContentNode | undefined;
 };