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

package/dist/plugin/node-esm/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-esm/plugins/ThemePlugin.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6372},"dist/plugin/node-esm/plugins/ThemePlugin.mjs":{"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":2807}},"bytes":3012},"dist/plugin/node-esm/main.css.map":{"imports":[],"exports":[],"inputs":{},"bytes":114394},"dist/plugin/node-esm/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-esm/plugins/ThemePlugin.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12590},"dist/plugin/node-esm/plugins/ThemePlugin.mjs":{"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":6683}},"bytes":6888},"dist/plugin/node-esm/main.css.map":{"imports":[],"exports":[],"inputs":{},"bytes":136387},"dist/plugin/node-esm/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-esm/plugins/ThemePlugin.mjs

@@ -1,10 +1,11 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 
 // src/plugins/ThemePlugin.ts
-import tailwindcss from "@tailwindcss/postcss";
+import tailwindcssPostcss from "@tailwindcss/postcss";
+import tailwindcssVite from "@tailwindcss/vite";
 import autoprefixer from "autoprefixer";
 import { existsSync, readFileSync } from "node:fs";
-import { dirname, resolve } from "node:path";
+import { resolve } from "node:path";
 import postcssImport from "postcss-import";
 import postcssNesting from "postcss-nesting";
 var LAYER_ORDER = [
@@ -29,18 +30,65 @@ var ThemePlugin = (options) => {
   const darkModeScriptPath = resolve(pluginsDir, "dark-mode.ts");
   const mainCssPath = 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 ? resolve(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",
+              `${resolve(import.meta.dirname, ROOT, ".claude")}/**`
+            ]
+          }
+        },
         css: {
           postcss: {
             plugins: [
@@ -48,11 +96,11 @@ var ThemePlugin = (options) => {
               postcssImport(),
               // Processes CSS nesting syntax.
               postcssNesting(),
-              // Processes Tailwind directives and generates utilities from scanned content.
-              // base points to project root so all packages are scanned (not just ui-theme).
-              tailwindcss(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.
+              tailwindcssPostcss(),
               // Adds vendor prefixes.
               autoprefixer
             ]
@@ -65,6 +113,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",
@@ -97,6 +165,10 @@ var ThemePlugin = (options) => {
       ];
     }
   };
+  return [
+    ...tailwindcssVite(),
+    themePlugin
+  ];
 };
 export {
   LAYER_ORDER,

package/dist/plugin/node-esm/plugins/ThemePlugin.mjs.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,OAAOA,iBAAiB;AACxB,OAAOC,kBAAkB;AACzB,SAASC,YAAYC,oBAAoB;AACzC,SAASC,SAASC,eAAe;AACjC,OAAOC,mBAAmB;AAC1B,OAAOC,oBAAoB;AAOpB,IAAMC,cAAc;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF,IAAMC,OAAO;AAWN,IAAMC,cAAc,CAACC,YAAAA;AAE1B,QAAMC,eAAeC,QAAQ,YAAYC,SAASL,MAAM,cAAA;AACxD,QAAMM,gBAAgBF,QAAQ,YAAYC,SAAS,aAAA;AACnD,QAAME,aAAaC,WAAWL,YAAAA;AAI9B,QAAMM,aAAaL,QAAQ,YAAYC,SAASL,MAAM,aAAA;AACtD,QAAMU,qBAAqBN,QAAQK,YAAY,cAAA;AAC/C,QAAME,cAAcP,QAAQK,YAAY,UAAA;AAExC,QAAMG,SAA6B;IACjCC,YAAYN,aAAaJ,eAAeG;IACxCQ,eAAe;IACf,GAAGZ;EACL;AAGA,QAAMa,OAAOR,aAAaH,QAAQC,QAAQF,YAAAA,GAAeH,IAAAA,IAAQgB;AAEjE,MAAIC,QAAQC,IAAIC,SAASjB,QAAQkB,SAAS;AACxCC,YAAQC,IAAI,kBAAkBC,KAAKC,UAAUZ,QAAQ,MAAM,CAAA,CAAA;EAC7D;AAEA,SAAO;IACLa,MAAM;IACNb,QAAQ,MAAA;AACN,aAAO;QACLc,KAAK;UACHC,SAAS;YACPC,SAAS;;cAEPC,cAAAA;;cAEAC,eAAAA;;;cAGAC,YAAYhB,SAASC,SAAY;gBAAED;cAAK,IAAI,CAAC,CAAA;;cAE7CiB;;UAEJ;QACF;MACF;IACF;IACAC,WAAW,CAACC,OAAAA;AACV,UAAIA,OAAOtB,OAAOE,eAAe;AAC/B,eAAOF,OAAOC;MAChB;IACF;IACAsB,oBAAoB,MAAA;AAGlB,YAAMC,cAAiC;QACrCC,KAAK;QACLC,OAAO;UAAE,mBAAmB;QAAG;QAC/BC,UAAU;QACVC,UAAUC,aAAa/B,oBAAoB,OAAA;MAC7C;AAGA,YAAMgC,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,UAAUC,aAAa9B,aAAa,OAAA;MACtC;AAEA,aAAO;QAACyB;QAAaM;QAAWE;;IAClC;EACF;AACF;",
-  "names": ["tailwindcss", "autoprefixer", "existsSync", "readFileSync", "dirname", "resolve", "postcssImport", "postcssNesting", "LAYER_ORDER", "ROOT", "ThemePlugin", "options", "srcThemePath", "resolve", "dirname", "distThemePath", "isMonorepo", "existsSync", "pluginsDir", "darkModeScriptPath", "mainCssPath", "config", "srcCssPath", "virtualFileId", "base", "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": ";;;AAMA,OAAOA,wBAAwB;AAC/B,OAAOC,qBAAqB;AAC5B,OAAOC,kBAAkB;AACzB,SAASC,YAAYC,oBAAoB;AACzC,SAASC,eAAe;AACxB,OAAOC,mBAAmB;AAC1B,OAAOC,oBAAoB;AAOpB,IAAMC,cAAc;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF,IAAMC,OAAO;AAYN,IAAMC,cAAc,CAACC,YAAAA;AAE1B,QAAMC,eAAeP,QAAQ,YAAYQ,SAASJ,MAAM,cAAA;AACxD,QAAMK,gBAAgBT,QAAQ,YAAYQ,SAAS,aAAA;AACnD,QAAME,aAAaZ,WAAWS,YAAAA;AAI9B,QAAMI,aAAaX,QAAQ,YAAYQ,SAASJ,MAAM,aAAA;AACtD,QAAMQ,qBAAqBZ,QAAQW,YAAY,cAAA;AAC/C,QAAME,cAAcb,QAAQW,YAAY,UAAA;AAExC,QAAMG,SAAS;IACbC,YAAYT,QAAQS,eAAeL,aAAaH,eAAeE;IAC/DO,eAAeV,QAAQU,iBAAiB;IACxCC,SAASX,QAAQW;EACnB;AAEA,MAAIC,QAAQC,IAAIC,SAASd,QAAQW,SAAS;AACxCI,YAAQC,IAAI,kBAAkBC,KAAKC,UAAUV,QAAQ,MAAM,CAAA,CAAA;EAC7D;AAGA,MAAIW;AAEJ,QAAMC,cAAsB;IAC1BC,MAAM;IACNb,QAAQ,MAAA;AACN,aAAO;QACLc,QAAQ;UACNC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAsCLC,SAAS;cAAC;cAAc;cAAa;cAAY,GAAG9B,QAAQ,YAAYQ,SAASJ,MAAM,SAAA,CAAA;;UACzF;QACF;QACA2B,KAAK;UACHC,SAAS;YACPC,SAAS;;cAEPhC,cAAAA;;cAEAC,eAAAA;;;;;cAKAP,mBAAAA;;cAEAE;;UAEJ;QACF;MACF;IACF;IACAqC,WAAW,CAACC,OAAAA;AACV,UAAIA,OAAOrB,OAAOE,eAAe;AAC/B,eAAOF,OAAOC;MAChB;IACF;IACAqB,UAAU,EAAEC,MAAMC,MAAMC,QAAO,GAAE;AAG/B,UAAI,KAAKC,YAAYb,SAAS,YAAYU,SAAS,YAAYC,KAAKG,SAAS,MAAA,GAAS;AACpF;MACF;AAUA,YAAMC,aAAa,CAACC,QAClBA,IAAIL,SAASxB,OAAOC,cACnB4B,IAAIR,OAAO,QACVQ,IAAIC,UAAUC,OAAO,KACrB;WAAIF,IAAIC;QAAWE,MAAM,CAACC,aAAaA,SAAST,SAASxB,OAAOC,UAAU;AAC9E,UAAI,CAACwB,QAAQS,KAAKN,UAAAA,GAAa;AAC7B;MACF;AAEA,YAAMF,cAAc,KAAKA;AACzBS,mBAAaxB,gBAAAA;AACbA,yBAAmByB,WAAW,MAAA;AAC5B,mBAAWP,OAAOH,YAAYW,YAAYC,iBAAiBtC,OAAOC,UAAU,KAAK,CAAA,GAAI;AACnFyB,sBAAYa,aAAaV,GAAAA,EAAKW,MAAM,MAAA;UAEpC,CAAA;QACF;MACF,GAAG,GAAA;AAEH,aAAOf,QAAQgB,OAAO,CAACZ,QAAQ,CAACD,WAAWC,GAAAA,CAAAA;IAC7C;IACAa,oBAAoB,MAAA;AAGlB,YAAMC,cAAiC;QACrCC,KAAK;QACLC,OAAO;UAAE,mBAAmB;QAAG;QAC/BC,UAAU;QACVC,UAAU9D,aAAaa,oBAAoB,OAAA;MAC7C;AAGA,YAAMkD,YAA+B;QACnCJ,KAAK;QACLC,OAAO;UAAE,oBAAoB;QAAG;QAChCE,UAAU,UAAU1D,YAAY4D,KAAK,IAAA,CAAA;QACrCH,UAAU;MACZ;AAIA,YAAMI,cAAiC;QACrCN,KAAK;QACLC,OAAO;UAAE,sBAAsB;QAAG;QAClCC,UAAU;QACVC,UAAU9D,aAAac,aAAa,OAAA;MACtC;AAEA,aAAO;QAAC4C;QAAaK;QAAWE;;IAClC;EACF;AAMA,SAAO;OAAIpE,gBAAAA;IAAmB8B;;AAChC;",
+  "names": ["tailwindcssPostcss", "tailwindcssVite", "autoprefixer", "existsSync", "readFileSync", "resolve", "postcssImport", "postcssNesting", "LAYER_ORDER", "ROOT", "ThemePlugin", "options", "srcThemePath", "dirname", "distThemePath", "isMonorepo", "pluginsDir", "darkModeScriptPath", "mainCssPath", "config", "srcCssPath", "virtualFileId", "verbose", "process", "env", "DEBUG", "console", "log", "JSON", "stringify", "themeReloadTimer", "themePlugin", "name", "server", "watch", "ignored", "css", "postcss", "plugins", "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", "layersTag", "join", "criticalTag"]
 }

package/dist/types/src/Theme.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.stories.d.ts","sourceRoot":"","sources":["../../../src/Theme.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqF1B,QAAA,MAAM,IAAI;;;;;CAKM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,MAAM;;CAYlB,CAAC;AAEF,eAAO,MAAM,MAAM;;CAYlB,CAAC;AAEF,eAAO,MAAM,OAAO;;CAqBnB,CAAC;AAEF,eAAO,MAAM,QAAQ;;CA2BpB,CAAC;AAEF,eAAO,MAAM,IAAI;;CAuBhB,CAAC;AAEF,eAAO,MAAM,SAAS;;CAmBrB,CAAC"}
+{"version":3,"file":"Theme.stories.d.ts","sourceRoot":"","sources":["../../../src/Theme.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4C,MAAM,OAAO,CAAC;AA4FjE,QAAA,MAAM,IAAI;;;QAGN,MAAM;;CAEM,CAAC;eAEF,IAAI;AAEnB,eAAO,MAAM,MAAM;IACjB,MAAM;CAWP,CAAC;AAEF,eAAO,MAAM,MAAM;IACjB,MAAM;CAWP,CAAC;AAEF,eAAO,MAAM,OAAO;IAClB,MAAM;CAoBP,CAAC;AAyCF,eAAO,MAAM,QAAQ;IACnB,MAAM;CA+CP,CAAC;AAEF,eAAO,MAAM,IAAI;IACf,MAAM;CAsBP,CAAC;AAEF,eAAO,MAAM,SAAS;IACpB,MAAM;CAkBP,CAAC"}

package/dist/types/src/defs.d.ts

@@ -8,7 +8,7 @@ export declare const osTranslations = "org.dxos.i18n.os";
  */
 export declare const hues: ChromaticPalette[];
 export declare const hueShades: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
-export declare const roles: readonly ["fill", "surface", "surface-text", "text", "border"];
+export declare const roles: readonly ['fill', 'surface', 'foreground', 'text', 'border'];
 /**
  * Card size constants (Tailwind spacing units).
  * Cards should be no larger than 320px per WCAG 2.1 SC 1.4.10.

package/dist/types/src/defs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/defs.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,cAAc,qBAAqB,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,gBAAgB,EAkBzB,CAAC;AAEX,eAAO,MAAM,SAAS,iEAAkE,CAAC;AAEzF,eAAO,MAAM,KAAK,gEAAiE,CAAC;AAEpF;;;GAGG;AAEH,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,gBAAgB,KAAK,CAAC"}
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/defs.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,cAAc,qBAAqB,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,gBAAgB,EAkBzB,CAAC;AAEX,eAAO,MAAM,SAAS,YAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAIzF,eAAO,MAAM,KAAK,YAAI,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAU,CAAC;AAElF;;;GAGG;AAEH,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,gBAAgB,KAAK,CAAC"}

package/dist/types/src/fragments/density.d.ts

@@ -1,4 +1,4 @@
 import { type Density } from '@dxos/ui-types';
-export declare const densityDimensions: (density?: Density) => "min-h-[2.5rem] pointer-fine:min-h-[2rem] px-2" | "min-h-[2.5rem] px-3";
-export declare const densityBlockSize: (density?: Density) => "min-h-[2.5rem] pointer-fine:min-h-[2rem]" | "min-h-[2.5rem]";
+export declare const densityDimensions: (density?: Density) => "min-h-[1.5rem] px-1" | "min-h-[1.75rem] px-1.5" | "min-h-[2.5rem] pointer-fine:min-h-[2rem] px-2" | "min-h-[2.5rem] px-3";
+export declare const densityBlockSize: (density?: Density) => "min-h-[1.5rem]" | "min-h-[1.75rem]" | "min-h-[2.5rem]" | "min-h-[2.5rem] pointer-fine:min-h-[2rem]";
 //# sourceMappingURL=density.d.ts.map

package/dist/types/src/fragments/density.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../../../../src/fragments/density.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,eAAO,MAAM,iBAAiB,GAAI,UAAS,OAAgB,4EACH,CAAC;AAEzD,eAAO,MAAM,gBAAgB,GAAI,UAAS,OAAgB,kEAA2D,CAAC"}
+{"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../../../../src/fragments/density.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAY9C,eAAO,MAAM,iBAAiB,aAAa,OAAO,+HAYjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAAa,OAAO,yGAYhD,CAAC"}

package/dist/types/src/fragments/hover.d.ts

@@ -1,4 +1,3 @@
-export declare const subtleHover = "hover:bg-hover-overlay";
 export declare const ghostHover = "hover:bg-hover-surface";
 export declare const ghostFocusWithin = "focus-within:bg-hover-surface";
 export declare const hoverableControls = "[--controls-opacity:1] hover-hover:[--controls-opacity:0] hover-hover:hover:[--controls-opacity:1]";

package/dist/types/src/fragments/hover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hover.d.ts","sourceRoot":"","sources":["../../../../src/fragments/hover.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,2BAA2B,CAAC;AAEpD,eAAO,MAAM,UAAU,2BAA2B,CAAC;AACnD,eAAO,MAAM,gBAAgB,kCAAkC,CAAC;AAEhE,eAAO,MAAM,iBAAiB,uGACwE,CAAC;AAEvG,eAAO,MAAM,mCAAmC,sEAAsE,CAAC;AAEvH,eAAO,MAAM,gCAAgC,yCAAyC,CAAC;AACvF,eAAO,MAAM,8BAA8B,wCAAwC,CAAC;AACpF,eAAO,MAAM,wBAAwB,4DAA4D,CAAC;AAClG,eAAO,MAAM,oBAAoB,iCAAiC,CAAC"}
+{"version":3,"file":"hover.d.ts","sourceRoot":"","sources":["../../../../src/fragments/hover.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,2BAA2B,CAAC;AACnD,eAAO,MAAM,gBAAgB,kCAAkC,CAAC;AAEhE,eAAO,MAAM,iBAAiB,uGACwE,CAAC;AAEvG,eAAO,MAAM,mCAAmC,sEAAsE,CAAC;AAEvH,eAAO,MAAM,gCAAgC,yCAAyC,CAAC;AACvF,eAAO,MAAM,8BAA8B,wCAAwC,CAAC;AACpF,eAAO,MAAM,wBAAwB,4DAA4D,CAAC;AAClG,eAAO,MAAM,oBAAoB,iCAAiC,CAAC"}

package/dist/types/src/index.d.ts

@@ -1,5 +1,4 @@
 export * from './defs';
 export * from './fragments';
-export * from './theme';
 export * from './util';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAE5B,cAAc,QAAQ,CAAC"}

package/dist/types/src/plugins/ThemePlugin.d.ts

@@ -3,7 +3,7 @@ import { type Plugin } from 'vite';
  * CSS cascade layer order.
  * Must be established before any stylesheets load so that Tailwind's own @layer declarations don't override our ordering. Exported so consuming
  */
-export declare const LAYER_ORDER: readonly ["properties", "theme", "dx-tokens", "user-tokens", "base", "tw-base", "dx-base", "components", "tw-components", "dx-components", "utilities"];
+export declare const LAYER_ORDER: readonly ['properties', 'theme', 'dx-tokens', 'user-tokens', 'base', 'tw-base', 'dx-base', 'components', 'tw-components', 'dx-components', 'utilities'];
 export type ThemePluginOptions = {
     srcCssPath?: string;
     virtualFileId?: string;
@@ -11,6 +11,7 @@ export type ThemePluginOptions = {
 };
 /**
  * Vite plugin to configure theme.
+ * Returns the official Tailwind Vite plugin (persistent incremental scanner) alongside the theme plugin.
  */
-export declare const ThemePlugin: (options: ThemePluginOptions) => Plugin;
+export declare const ThemePlugin: (options: ThemePluginOptions) => Plugin[];
 //# sourceMappingURL=ThemePlugin.d.ts.map

package/dist/types/src/plugins/ThemePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePlugin.d.ts","sourceRoot":"","sources":["../../../../src/plugins/ThemePlugin.ts"],"names":[],"mappings":"AAYA,OAAO,EAA0B,KAAK,MAAM,EAAmB,MAAM,MAAM,CAAC;AAE5E;;;GAGG;AACH,eAAO,MAAM,WAAW,yJAYd,CAAC;AAIX,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,SAAS,kBAAkB,KAAG,MAiFzD,CAAC"}
+{"version":3,"file":"ThemePlugin.d.ts","sourceRoot":"","sources":["../../../../src/plugins/ThemePlugin.ts"],"names":[],"mappings":"AAaA,OAAO,EAA0B,KAAK,MAAM,EAAmB,MAAM,MAAM,CAAC;AAE5E;;;GAGG;AACH,eAAO,MAAM,WAAW,YACtB,YAAY,EACZ,OAAO,EACP,WAAW,EACX,aAAa,EACb,MAAM,EACN,SAAS,EACT,SAAS,EACT,YAAY,EACZ,eAAe,EACf,eAAe,EACf,WAAW,CACH,CAAC;AAIX,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,YAAa,kBAAkB,KAAG,MAAM,EAuK/D,CAAC"}

package/dist/types/src/util/hash-styles.d.ts

@@ -1,10 +1,13 @@
 import { type ChromaticPalette } from '@dxos/ui-types';
 export type Hue = ChromaticPalette | 'neutral';
+/**
+ * See theme.css
+ */
 export type ColorStyles = {
     hue: Hue;
-    fill: string;
+    bg: string;
     surface: string;
-    surfaceText: string;
+    fg: string;
     text: string;
     border: string;
 };
@@ -12,6 +15,13 @@ export declare const palette: {
     neutral: ColorStyles;
     hues: ColorStyles[];
 };
+/**
+ * Normalise an arbitrary string into a known `Hue`, falling back to `'neutral'` when the
+ * input doesn't match one of the catalogued palette entries. Useful when accepting hue
+ * values from user-authored data (e.g. ECHO objects, plugin settings) that need to be
+ * forwarded to a hue-keyed prop like `Tag`'s `palette`.
+ */
+export declare const toHue: (hue: string | undefined) => Hue;
 export declare const getStyles: (hue: string) => ColorStyles;
 export declare const getHashStyles: (id: string | undefined) => ColorStyles;
 export declare const getHashHue: (id: string | undefined) => Hue;

package/dist/types/src/util/hash-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hash-styles.d.ts","sourceRoot":"","sources":["../../../../src/util/hash-styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,MAAM,GAAG,GAAG,gBAAgB,GAAG,SAAS,CAAC;AAG/C,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,GAAG,CAAC;IACT,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAwJF,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAGF,eAAO,MAAM,SAAS,GAAI,KAAK,MAAM,KAAG,WAEvC,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,GAAG,SAAS,KAAG,WAEtD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM,GAAG,SAAS,KAAG,GAEnD,CAAC"}
+{"version":3,"file":"hash-styles.d.ts","sourceRoot":"","sources":["../../../../src/util/hash-styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,MAAM,GAAG,GAAG,gBAAgB,GAAG,SAAS,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,GAAG,CAAC;IACT,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAwJF,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,QAAS,MAAM,GAAG,SAAS,KAAG,GAAoE,CAAC;AAGrH,eAAO,MAAM,SAAS,QAAS,MAAM,KAAG,WAEvC,CAAC;AAGF,eAAO,MAAM,aAAa,OAAQ,MAAM,GAAG,SAAS,KAAG,WAEtD,CAAC;AAEF,eAAO,MAAM,UAAU,OAAQ,MAAM,GAAG,SAAS,KAAG,GAEnD,CAAC"}

package/dist/types/src/util/mx.d.ts

@@ -1,38 +1,2 @@
-import { type ForwardRefExoticComponent, type ForwardedRef, type HTMLAttributes, type ReactNode, type RefAttributes, CSSProperties } from 'react';
-import { ThemedClassName, type ComposableProps, type SlottableProps } from '@dxos/ui-types';
 export declare const mx: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
-/**
- * Reconciles className properties from a parent slot.
- * - `className` is set by the Slot merge mechanism.
- * - `classNames` is the consumer-facing prop for theming overrides.
- * Use `composableProps` to reconcile both into a single `className`.
- */
-export declare const composableProps: <P extends HTMLElement = HTMLElement>({ className, classNames, role, style, ...props }: ComposableProps, { classNames: defaultClassNames, ...defaults }?: ThemedClassName<Partial<HTMLAttributes<P>>> | undefined) => {
-    role: import("react").AriaRole;
-    style: CSSProperties;
-    className: string;
-    children?: ReactNode;
-};
-export declare function slottable<E extends HTMLElement, P extends object = {}>(render: (props: SlottableProps<P> & HTMLAttributes<E>, forwardedRef: ForwardedRef<E>) => ReactNode): ForwardRefExoticComponent<SlottableProps<P> & RefAttributes<E>>;
-/**
- * Factory for composable (leaf) components.
- * The implementation receives full `HTMLAttributes<E>` so it can destructure `role`, `style`, etc.
- * Consumers see only `ComposableProps<P>` — a narrow type exposing `classNames`, `className`,
- * `children`, and the custom props `P`.
- *
- * For generic components, use `any` for the type parameter inside `composable` and
- * cast the result to restore the generic signature for consumers.
- *
- * @example
- * ```tsx
- * const Leaf = composable<HTMLButtonElement>(({ children, ...props }, forwardedRef) => {
- *   return (
- *     <button {...composableProps(props, { classNames: 'btn' })} ref={forwardedRef}>
- *       {children}
- *     </button>
- *   );
- * });
- * ```
- */
-export declare function composable<E extends HTMLElement, P extends object = {}>(render: (props: ComposableProps<P> & HTMLAttributes<E>, forwardedRef: ForwardedRef<E>) => ReactNode): ForwardRefExoticComponent<ComposableProps<P> & RefAttributes<E>>;
 //# sourceMappingURL=mx.d.ts.map

package/dist/types/src/util/mx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mx.d.ts","sourceRoot":"","sources":["../../../../src/util/mx.ts"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,yBAAyB,EAC9B,KAAK,YAAY,EACjB,KAAK,cAAc,EAEnB,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,aAAa,EACd,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,eAAe,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAI5F,eAAO,MAAM,EAAE,sEAuCb,CAAC;AAEH;;;;;GAKG;AAEH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EACjE,kDAAkD,eAAe,EACjE,iDAAgD,eAAe,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAc;;WAYlE,aAAa;;;CAIvD,CAAC;AAyBH,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,MAAM,GAAG,EAAE,EACpE,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,SAAS,GACjG,yBAAyB,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CA4BjE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,MAAM,GAAG,EAAE,EACrE,MAAM,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,SAAS,GAClG,yBAAyB,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAIlE"}
+{"version":3,"file":"mx.d.ts","sourceRoot":"","sources":["../../../../src/util/mx.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,EAAE,sEAuCb,CAAC"}

package/dist/types/src/util/size.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../../src/util/size.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AA6C3C,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,WAAqB,CAAC;AAC1D,eAAO,MAAM,QAAQ,GAAI,MAAM,IAAI,WAAqB,CAAC;AACzD,eAAO,MAAM,OAAO,GAAI,MAAM,IAAI,WAAwC,CAAC;AAE3E,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,KAAG,MAAoC,CAAC;AAC5E,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,KAAG,MAAmE,CAAC;AAE3G,eAAO,MAAM,QAAQ,GAAI,MAAM,IAAI,GAAG,IAAI,KAAG,aAC6B,CAAC;AAE3E;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,MAAM,EAAE,aAAa,IAAI,KAAG,IAwB3D,CAAC"}
+{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../../src/util/size.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AA6C3C,eAAO,MAAM,SAAS,SAAU,IAAI,WAAqB,CAAC;AAC1D,eAAO,MAAM,QAAQ,SAAU,IAAI,WAAqB,CAAC;AACzD,eAAO,MAAM,OAAO,SAAU,IAAI,WAAwC,CAAC;AAE3E,eAAO,MAAM,SAAS,SAAU,IAAI,KAAG,MAAoC,CAAC;AAC5E,eAAO,MAAM,SAAS,SAAU,IAAI,KAAG,MAAmE,CAAC;AAE3G,eAAO,MAAM,QAAQ,SAAU,IAAI,GAAG,IAAI,KAAG,aAC6B,CAAC;AAE3E;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,UAAW,MAAM,eAAe,IAAI,KAAG,IAwB3D,CAAC"}

package/dist/types/src/util/valence.d.ts

@@ -1,4 +1,10 @@
 import { type MessageValence } from '@dxos/ui-types';
-export declare const textValence: (valence?: MessageValence) => "font-medium text-success-text" | "font-medium text-info-text" | "font-medium text-warning-text" | "font-medium text-error-text" | undefined;
-export declare const messageValence: (valence?: MessageValence) => "font-medium text-success-text border-success-text bg-success-surface" | "font-medium text-info-text border-info-text bg-info-surface" | "font-medium text-warning-text border-warning-text bg-warning-surface" | "font-medium text-error-text border-error-text bg-error-surface" | "font-medium text-neutral-text border-neutral-text bg-neutral-surface";
+export declare const textValence: (valence?: MessageValence) => "font-medium" | "font-medium text-error-text" | "font-medium text-info-text" | "font-medium text-success-text" | "font-medium text-warning-text";
+export declare const messageValence: (valence?: MessageValence) => "font-medium border-error-text text-error-fg bg-error-surface" | "font-medium border-info-text text-info-fg bg-info-surface" | "font-medium border-neutral-text text-neutral-fg bg-neutral-surface" | "font-medium border-success-text text-success-fg bg-success-surface" | "font-medium border-warning-text text-warning-fg bg-warning-surface";
+/**
+ * Classes for a Button rendered inside a Message.Root that should inherit the message's valence color.
+ * Message.Root sets --dx-valence-bg / --dx-valence-bg-hover / --dx-valence-text on its DOM node.
+ * Pass variant='valence' to the Button so button.css reads those variables.
+ */
+export declare const buttonValence: (_valence?: MessageValence) => string;
 //# sourceMappingURL=valence.d.ts.map

package/dist/types/src/util/valence.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"valence.d.ts","sourceRoot":"","sources":["../../../../src/util/valence.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,eAAO,MAAM,WAAW,GAAI,UAAU,cAAc,iJAWnD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,UAAU,cAAc,gWAatD,CAAC"}
+{"version":3,"file":"valence.d.ts","sourceRoot":"","sources":["../../../../src/util/valence.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,eAAO,MAAM,WAAW,aAAc,cAAc,qJAanD,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,cAAc,sVAatD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,cAAe,cAAc,KAAG,MACwB,CAAC"}