@dxos/ui-theme 0.8.4-staging.ac66bdf99f → 0.9.0

package/dist/plugin/node-cjs/meta.json

@@ -1 +1 @@
-{"inputs":{"src/plugins/ThemePlugin.ts":{"bytes":13220,"imports":[{"path":"@tailwindcss/postcss","kind":"import-statement","external":true},{"path":"autoprefixer","kind":"import-statement","external":true},{"path":"node:fs","kind":"import-statement","external":true},{"path":"node:path","kind":"import-statement","external":true},{"path":"postcss-import","kind":"import-statement","external":true},{"path":"postcss-nesting","kind":"import-statement","external":true}],"format":"esm"},"src/css/theme/animation.css":{"bytes":4215,"imports":[]},"src/css/theme/border.css":{"bytes":623,"imports":[]},"src/css/theme/palette.css":{"bytes":1519,"imports":[]},"src/css/theme/semantic.css":{"bytes":5986,"imports":[]},"src/css/theme/spacing.css":{"bytes":3989,"imports":[]},"src/css/theme/styles.css":{"bytes":8793,"imports":[]},"src/css/theme/text.css":{"bytes":1008,"imports":[]},"src/css/base/base.css":{"bytes":850,"imports":[]},"src/css/base/typography.css":{"bytes":3219,"imports":[{"path":"@fontsource-variable/jetbrains-mono/wght-italic.css","kind":"import-rule","external":true},{"path":"@fontsource-variable/jetbrains-mono/wght.css","kind":"import-rule","external":true},{"path":"@fontsource/poiret-one","kind":"import-rule","external":true}]},"src/css/components/button.css":{"bytes":2255,"imports":[]},"src/css/components/checkbox.css":{"bytes":1662,"imports":[]},"src/css/components/dialog.css":{"bytes":1597,"imports":[]},"src/css/components/focus.css":{"bytes":5467,"imports":[]},"src/css/components/icon.css":{"bytes":109,"imports":[]},"src/css/components/panel.css":{"bytes":3173,"imports":[]},"src/css/components/link.css":{"bytes":135,"imports":[]},"src/css/components/scrollbar.css":{"bytes":524,"imports":[]},"src/css/components/selected.css":{"bytes":978,"imports":[]},"src/css/components/surface.css":{"bytes":950,"imports":[]},"src/css/components/tag.css":{"bytes":2909,"imports":[]},"src/css/components/text.css":{"bytes":1996,"imports":[]},"src/css/layout/main.css":{"bytes":6568,"imports":[]},"src/css/layout/native.css":{"bytes":496,"imports":[]},"src/css/layout/positioning.css":{"bytes":322,"imports":[]},"src/css/layout/size.css":{"bytes":6224,"imports":[]},"src/css/utilities.css":{"bytes":2625,"imports":[]},"src/css/integrations/codemirror.css":{"bytes":1737,"imports":[]},"src/css/integrations/tldraw.css":{"bytes":331,"imports":[]},"src/main.css":{"bytes":3124,"imports":[{"path":"tailwindcss","kind":"import-rule","external":true},{"path":"src/css/theme/animation.css","kind":"import-rule","original":"./css/theme/animation.css"},{"path":"src/css/theme/border.css","kind":"import-rule","original":"./css/theme/border.css"},{"path":"src/css/theme/palette.css","kind":"import-rule","original":"./css/theme/palette.css"},{"path":"src/css/theme/semantic.css","kind":"import-rule","original":"./css/theme/semantic.css"},{"path":"src/css/theme/spacing.css","kind":"import-rule","original":"./css/theme/spacing.css"},{"path":"src/css/theme/styles.css","kind":"import-rule","original":"./css/theme/styles.css"},{"path":"src/css/theme/text.css","kind":"import-rule","original":"./css/theme/text.css"},{"path":"src/css/base/base.css","kind":"import-rule","original":"./css/base/base.css"},{"path":"src/css/base/typography.css","kind":"import-rule","original":"./css/base/typography.css"},{"path":"src/css/components/button.css","kind":"import-rule","original":"./css/components/button.css"},{"path":"src/css/components/checkbox.css","kind":"import-rule","original":"./css/components/checkbox.css"},{"path":"src/css/components/dialog.css","kind":"import-rule","original":"./css/components/dialog.css"},{"path":"src/css/components/focus.css","kind":"import-rule","original":"./css/components/focus.css"},{"path":"src/css/components/icon.css","kind":"import-rule","original":"./css/components/icon.css"},{"path":"src/css/components/panel.css","kind":"import-rule","original":"./css/components/panel.css"},{"path":"src/css/components/link.css","kind":"import-rule","original":"./css/components/link.css"},{"path":"src/css/components/scrollbar.css","kind":"import-rule","original":"./css/components/scrollbar.css"},{"path":"src/css/components/selected.css","kind":"import-rule","original":"./css/components/selected.css"},{"path":"src/css/components/surface.css","kind":"import-rule","original":"./css/components/surface.css"},{"path":"src/css/components/tag.css","kind":"import-rule","original":"./css/components/tag.css"},{"path":"src/css/components/text.css","kind":"import-rule","original":"./css/components/text.css"},{"path":"src/css/layout/main.css","kind":"import-rule","original":"./css/layout/main.css"},{"path":"src/css/layout/native.css","kind":"import-rule","original":"./css/layout/native.css"},{"path":"src/css/layout/positioning.css","kind":"import-rule","original":"./css/layout/positioning.css"},{"path":"src/css/layout/size.css","kind":"import-rule","original":"./css/layout/size.css"},{"path":"src/css/utilities.css","kind":"import-rule","original":"./css/utilities.css"},{"path":"src/css/integrations/codemirror.css","kind":"import-rule","original":"./css/integrations/codemirror.css"},{"path":"src/css/integrations/tldraw.css","kind":"import-rule","original":"./css/integrations/tldraw.css"}]}},"outputs":{"dist/plugin/node-cjs/plugins/ThemePlugin.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6355},"dist/plugin/node-cjs/plugins/ThemePlugin.cjs":{"imports":[{"path":"@tailwindcss/postcss","kind":"import-statement","external":true},{"path":"autoprefixer","kind":"import-statement","external":true},{"path":"node:fs","kind":"import-statement","external":true},{"path":"node:path","kind":"import-statement","external":true},{"path":"postcss-import","kind":"import-statement","external":true},{"path":"postcss-nesting","kind":"import-statement","external":true}],"exports":["LAYER_ORDER","ThemePlugin"],"entryPoint":"src/plugins/ThemePlugin.ts","inputs":{"src/plugins/ThemePlugin.ts":{"bytesInOutput":2777}},"bytes":2889},"dist/plugin/node-cjs/main.css.map":{"imports":[],"exports":[],"inputs":{},"bytes":114394},"dist/plugin/node-cjs/main.css":{"imports":[{"path":"tailwindcss","kind":"import-rule","external":true},{"path":"@fontsource-variable/jetbrains-mono/wght-italic.css","kind":"import-rule","external":true},{"path":"@fontsource-variable/jetbrains-mono/wght.css","kind":"import-rule","external":true},{"path":"@fontsource/poiret-one","kind":"import-rule","external":true}],"entryPoint":"src/main.css","inputs":{"src/css/theme/animation.css":{"bytesInOutput":3152},"src/css/theme/border.css":{"bytesInOutput":450},"src/css/theme/palette.css":{"bytesInOutput":1253},"src/css/theme/semantic.css":{"bytesInOutput":5285},"src/css/theme/spacing.css":{"bytesInOutput":3092},"src/css/theme/styles.css":{"bytesInOutput":8479},"src/css/theme/text.css":{"bytesInOutput":841},"src/css/base/base.css":{"bytesInOutput":806},"src/css/base/typography.css":{"bytesInOutput":2742},"src/css/components/button.css":{"bytesInOutput":1748},"src/css/components/checkbox.css":{"bytesInOutput":1336},"src/css/components/dialog.css":{"bytesInOutput":1550},"src/css/components/focus.css":{"bytesInOutput":5360},"src/css/components/icon.css":{"bytesInOutput":91},"src/css/components/panel.css":{"bytesInOutput":2839},"src/css/components/link.css":{"bytesInOutput":100},"src/css/components/scrollbar.css":{"bytesInOutput":451},"src/css/components/selected.css":{"bytesInOutput":766},"src/css/components/surface.css":{"bytesInOutput":553},"src/css/components/tag.css":{"bytesInOutput":2691},"src/css/components/text.css":{"bytesInOutput":1794},"src/css/layout/main.css":{"bytesInOutput":6361},"src/css/layout/native.css":{"bytesInOutput":215},"src/css/layout/positioning.css":{"bytesInOutput":297},"src/css/layout/size.css":{"bytesInOutput":5737},"src/css/utilities.css":{"bytesInOutput":505},"src/css/integrations/codemirror.css":{"bytesInOutput":1284},"src/css/integrations/tldraw.css":{"bytesInOutput":276},"src/main.css":{"bytesInOutput":1019}},"bytes":62411}}}
+{"inputs":{"src/plugins/ThemePlugin.ts":{"bytes":28566,"imports":[{"path":"@tailwindcss/postcss","kind":"import-statement","external":true},{"path":"@tailwindcss/vite","kind":"import-statement","external":true},{"path":"autoprefixer","kind":"import-statement","external":true},{"path":"node:fs","kind":"import-statement","external":true},{"path":"node:path","kind":"import-statement","external":true},{"path":"postcss-import","kind":"import-statement","external":true},{"path":"postcss-nesting","kind":"import-statement","external":true}],"format":"esm"},"src/css/theme/animation.css":{"bytes":4993,"imports":[]},"src/css/theme/border.css":{"bytes":623,"imports":[]},"src/css/theme/palette.css":{"bytes":3716,"imports":[]},"src/css/theme/semantic.css":{"bytes":7871,"imports":[]},"src/css/theme/spacing.css":{"bytes":4559,"imports":[]},"src/css/theme/styles.css":{"bytes":8508,"imports":[]},"src/css/theme/text.css":{"bytes":1008,"imports":[]},"src/css/base/base.css":{"bytes":828,"imports":[]},"src/css/base/typography.css":{"bytes":3219,"imports":[{"path":"@fontsource-variable/jetbrains-mono/wght-italic.css","kind":"import-rule","external":true},{"path":"@fontsource-variable/jetbrains-mono/wght.css","kind":"import-rule","external":true},{"path":"@fontsource/poiret-one","kind":"import-rule","external":true}]},"src/css/components/button.css":{"bytes":4188,"imports":[]},"src/css/components/card.css":{"bytes":663,"imports":[]},"src/css/components/checkbox.css":{"bytes":1622,"imports":[]},"src/css/components/dialog.css":{"bytes":1597,"imports":[]},"src/css/components/focus.css":{"bytes":5359,"imports":[]},"src/css/components/icon.css":{"bytes":109,"imports":[]},"src/css/components/panel.css":{"bytes":2965,"imports":[]},"src/css/components/link.css":{"bytes":230,"imports":[]},"src/css/components/scrollbar.css":{"bytes":524,"imports":[]},"src/css/components/state.css":{"bytes":4273,"imports":[]},"src/css/components/surface.css":{"bytes":1778,"imports":[]},"src/css/components/tag.css":{"bytes":2725,"imports":[]},"src/css/components/text.css":{"bytes":1996,"imports":[]},"src/css/layout/main.css":{"bytes":6819,"imports":[]},"src/css/layout/native.css":{"bytes":496,"imports":[]},"src/css/layout/positioning.css":{"bytes":322,"imports":[]},"src/css/layout/size.css":{"bytes":6881,"imports":[]},"src/css/utilities.css":{"bytes":3909,"imports":[]},"src/css/integrations/codemirror.css":{"bytes":1851,"imports":[]},"src/css/integrations/tldraw.css":{"bytes":326,"imports":[]},"src/main.css":{"bytes":6005,"imports":[{"path":"tailwindcss","kind":"import-rule","external":true},{"path":"src/css/theme/animation.css","kind":"import-rule","original":"./css/theme/animation.css"},{"path":"src/css/theme/border.css","kind":"import-rule","original":"./css/theme/border.css"},{"path":"src/css/theme/palette.css","kind":"import-rule","original":"./css/theme/palette.css"},{"path":"src/css/theme/semantic.css","kind":"import-rule","original":"./css/theme/semantic.css"},{"path":"src/css/theme/spacing.css","kind":"import-rule","original":"./css/theme/spacing.css"},{"path":"src/css/theme/styles.css","kind":"import-rule","original":"./css/theme/styles.css"},{"path":"src/css/theme/text.css","kind":"import-rule","original":"./css/theme/text.css"},{"path":"src/css/base/base.css","kind":"import-rule","original":"./css/base/base.css"},{"path":"src/css/base/typography.css","kind":"import-rule","original":"./css/base/typography.css"},{"path":"src/css/components/button.css","kind":"import-rule","original":"./css/components/button.css"},{"path":"src/css/components/card.css","kind":"import-rule","original":"./css/components/card.css"},{"path":"src/css/components/checkbox.css","kind":"import-rule","original":"./css/components/checkbox.css"},{"path":"src/css/components/dialog.css","kind":"import-rule","original":"./css/components/dialog.css"},{"path":"src/css/components/focus.css","kind":"import-rule","original":"./css/components/focus.css"},{"path":"src/css/components/icon.css","kind":"import-rule","original":"./css/components/icon.css"},{"path":"src/css/components/panel.css","kind":"import-rule","original":"./css/components/panel.css"},{"path":"src/css/components/link.css","kind":"import-rule","original":"./css/components/link.css"},{"path":"src/css/components/scrollbar.css","kind":"import-rule","original":"./css/components/scrollbar.css"},{"path":"src/css/components/state.css","kind":"import-rule","original":"./css/components/state.css"},{"path":"src/css/components/surface.css","kind":"import-rule","original":"./css/components/surface.css"},{"path":"src/css/components/tag.css","kind":"import-rule","original":"./css/components/tag.css"},{"path":"src/css/components/text.css","kind":"import-rule","original":"./css/components/text.css"},{"path":"src/css/layout/main.css","kind":"import-rule","original":"./css/layout/main.css"},{"path":"src/css/layout/native.css","kind":"import-rule","original":"./css/layout/native.css"},{"path":"src/css/layout/positioning.css","kind":"import-rule","original":"./css/layout/positioning.css"},{"path":"src/css/layout/size.css","kind":"import-rule","original":"./css/layout/size.css"},{"path":"src/css/utilities.css","kind":"import-rule","original":"./css/utilities.css"},{"path":"src/css/integrations/codemirror.css","kind":"import-rule","original":"./css/integrations/codemirror.css"},{"path":"src/css/integrations/tldraw.css","kind":"import-rule","original":"./css/integrations/tldraw.css"}]}},"outputs":{"dist/plugin/node-cjs/plugins/ThemePlugin.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12557},"dist/plugin/node-cjs/plugins/ThemePlugin.cjs":{"imports":[{"path":"@tailwindcss/postcss","kind":"import-statement","external":true},{"path":"@tailwindcss/vite","kind":"import-statement","external":true},{"path":"autoprefixer","kind":"import-statement","external":true},{"path":"node:fs","kind":"import-statement","external":true},{"path":"node:path","kind":"import-statement","external":true},{"path":"postcss-import","kind":"import-statement","external":true},{"path":"postcss-nesting","kind":"import-statement","external":true}],"exports":["LAYER_ORDER","ThemePlugin"],"entryPoint":"src/plugins/ThemePlugin.ts","inputs":{"src/plugins/ThemePlugin.ts":{"bytesInOutput":6643}},"bytes":6755},"dist/plugin/node-cjs/main.css.map":{"imports":[],"exports":[],"inputs":{},"bytes":136387},"dist/plugin/node-cjs/main.css":{"imports":[{"path":"tailwindcss","kind":"import-rule","external":true},{"path":"@fontsource-variable/jetbrains-mono/wght-italic.css","kind":"import-rule","external":true},{"path":"@fontsource-variable/jetbrains-mono/wght.css","kind":"import-rule","external":true},{"path":"@fontsource/poiret-one","kind":"import-rule","external":true}],"entryPoint":"src/main.css","inputs":{"src/css/theme/animation.css":{"bytesInOutput":3508},"src/css/theme/border.css":{"bytesInOutput":450},"src/css/theme/palette.css":{"bytesInOutput":2713},"src/css/theme/semantic.css":{"bytesInOutput":5845},"src/css/theme/spacing.css":{"bytesInOutput":3635},"src/css/theme/styles.css":{"bytesInOutput":7242},"src/css/theme/text.css":{"bytesInOutput":841},"src/css/base/base.css":{"bytesInOutput":784},"src/css/base/typography.css":{"bytesInOutput":2742},"src/css/components/button.css":{"bytesInOutput":2995},"src/css/components/card.css":{"bytesInOutput":116},"src/css/components/checkbox.css":{"bytesInOutput":1296},"src/css/components/dialog.css":{"bytesInOutput":1550},"src/css/components/focus.css":{"bytesInOutput":5252},"src/css/components/icon.css":{"bytesInOutput":91},"src/css/components/panel.css":{"bytesInOutput":2641},"src/css/components/link.css":{"bytesInOutput":195},"src/css/components/scrollbar.css":{"bytesInOutput":451},"src/css/components/state.css":{"bytesInOutput":2057},"src/css/components/surface.css":{"bytesInOutput":1151},"src/css/components/tag.css":{"bytesInOutput":2456},"src/css/components/text.css":{"bytesInOutput":1794},"src/css/layout/main.css":{"bytesInOutput":6525},"src/css/layout/native.css":{"bytesInOutput":215},"src/css/layout/positioning.css":{"bytesInOutput":297},"src/css/layout/size.css":{"bytesInOutput":5804},"src/css/utilities.css":{"bytesInOutput":1154},"src/css/integrations/codemirror.css":{"bytesInOutput":1382},"src/css/integrations/tldraw.css":{"bytesInOutput":271},"src/main.css":{"bytesInOutput":1522}},"bytes":68358}}}

package/dist/plugin/node-cjs/plugins/ThemePlugin.cjs

@@ -33,6 +33,7 @@ __export(ThemePlugin_exports, {
 });
 module.exports = __toCommonJS(ThemePlugin_exports);
 var import_postcss = __toESM(require("@tailwindcss/postcss"));
+var import_vite = __toESM(require("@tailwindcss/vite"));
 var import_autoprefixer = __toESM(require("autoprefixer"));
 var import_node_fs = require("node:fs");
 var import_node_path = require("node:path");
@@ -60,18 +61,65 @@ var ThemePlugin = (options) => {
   const darkModeScriptPath = (0, import_node_path.resolve)(pluginsDir, "dark-mode.ts");
   const mainCssPath = (0, import_node_path.resolve)(pluginsDir, "main.css");
   const config = {
-    srcCssPath: isMonorepo ? srcThemePath : distThemePath,
-    virtualFileId: "@dxos-theme",
-    ...options
+    srcCssPath: options.srcCssPath ?? (isMonorepo ? srcThemePath : distThemePath),
+    virtualFileId: options.virtualFileId ?? "@dxos-theme",
+    verbose: options.verbose
   };
-  const base = isMonorepo ? (0, import_node_path.resolve)((0, import_node_path.dirname)(srcThemePath), ROOT) : void 0;
   if (process.env.DEBUG || options.verbose) {
     console.log("ThemePlugin:\n", JSON.stringify(config, null, 2));
   }
-  return {
+  let themeReloadTimer;
+  const themePlugin = {
     name: "vite-plugin-dxos-ui-theme",
     config: () => {
       return {
+        server: {
+          watch: {
+            // Stop build outputs from driving HMR — they are the root of the
+            // `main.css` HMR storm.
+            //
+            // Tailwind's `@source` scanning (see `src/main.css`) registers its
+            // scanned source files as Vite watch dependencies of the compiled
+            // theme CSS. Tailwind's own scanner respects `.gitignore` (and the
+            // `@source not` directives), so it never *scans* `dist/`. BUT the
+            // scanner hands Vite a coarse `dir-dependency` glob — e.g.
+            // `{**/*.html,**/*.ts,**/*.tsx}` — and Vite re-expands that glob
+            // itself, ignoring only `node_modules` (not `.gitignore`, not the
+            // `@source not` negations). The re-expansion therefore sweeps in
+            // every `packages/*/dist/**/*.d.ts` (`.d.ts` matches `**/*.ts`),
+            // making each emitted declaration file a watch-dependency of
+            // `main.css`. A single package rebuild emits dozens of `.d.ts` in a
+            // tight burst, and each write re-invalidates the theme — 40+ HMR
+            // pings for `main.css` in one second, repeating on every rebuild.
+            //
+            // Ignoring build outputs in the watcher is also semantically
+            // correct: in dev the workspace resolves `@dxos/*` via the `source`
+            // export condition (see `vite-plugin-import-source`), so `dist/`
+            // is never consumed at runtime and its churn should never trigger
+            // HMR. Vite concatenates these patterns with its built-in ignores
+            // (`**/node_modules/**`, `**/.git/**`, …), so this is purely
+            // additive.
+            //
+            // `<root>/.claude/**` covers agent worktrees checked out under the
+            // repo root (`.claude/worktrees/<name>/packages/**`): they are full
+            // source copies, so the glob re-expansion above sweeps them in and
+            // every agent-side edit burst or checkout invalidates the theme in
+            // the user's dev server. The pattern is anchored at the resolved
+            // repo root (not `**/.claude/**`) because chokidar matches against
+            // absolute paths — a bare pattern would match *everything* when the
+            // dev server itself runs from inside a worktree whose path contains
+            // a `.claude` segment. `*.log` covers runtime log sinks (e.g.
+            // vite-plugin-log's `app.log` in the app root), which are appended
+            // continuously at runtime and must never feed back into the
+            // watcher.
+            ignored: [
+              "**/dist/**",
+              "**/out/**",
+              "**/*.log",
+              `${(0, import_node_path.resolve)(__dirname, ROOT, ".claude")}/**`
+            ]
+          }
+        },
         css: {
           postcss: {
             plugins: [
@@ -79,11 +127,11 @@ var ThemePlugin = (options) => {
               (0, import_postcss_import.default)(),
               // Processes CSS nesting syntax.
               (0, import_postcss_nesting.default)(),
-              // Processes Tailwind directives and generates utilities from scanned content.
-              // base points to project root so all packages are scanned (not just ui-theme).
-              (0, import_postcss.default)(base !== void 0 ? {
-                base
-              } : {}),
+              // Resolves @reference/@apply in `.pcss` files (e.g. lit-grid, lit-ui), which the
+              // @tailwindcss/vite plugin skips — its transform filter only matches `.css`.
+              // Theme `.css` files are compiled by @tailwindcss/vite first (enforce: 'pre'),
+              // so this plugin's quick-bail check passes them through untouched.
+              (0, import_postcss.default)(),
               // Adds vendor prefixes.
               import_autoprefixer.default
             ]
@@ -96,6 +144,26 @@ var ThemePlugin = (options) => {
         return config.srcCssPath;
       }
     },
+    hotUpdate({ type, file, modules }) {
+      if (this.environment.name !== "client" || type !== "update" || file.endsWith(".css")) {
+        return;
+      }
+      const isThemeDep = (mod) => mod.file === config.srcCssPath || mod.id === null && mod.importers.size > 0 && [
+        ...mod.importers
+      ].every((importer) => importer.file === config.srcCssPath);
+      if (!modules.some(isThemeDep)) {
+        return;
+      }
+      const environment = this.environment;
+      clearTimeout(themeReloadTimer);
+      themeReloadTimer = setTimeout(() => {
+        for (const mod of environment.moduleGraph.getModulesByFile(config.srcCssPath) ?? []) {
+          environment.reloadModule(mod).catch(() => {
+          });
+        }
+      }, 300);
+      return modules.filter((mod) => !isThemeDep(mod));
+    },
     transformIndexHtml: () => {
       const darkModeTag = {
         tag: "script",
@@ -128,6 +196,10 @@ var ThemePlugin = (options) => {
       ];
     }
   };
+  return [
+    ...(0, import_vite.default)(),
+    themePlugin
+  ];
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/plugin/node-cjs/plugins/ThemePlugin.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugins/ThemePlugin.ts"],
-  "sourcesContent": ["//\n// Copyright 2022 DXOS.org\n//\n\n/* eslint-disable no-console */\n\nimport tailwindcss from '@tailwindcss/postcss';\nimport autoprefixer from 'autoprefixer';\nimport { existsSync, readFileSync } from 'node:fs';\nimport { dirname, resolve } from 'node:path';\nimport postcssImport from 'postcss-import';\nimport postcssNesting from 'postcss-nesting';\nimport { type HtmlTagDescriptor, type Plugin, type UserConfig } from 'vite';\n\n/**\n * CSS cascade layer order.\n * Must be established before any stylesheets load so that Tailwind's own @layer declarations don't override our ordering. Exported so consuming\n */\nexport const LAYER_ORDER = [\n  'properties',\n  'theme',\n  'dx-tokens',\n  'user-tokens',\n  'base',\n  'tw-base',\n  'dx-base',\n  'components',\n  'tw-components',\n  'dx-components',\n  'utilities',\n] as const;\n\nconst ROOT = '../../../../';\n\nexport type ThemePluginOptions = {\n  srcCssPath?: string;\n  virtualFileId?: string;\n  verbose?: boolean;\n};\n\n/**\n * Vite plugin to configure theme.\n */\nexport const ThemePlugin = (options: ThemePluginOptions): Plugin => {\n  // Prefer source CSS if available (monorepo dev), fall back to dist for installed package.\n  const srcThemePath = resolve(import.meta.dirname, ROOT, 'src/main.css');\n  const distThemePath = resolve(import.meta.dirname, '../main.css');\n  const isMonorepo = existsSync(srcThemePath);\n\n  // Static assets shipped via \"files\": [\"src\"] in package.json.\n  // Both monorepo and installed package resolve to the same src/plugins/ directory.\n  const pluginsDir = resolve(import.meta.dirname, ROOT, 'src/plugins');\n  const darkModeScriptPath = resolve(pluginsDir, 'dark-mode.ts');\n  const mainCssPath = resolve(pluginsDir, 'main.css');\n\n  const config: ThemePluginOptions = {\n    srcCssPath: isMonorepo ? srcThemePath : distThemePath,\n    virtualFileId: '@dxos-theme',\n    ...options,\n  };\n\n  // Derive project root from the source location so Tailwind scans all packages.\n  const base = isMonorepo ? resolve(dirname(srcThemePath), ROOT) : undefined;\n\n  if (process.env.DEBUG || options.verbose) {\n    console.log('ThemePlugin:\\n', JSON.stringify(config, null, 2));\n  }\n\n  return {\n    name: 'vite-plugin-dxos-ui-theme',\n    config: (): UserConfig => {\n      return {\n        css: {\n          postcss: {\n            plugins: [\n              // Handles @import statements in CSS.\n              postcssImport(),\n              // Processes CSS nesting syntax.\n              postcssNesting(),\n              // Processes Tailwind directives and generates utilities from scanned content.\n              // base points to project root so all packages are scanned (not just ui-theme).\n              tailwindcss(base !== undefined ? { base } : {}),\n              // Adds vendor prefixes.\n              autoprefixer,\n            ],\n          },\n        },\n      };\n    },\n    resolveId: (id) => {\n      if (id === config.virtualFileId) {\n        return config.srcCssPath;\n      }\n    },\n    transformIndexHtml: () => {\n      // Apply .dark class to <html> synchronously before any scripts run, so that\n      // the critical CSS html.dark rules apply on the very first paint.\n      const darkModeTag: HtmlTagDescriptor = {\n        tag: 'script',\n        attrs: { 'data-dxos-theme': '' },\n        injectTo: 'head-prepend',\n        children: readFileSync(darkModeScriptPath, 'utf-8'),\n      };\n\n      // Establish cascade layer order before any stylesheet loads.\n      const layersTag: HtmlTagDescriptor = {\n        tag: 'style',\n        attrs: { 'data-dxos-layers': '' },\n        children: `@layer ${LAYER_ORDER.join(', ')};`,\n        injectTo: 'head-prepend',\n      };\n\n      // Critical styles: font sizing, overscroll, color fallbacks.\n      // Loaded from critical.css to keep styles maintainable and out of index.html.\n      const criticalTag: HtmlTagDescriptor = {\n        tag: 'style',\n        attrs: { 'data-dxos-critical': '' },\n        injectTo: 'head-prepend',\n        children: readFileSync(mainCssPath, 'utf-8'),\n      };\n\n      return [darkModeTag, layersTag, criticalTag];\n    },\n  };\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,qBAAwB;AACxB,0BAAyB;AACzB,qBAAyC;AACzC,uBAAiC;AACjC,4BAA0B;AAC1B,6BAA2B;AAOpB,IAAMA,cAAc;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF,IAAMC,OAAO;AAWN,IAAMC,cAAc,CAACC,YAAAA;AAE1B,QAAMC,mBAAeC,0BAAQ,WAAqBJ,MAAM,cAAA;AACxD,QAAMK,oBAAgBD,0BAAQ,WAAqB,aAAA;AACnD,QAAME,iBAAaC,2BAAWJ,YAAAA;AAI9B,QAAMK,iBAAaJ,0BAAQ,WAAqBJ,MAAM,aAAA;AACtD,QAAMS,yBAAqBL,0BAAQI,YAAY,cAAA;AAC/C,QAAME,kBAAcN,0BAAQI,YAAY,UAAA;AAExC,QAAMG,SAA6B;IACjCC,YAAYN,aAAaH,eAAeE;IACxCQ,eAAe;IACf,GAAGX;EACL;AAGA,QAAMY,OAAOR,iBAAaF,8BAAQW,0BAAQZ,YAAAA,GAAeH,IAAAA,IAAQgB;AAEjE,MAAIC,QAAQC,IAAIC,SAASjB,QAAQkB,SAAS;AACxCC,YAAQC,IAAI,kBAAkBC,KAAKC,UAAUb,QAAQ,MAAM,CAAA,CAAA;EAC7D;AAEA,SAAO;IACLc,MAAM;IACNd,QAAQ,MAAA;AACN,aAAO;QACLe,KAAK;UACHC,SAAS;YACPC,SAAS;;kBAEPC,sBAAAA,SAAAA;;kBAEAC,uBAAAA,SAAAA;;;kBAGAC,eAAAA,SAAYjB,SAASE,SAAY;gBAAEF;cAAK,IAAI,CAAC,CAAA;;cAE7CkB,oBAAAA;;UAEJ;QACF;MACF;IACF;IACAC,WAAW,CAACC,OAAAA;AACV,UAAIA,OAAOvB,OAAOE,eAAe;AAC/B,eAAOF,OAAOC;MAChB;IACF;IACAuB,oBAAoB,MAAA;AAGlB,YAAMC,cAAiC;QACrCC,KAAK;QACLC,OAAO;UAAE,mBAAmB;QAAG;QAC/BC,UAAU;QACVC,cAAUC,6BAAahC,oBAAoB,OAAA;MAC7C;AAGA,YAAMiC,YAA+B;QACnCL,KAAK;QACLC,OAAO;UAAE,oBAAoB;QAAG;QAChCE,UAAU,UAAUzC,YAAY4C,KAAK,IAAA,CAAA;QACrCJ,UAAU;MACZ;AAIA,YAAMK,cAAiC;QACrCP,KAAK;QACLC,OAAO;UAAE,sBAAsB;QAAG;QAClCC,UAAU;QACVC,cAAUC,6BAAa/B,aAAa,OAAA;MACtC;AAEA,aAAO;QAAC0B;QAAaM;QAAWE;;IAClC;EACF;AACF;",
-  "names": ["LAYER_ORDER", "ROOT", "ThemePlugin", "options", "srcThemePath", "resolve", "distThemePath", "isMonorepo", "existsSync", "pluginsDir", "darkModeScriptPath", "mainCssPath", "config", "srcCssPath", "virtualFileId", "base", "dirname", "undefined", "process", "env", "DEBUG", "verbose", "console", "log", "JSON", "stringify", "name", "css", "postcss", "plugins", "postcssImport", "postcssNesting", "tailwindcss", "autoprefixer", "resolveId", "id", "transformIndexHtml", "darkModeTag", "tag", "attrs", "injectTo", "children", "readFileSync", "layersTag", "join", "criticalTag"]
+  "sourcesContent": ["//\n// Copyright 2022 DXOS.org\n//\n\n/* eslint-disable no-console */\n\nimport tailwindcssPostcss from '@tailwindcss/postcss';\nimport tailwindcssVite from '@tailwindcss/vite';\nimport autoprefixer from 'autoprefixer';\nimport { existsSync, readFileSync } from 'node:fs';\nimport { resolve } from 'node:path';\nimport postcssImport from 'postcss-import';\nimport postcssNesting from 'postcss-nesting';\nimport { type HtmlTagDescriptor, type Plugin, type UserConfig } from 'vite';\n\n/**\n * CSS cascade layer order.\n * Must be established before any stylesheets load so that Tailwind's own @layer declarations don't override our ordering. Exported so consuming\n */\nexport const LAYER_ORDER = [\n  'properties',\n  'theme',\n  'dx-tokens',\n  'user-tokens',\n  'base',\n  'tw-base',\n  'dx-base',\n  'components',\n  'tw-components',\n  'dx-components',\n  'utilities',\n] as const;\n\nconst ROOT = '../../../../';\n\nexport type ThemePluginOptions = {\n  srcCssPath?: string;\n  virtualFileId?: string;\n  verbose?: boolean;\n};\n\n/**\n * Vite plugin to configure theme.\n * Returns the official Tailwind Vite plugin (persistent incremental scanner) alongside the theme plugin.\n */\nexport const ThemePlugin = (options: ThemePluginOptions): Plugin[] => {\n  // Prefer source CSS if available (monorepo dev), fall back to dist for installed package.\n  const srcThemePath = resolve(import.meta.dirname, ROOT, 'src/main.css');\n  const distThemePath = resolve(import.meta.dirname, '../main.css');\n  const isMonorepo = existsSync(srcThemePath);\n\n  // Static assets shipped via \"files\": [\"src\"] in package.json.\n  // Both monorepo and installed package resolve to the same src/plugins/ directory.\n  const pluginsDir = resolve(import.meta.dirname, ROOT, 'src/plugins');\n  const darkModeScriptPath = resolve(pluginsDir, 'dark-mode.ts');\n  const mainCssPath = resolve(pluginsDir, 'main.css');\n\n  const config = {\n    srcCssPath: options.srcCssPath ?? (isMonorepo ? srcThemePath : distThemePath),\n    virtualFileId: options.virtualFileId ?? '@dxos-theme',\n    verbose: options.verbose,\n  };\n\n  if (process.env.DEBUG || options.verbose) {\n    console.log('ThemePlugin:\\n', JSON.stringify(config, null, 2));\n  }\n\n  // Trailing-edge debounce handle for theme CSS reloads (see `handleHotUpdate`).\n  let themeReloadTimer: ReturnType<typeof setTimeout> | undefined;\n\n  const themePlugin: Plugin = {\n    name: 'vite-plugin-dxos-ui-theme',\n    config: (): UserConfig => {\n      return {\n        server: {\n          watch: {\n            // Stop build outputs from driving HMR — they are the root of the\n            // `main.css` HMR storm.\n            //\n            // Tailwind's `@source` scanning (see `src/main.css`) registers its\n            // scanned source files as Vite watch dependencies of the compiled\n            // theme CSS. Tailwind's own scanner respects `.gitignore` (and the\n            // `@source not` directives), so it never *scans* `dist/`. BUT the\n            // scanner hands Vite a coarse `dir-dependency` glob — e.g.\n            // `{**/*.html,**/*.ts,**/*.tsx}` — and Vite re-expands that glob\n            // itself, ignoring only `node_modules` (not `.gitignore`, not the\n            // `@source not` negations). The re-expansion therefore sweeps in\n            // every `packages/*/dist/**/*.d.ts` (`.d.ts` matches `**/*.ts`),\n            // making each emitted declaration file a watch-dependency of\n            // `main.css`. A single package rebuild emits dozens of `.d.ts` in a\n            // tight burst, and each write re-invalidates the theme — 40+ HMR\n            // pings for `main.css` in one second, repeating on every rebuild.\n            //\n            // Ignoring build outputs in the watcher is also semantically\n            // correct: in dev the workspace resolves `@dxos/*` via the `source`\n            // export condition (see `vite-plugin-import-source`), so `dist/`\n            // is never consumed at runtime and its churn should never trigger\n            // HMR. Vite concatenates these patterns with its built-in ignores\n            // (`**/node_modules/**`, `**/.git/**`, …), so this is purely\n            // additive.\n            //\n            // `<root>/.claude/**` covers agent worktrees checked out under the\n            // repo root (`.claude/worktrees/<name>/packages/**`): they are full\n            // source copies, so the glob re-expansion above sweeps them in and\n            // every agent-side edit burst or checkout invalidates the theme in\n            // the user's dev server. The pattern is anchored at the resolved\n            // repo root (not `**/.claude/**`) because chokidar matches against\n            // absolute paths — a bare pattern would match *everything* when the\n            // dev server itself runs from inside a worktree whose path contains\n            // a `.claude` segment. `*.log` covers runtime log sinks (e.g.\n            // vite-plugin-log's `app.log` in the app root), which are appended\n            // continuously at runtime and must never feed back into the\n            // watcher.\n            ignored: ['**/dist/**', '**/out/**', '**/*.log', `${resolve(import.meta.dirname, ROOT, '.claude')}/**`],\n          },\n        },\n        css: {\n          postcss: {\n            plugins: [\n              // Handles @import statements in CSS.\n              postcssImport(),\n              // Processes CSS nesting syntax.\n              postcssNesting(),\n              // Resolves @reference/@apply in `.pcss` files (e.g. lit-grid, lit-ui), which the\n              // @tailwindcss/vite plugin skips — its transform filter only matches `.css`.\n              // Theme `.css` files are compiled by @tailwindcss/vite first (enforce: 'pre'),\n              // so this plugin's quick-bail check passes them through untouched.\n              tailwindcssPostcss(),\n              // Adds vendor prefixes.\n              autoprefixer,\n            ],\n          },\n        },\n      };\n    },\n    resolveId: (id) => {\n      if (id === config.virtualFileId) {\n        return config.srcCssPath;\n      }\n    },\n    hotUpdate({ type, file, modules }) {\n      // Direct edits to CSS (the theme source or its imports) keep Vite's\n      // default immediate update for instant feedback while authoring styles.\n      if (this.environment.name !== 'client' || type !== 'update' || file.endsWith('.css')) {\n        return;\n      }\n\n      // Every content file Tailwind scans is registered as a dependency of the\n      // theme CSS — Vite models it as a file-only entry node whose importer is\n      // `main.css` — so each source-file save invalidates `main.css` and\n      // re-runs the monorepo-wide Tailwind scan. During an edit wave that\n      // serializes one full scan per save. Drop the theme-dep entries from the\n      // update (the changed module itself still hot-updates immediately) and\n      // reload the theme CSS once on the trailing edge of a quiet window, so a\n      // wave costs at most one scan.\n      const isThemeDep = (mod: (typeof modules)[number]): boolean =>\n        mod.file === config.srcCssPath ||\n        (mod.id === null &&\n          mod.importers.size > 0 &&\n          [...mod.importers].every((importer) => importer.file === config.srcCssPath));\n      if (!modules.some(isThemeDep)) {\n        return;\n      }\n\n      const environment = this.environment;\n      clearTimeout(themeReloadTimer);\n      themeReloadTimer = setTimeout(() => {\n        for (const mod of environment.moduleGraph.getModulesByFile(config.srcCssPath) ?? []) {\n          environment.reloadModule(mod).catch(() => {\n            // Server may be mid-restart; the next edit reschedules the reload.\n          });\n        }\n      }, 300);\n\n      return modules.filter((mod) => !isThemeDep(mod));\n    },\n    transformIndexHtml: () => {\n      // Apply .dark class to <html> synchronously before any scripts run, so that\n      // the critical CSS html.dark rules apply on the very first paint.\n      const darkModeTag: HtmlTagDescriptor = {\n        tag: 'script',\n        attrs: { 'data-dxos-theme': '' },\n        injectTo: 'head-prepend',\n        children: readFileSync(darkModeScriptPath, 'utf-8'),\n      };\n\n      // Establish cascade layer order before any stylesheet loads.\n      const layersTag: HtmlTagDescriptor = {\n        tag: 'style',\n        attrs: { 'data-dxos-layers': '' },\n        children: `@layer ${LAYER_ORDER.join(', ')};`,\n        injectTo: 'head-prepend',\n      };\n\n      // Critical styles: font sizing, overscroll, color fallbacks.\n      // Loaded from critical.css to keep styles maintainable and out of index.html.\n      const criticalTag: HtmlTagDescriptor = {\n        tag: 'style',\n        attrs: { 'data-dxos-critical': '' },\n        injectTo: 'head-prepend',\n        children: readFileSync(mainCssPath, 'utf-8'),\n      };\n\n      return [darkModeTag, layersTag, criticalTag];\n    },\n  };\n\n  // The Tailwind Vite plugins are `enforce: 'pre'`, so they compile theme CSS (resolving\n  // `@import 'tailwindcss'`, @source, @plugin, @theme) before the postcss chain runs —\n  // postcss-import never sees the raw Tailwind directives. Scan roots come from the @source\n  // directives in main.css (relative to that file); no project-root base is needed.\n  return [...tailwindcssVite(), themePlugin];\n};\n"],
+  "mappings": "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",
+  "names": ["LAYER_ORDER", "ROOT", "ThemePlugin", "options", "srcThemePath", "resolve", "distThemePath", "isMonorepo", "existsSync", "pluginsDir", "darkModeScriptPath", "mainCssPath", "config", "srcCssPath", "virtualFileId", "verbose", "process", "env", "DEBUG", "console", "log", "JSON", "stringify", "themeReloadTimer", "themePlugin", "name", "server", "watch", "ignored", "css", "postcss", "plugins", "postcssImport", "postcssNesting", "tailwindcssPostcss", "autoprefixer", "resolveId", "id", "hotUpdate", "type", "file", "modules", "environment", "endsWith", "isThemeDep", "mod", "importers", "size", "every", "importer", "some", "clearTimeout", "setTimeout", "moduleGraph", "getModulesByFile", "reloadModule", "catch", "filter", "transformIndexHtml", "darkModeTag", "tag", "attrs", "injectTo", "children", "readFileSync", "layersTag", "join", "criticalTag", "tailwindcssVite"]
 }