@ai-composer/themes 0.1.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;AAInF,mGAAmG;AACnG,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,OAAO,2BAA2B,KAAK,MAAM,CAAC;AAChD,CAAC;AAED,kFAAkF;AAClF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,kBAAkB;IAClB,sBAAsB;IACtB,qBAAqB;IACrB,cAAc;IACd,oBAAoB;IACpB,YAAY;IACZ,kBAAkB;IAClB,wBAAwB;IACxB,cAAc;IACd,oBAAoB;IACpB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,iBAAiB;IACjB,mBAAmB;IACnB,+BAA+B;IAC/B,yBAAyB;IACzB,+BAA+B;IAC/B,yBAAyB;IACzB,gCAAgC;IAChC,0BAA0B;IAC1B,+BAA+B;IAC/B,yBAAyB;IACzB,cAAc;IACd,iBAAiB;IACjB,oBAAoB;IACpB,qBAAqB;IACrB,wBAAwB;IACxB,wBAAwB;IACxB,sBAAsB;IACtB,iBAAiB;IACjB,mBAAmB;IACnB,cAAc;IACd,qBAAqB;IACrB,kBAAkB;IAClB,kBAAkB;IAClB,qBAAqB;CACb,CAAC"}

package/dist/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@ai-composer/themes",
+  "version": "0.1.0",
+  "type": "module",
+  "license": "MIT",
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./css/*": "./css/*",
+    "./package.json": "./package.json"
+  },
+  "style": "./css/default.css",
+  "peerDependencies": {},
+  "devDependencies": {
+    "vitest": "^2.1.8"
+  },
+  "module": "./index.js"
+}

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@ai-composer/themes",
+  "version": "0.1.0",
+  "type": "module",
+  "license": "MIT",
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./css/*": "./css/*",
+    "./package.json": "./package.json"
+  },
+  "style": "./css/default.css",
+  "peerDependencies": {},
+  "devDependencies": {
+    "vitest": "^2.1.8"
+  }
+}

package/project.json

@@ -0,0 +1,61 @@
+{
+  "name": "themes",
+  "$schema": "../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/themes/src",
+  "projectType": "library",
+  "tags": [
+    "scope:adapter",
+    "type:lib"
+  ],
+  "targets": {
+    "build": {
+      "executor": "@nx/js:tsc",
+      "outputs": [
+        "{options.outputPath}"
+      ],
+      "options": {
+        "outputPath": "packages/themes/dist",
+        "main": "packages/themes/src/index.ts",
+        "tsConfig": "packages/themes/tsconfig.lib.json",
+        "rootDir": "packages/themes/src",
+        "assets": [
+          {
+            "input": "../packages/themes",
+            "glob": "*.md",
+            "output": "."
+          },
+          {
+            "input": "packages/themes/css",
+            "glob": "**/*",
+            "output": "./css"
+          }
+        ],
+        "generateExportsIfAbsent": false
+      }
+    },
+    "test": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "vitest run --project themes --passWithNoTests"
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint",
+      "outputs": [
+        "{options.outputFile}"
+      ],
+      "options": {
+        "lintFilePatterns": [
+          "packages/themes/**/*.ts",
+          "packages/themes/**/*.tsx"
+        ]
+      }
+    },
+    "typecheck": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "tsc -p packages/themes/tsconfig.spec.json --noEmit"
+      }
+    }
+  }
+}

package/src/index.ts

@@ -0,0 +1,64 @@
+/**
+ * @ai-composer/themes — design tokens and theme presets.
+ *
+ * Import CSS by entry (package exports `./css/*`):
+ *
+ *   import '@ai-composer/themes/css/tokens.css';
+ *   import '@ai-composer/themes/css/default.css';   // structure, uses tokens
+ *   import '@ai-composer/themes/css/dark.css';      // optional dark override
+ *
+ * Theme layers (ADR-0007):
+ *   tokens → default → mode (compact) → app overrides → component overrides
+ */
+
+export const THEME_CSS_ENTRIES = ['tokens', 'default', 'dark', 'compact'] as const;
+
+export type ThemeCssEntry = (typeof THEME_CSS_ENTRIES)[number];
+
+/** Programmatically resolve a CSS import specifier (e.g. for bundler-resolved dynamic imports). */
+export function themeCss(entry: ThemeCssEntry): string {
+  return `@ai-composer/themes/css/${entry}.css`;
+}
+
+/** Token names emitted by tokens.css — useful for docs tooling and lint rules. */
+export const DESIGN_TOKENS = [
+  '--aic-background',
+  '--aic-surface-raised',
+  '--aic-surface-hover',
+  '--aic-border',
+  '--aic-border-focus',
+  '--aic-text',
+  '--aic-text-muted',
+  '--aic-text-placeholder',
+  '--aic-accent',
+  '--aic-accent-hover',
+  '--aic-accent-contrast',
+  '--aic-accent-disabled',
+  '--aic-chip-background',
+  '--aic-chip-text',
+  '--aic-chip-radius',
+  '--aic-chip-mention-background',
+  '--aic-chip-mention-text',
+  '--aic-chip-command-background',
+  '--aic-chip-command-text',
+  '--aic-chip-variable-background',
+  '--aic-chip-variable-text',
+  '--aic-chip-hashtag-background',
+  '--aic-chip-hashtag-text',
+  '--aic-radius',
+  '--aic-radius-sm',
+  '--aic-border-width',
+  '--aic-input-padding',
+  '--aic-input-min-height',
+  '--aic-input-max-height',
+  '--aic-toolbar-height',
+  '--aic-font-size',
+  '--aic-font-family',
+  '--aic-shadow',
+  '--aic-shadow-raised',
+  '--aic-focus-ring',
+  '--aic-transition',
+  '--aic-z-suggestions',
+] as const;
+
+export type DesignToken = (typeof DESIGN_TOKENS)[number];

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "types": []
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "vitest.config.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

package/tsconfig.lib.json

@@ -0,0 +1,15 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "declaration": true,
+    "declarationMap": true,
+    "stripInternal": true,
+    "outDir": "../../dist/packages/themes"
+  },
+  "exclude": [
+    "**/*.test.ts",
+    "**/*.test.tsx",
+    "vitest.config.ts",
+    "src/test-setup.ts"
+  ]
+}

package/tsconfig.spec.json

@@ -0,0 +1,16 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": true,
+    "types": [
+      "vitest"
+    ]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx"
+  ],
+  "exclude": [
+    "vitest.config.ts"
+  ]
+}

package/vitest.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'vitest/config';
+export default defineConfig({
+  resolve: {
+  },
+  test: {
+    name: 'themes',
+    environment: 'node',
+    include: ['src/**/*.test.{ts,tsx}'],
+  },
+});
+