@adea-ai/themes 0.4.3 → 0.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adea-ai/themes",
-  "version": "0.4.3",
+  "version": "0.5.1",
   "description": "The Adea theme catalogue: semantic OKLCH themes normalized from upstream palettes, with Base24, terminal, CSS and syntax adapters.",
   "keywords": [
     "adea",
@@ -77,7 +77,19 @@
       "import": "./dist/adapters/shiki.js"
     },
     "./palettes/*": "./palettes/*",
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./adapters/shadcn": {
+      "types": "./dist/adapters/shadcn.d.ts",
+      "import": "./dist/adapters/shadcn.js"
+    },
+    "./themes/*": {
+      "types": "./dist/generated/themes/*.d.ts",
+      "import": "./dist/generated/themes/*.js"
+    },
+    "./metadata": {
+      "types": "./dist/generated/metadata.d.ts",
+      "import": "./dist/generated/metadata.js"
+    }
   },
   "publishConfig": {
     "access": "public"

package/src/accents.ts

@@ -44,9 +44,9 @@
  * the step uniform *and* the hue intact — a mix toward a neutral cannot do both.
  */
 
-import type { ThemeAppearance } from './schema'
-import type { Oklch } from './oklch'
-import { contrastRatio, formatOklch, parseColor, shiftLightness } from './oklch'
+import type { ThemeAppearance } from './schema.js'
+import type { Oklch } from './oklch.js'
+import { contrastRatio, formatOklch, parseColor, shiftLightness } from './oklch.js'
 
 /** One accent preset: a named primary, per appearance. */
 export type AccentPreset = {

package/src/adapters/base24.ts

@@ -27,9 +27,9 @@
  * than silently lossy, which is what an unnamed slot would have been.
  */
 
-import type { AdeaAnsi, AdeaTheme, AdeaThemeColors } from '../schema'
-import type { Oklch } from '../oklch'
-import { formatOklch, parseColor } from '../oklch'
+import type { AdeaAnsi, AdeaTheme, AdeaThemeColors } from '../schema.js'
+import type { Oklch } from '../oklch.js'
+import { formatOklch, parseColor } from '../oklch.js'
 
 /** The twenty-four Base24 slots, in the order the specification lists them. */
 export const BASE24_SLOTS = [

package/src/adapters/css.ts

@@ -31,9 +31,9 @@
  * an sRGB blend, which is what makes hand-mixed tints go muddy.
  */
 
-import type { AdeaTheme, AdeaThemeColors } from '../schema'
-import { THEME_COLOR_KEYS, ANSI_KEYS } from '../schema'
-import { STATUS_ROLES, chartSeries, statusForeground, tint } from '../derive'
+import type { AdeaTheme, AdeaThemeColors } from '../schema.js'
+import { THEME_COLOR_KEYS, ANSI_KEYS } from '../schema.js'
+import { STATUS_ROLES, chartSeries, statusForeground, tint } from '../derive.js'
 
 /** How the variables are named. */
 export interface CssOptions {

package/src/adapters/shadcn.ts

@@ -22,8 +22,8 @@
  * A table of the whole mapping is in `docs/shadcn-bridge.md`.
  */
 
-import type { AdeaTheme, AdeaThemeColors } from '../schema'
-import { STATUS_ROLES, statusForeground } from '../derive'
+import type { AdeaTheme, AdeaThemeColors } from '../schema.js'
+import { STATUS_ROLES, statusForeground, tint } from '../derive.js'
 
 /**
  * Canonical role → shadcn custom-property name.
@@ -108,8 +108,13 @@ export function shadcnVariables(theme: AdeaTheme): Record<string, string> {
   variables['--sidebar-muted-foreground'] = theme.colors.textMuted
 
   for (const role of STATUS_ROLES) {
-    variables[`--${role}-foreground`] = statusForeground(theme, role)
-    variables[`--${role}-subtle`] = `color-mix(in oklch, var(--${role}) 12%, transparent)`
+    // Status labels on a subtle fill use the theme's body foreground; this
+    // foreground is reserved for text on the role's solid colour. Keep the
+    // generated shadcn names aligned with SHADCN_MAPPING, especially error →
+    // destructive, and resolve the tint against a real canvas so it is opaque.
+    const shadcnRole = SHADCN_MAPPING[role]
+    variables[`--${shadcnRole}-foreground`] = statusForeground(theme, role)
+    variables[`--${shadcnRole}-subtle`] = tint(theme.colors[role], theme.colors.background)
   }
 
   variables['--surface-sunken'] = theme.colors.background

package/src/adapters/shiki.ts

@@ -24,10 +24,10 @@
  * however it likes — synchronously, into a custom highlighter, or inside a worker.
  */
 
-import type { AdeaTheme } from '../schema'
-import type { SyntaxRole } from '../derive'
-import { syntaxRolesHex } from '../derive'
-import { oklchToHex, parseColor } from '../oklch'
+import type { AdeaTheme } from '../schema.js'
+import type { SyntaxRole } from '../derive.js'
+import { syntaxRolesHex } from '../derive.js'
+import { oklchToHex, parseColor } from '../oklch.js'
 
 /**
  * A Shiki theme registration.

package/src/adapters/tailwind.ts

@@ -13,8 +13,8 @@
  * utility in every consumer, and a consumer cannot silently fall behind.
  */
 
-import { ANSI_KEYS, THEME_COLOR_KEYS } from '../schema'
-import { STATUS_ROLES } from '../derive'
+import { ANSI_KEYS, THEME_COLOR_KEYS } from '../schema.js'
+import { STATUS_ROLES } from '../derive.js'
 
 export interface TailwindOptions {
   /** The custom-property namespace the CSS adapter used. Defaults to `adea`. */

package/src/adapters/xterm.ts

@@ -14,9 +14,9 @@
  * straight to `terminal.options.theme`.
  */
 
-import type { AdeaTheme } from '../schema'
-import type { Oklch } from '../oklch'
-import { contrastRatio, oklchToHex, parseColor, repairContrast } from '../oklch'
+import type { AdeaTheme } from '../schema.js'
+import type { Oklch } from '../oklch.js'
+import { contrastRatio, oklchToHex, parseColor, repairContrast } from '../oklch.js'
 
 /**
  * The shape xterm.js's `ITheme` requires.

package/src/catalogue.ts

@@ -14,10 +14,10 @@
  * component that will eventually ship without the try/catch.
  */
 
-import type { AdeaTheme, AdeaThemeRecord, ThemeAppearance, ThemeFamily } from './schema'
-import type { Base24Scheme } from './adapters/base24'
-import { generatedSchemes } from './generated/schemes'
-import { generatedThemes } from './generated/themes'
+import type { AdeaTheme, AdeaThemeRecord, ThemeAppearance, ThemeFamily } from './schema.js'
+import type { Base24Scheme } from './adapters/base24.js'
+import { generatedSchemes } from './generated/schemes.js'
+import { generatedThemes } from './generated/themes.js'
 
 /**
  * Every theme in the catalogue, ordered by id.

package/src/derive.ts

@@ -29,9 +29,9 @@
  * palettes today.
  */
 
-import type { AdeaTheme } from './schema'
-import type { Oklch } from './oklch'
-import { contrastRatio, formatOklch, mix, oklchToHex, parseColor, repairContrast } from './oklch'
+import type { AdeaTheme } from './schema.js'
+import type { Oklch } from './oklch.js'
+import { contrastRatio, formatOklch, mix, oklchToHex, parseColor, repairContrast } from './oklch.js'
 
 /** The syntax roles, matching the names Shiki's theme contract expects. */
 export type SyntaxRole =