@origostudio/design-tokens 0.0.40

package/CHANGELOG.md

@@ -0,0 +1,357 @@
+## 0.0.40 (2026-09-29)
+
+### 🚀 Features
+
+- initialize packages, documentation site, and release workflow ([e0f7371](https://github.com/OrigoStudio/origo-design/commit/e0f7371))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.39 (2026-09-29)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.38 (2026-09-28)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.37 (2026-09-24)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.36 (2026-09-23)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.35 (2026-09-22)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.34 (2026-09-22)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.33 (2026-09-21)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.32 (2026-09-19)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.31 (2026-09-16)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.30 (2026-09-15)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.29 (2026-09-14)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.28 (2026-09-14)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.27 (2026-09-09)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.26 (2026-09-08)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.25 (2026-09-07)
+
+### 🚀 Features
+
+- initialize package.json files for cli, core, design-tokens, playground, and angular-renderer packages ([2dee8cc](https://github.com/OrigoStudio/origo-design/commit/2dee8cc))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.24 (2026-09-07)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.23 (2026-09-07)
+
+This was a version bump only for design-tokens to align it with other projects, there were no code changes.
+
+## 0.0.22 (2026-09-04)
+
+### 🚀 Features
+
+- scaffold playground application and e2e testing suite with initial editor component and schema registry ([f097894](https://github.com/OrigoStudio/origo-design/commit/f097894))
+- add GitHub Actions workflow to automate library releases using Nx Release ([3d6651f](https://github.com/OrigoStudio/origo-design/commit/3d6651f))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.21 (2026-09-02)
+
+### 🚀 Features
+
+- add centralized test registry tool with validation logic, CI integration, and documentation artifacts ([384c1c7](https://github.com/OrigoStudio/origo-design/commit/384c1c7))
+- implement central test registry with validation tools and CI integration ([02cf656](https://github.com/OrigoStudio/origo-design/commit/02cf656))
+- initialize negative testing story and update sprint status tracking ([bbe5fdc](https://github.com/OrigoStudio/origo-design/commit/bbe5fdc))
+- implement CLI framework with validation, testing, and CI/CD workflows ([ff6ce55](https://github.com/OrigoStudio/origo-design/commit/ff6ce55))
+- implement validate command and schema validation logic for BADL files ([4f9e41d](https://github.com/OrigoStudio/origo-design/commit/4f9e41d))
+- implement path traversal guards, remove process termination from library logic, and enable error cause preservation in @origo/cli ([0854f78](https://github.com/OrigoStudio/origo-design/commit/0854f78))
+- initialize web-based editor component and track security remediation tasks in implementation artifacts ([65716bd](https://github.com/OrigoStudio/origo-design/commit/65716bd))
+- document e2e npm verification plan for cli package releases ([22dab4c](https://github.com/OrigoStudio/origo-design/commit/22dab4c))
+- initialize sprint status tracking and retrospective verification story for npm packaging ([c326751](https://github.com/OrigoStudio/origo-design/commit/c326751))
+- add generated bundle for epic7-worker-csp spike ([16ca492](https://github.com/OrigoStudio/origo-design/commit/16ca492))
+- add web worker CSP spike and associated implementation documentation ([ebf5aa4](https://github.com/OrigoStudio/origo-design/commit/ebf5aa4))
+- implement web worker CSP spike with supporting documentation and harness tools ([f57b1e5](https://github.com/OrigoStudio/origo-design/commit/f57b1e5))
+- add technical spike story for Epic 7 web worker CSP validation and ADR planning ([c977487](https://github.com/OrigoStudio/origo-design/commit/c977487))
+- initialize sprint status tracking and create Epic 7 discovery research story ([b37b967](https://github.com/OrigoStudio/origo-design/commit/b37b967))
+- implement entity generator command with template customization and ejection support ([02a3193](https://github.com/OrigoStudio/origo-design/commit/02a3193))
+- implement entity generator command and template ejection logic in CLI ([d7d519a](https://github.com/OrigoStudio/origo-design/commit/d7d519a))
+- implementation of 6-2-local-schema-validation ([45e67f6](https://github.com/OrigoStudio/origo-design/commit/45e67f6))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.20 (2026-08-25)
+
+### 🚀 Features
+
+- implementation of 6-1-cli-initialization-and-scaffolding ([f6aca9e](https://github.com/OrigoStudio/origo-design/commit/f6aca9e))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.19 (2026-08-23)
+
+### 🚀 Features
+
+- 5.5-5-define-secure-by-default-boilerplate-templates ([0eb6dde](https://github.com/OrigoStudio/origo-design/commit/0eb6dde))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.18 (2026-08-23)
+
+### 🚀 Features
+
+- 5.5-4-verify-core-compiler-source-map-preservation ([a3b0d9b](https://github.com/OrigoStudio/origo-design/commit/a3b0d9b))
+
+### 🩹 Fixes
+
+- pipeline issue ([c1bbe47](https://github.com/OrigoStudio/origo-design/commit/c1bbe47))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.17 (2026-08-21)
+
+### 🚀 Features
+
+- 5.5-3-resolve-recursive-schema-resolution-tech-debt ([943e2e7](https://github.com/OrigoStudio/origo-design/commit/943e2e7))
+- 5.5-2-establish-end-to-end-qa-protocols ([d8990ae](https://github.com/OrigoStudio/origo-design/commit/d8990ae))
+- 5.5-2-establish-end-to-end-qa-protocols ([a31d97a](https://github.com/OrigoStudio/origo-design/commit/a31d97a))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.16 (2026-08-21)
+
+### 🚀 Features
+
+- 5.5-1-create-usability-quickstart-guide ([e740a1a](https://github.com/OrigoStudio/origo-design/commit/e740a1a))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.15 (2026-08-20)
+
+### 🚀 Features
+
+- code-review 5-5-reactive-state-event-binding ([b235951](https://github.com/OrigoStudio/origo-design/commit/b235951))
+- implementation of 5-5-reactive-state-event-binding ([3a5948a](https://github.com/OrigoStudio/origo-design/commit/3a5948a))
+- story creation 5-5-reactive-state-event-binding ([21104c6](https://github.com/OrigoStudio/origo-design/commit/21104c6))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.14 (2026-08-19)
+
+### 🚀 Features
+
+- 5-4-design-token-consumption ([c1f64ed](https://github.com/OrigoStudio/origo-design/commit/c1f64ed))
+- add sprint status update and design token consumption story documentation ([49aec07](https://github.com/OrigoStudio/origo-design/commit/49aec07))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.13 (2026-08-18)
+
+### 🚀 Features
+
+- implement core primitives (Button, VBox, TextInput) with improved property coercion and accessibility support ([1be1def](https://github.com/OrigoStudio/origo-design/commit/1be1def))
+- implement VBox, TextInput, and Button core primitives with accessibility testing and improved adapter coercion ([532417f](https://github.com/OrigoStudio/origo-design/commit/532417f))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.12 (2026-08-17)
+
+### 🚀 Features
+
+- implement InteractionContract-based OrigoAdapter and transition angular-renderer architecture to web adapter pattern ([1a8ea32](https://github.com/OrigoStudio/origo-design/commit/1a8ea32))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.11 (2026-08-14)
+
+### 🚀 Features
+
+- implement angular-renderer package with AST-based dynamic component instantiation and registry support ([500f396](https://github.com/OrigoStudio/origo-design/commit/500f396))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.10 (2026-08-14)
+
+### 🚀 Features
+
+- implement extension API scaffolding, define Angular signals patterns, and add renderer test utilities ([d2adbed](https://github.com/OrigoStudio/origo-design/commit/d2adbed))
+- mark Epic 4 as complete and record its retrospective action items in sprint status ([37c2caa](https://github.com/OrigoStudio/origo-design/commit/37c2caa))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.9 (2026-08-14)
+
+### 🚀 Features
+
+- implement extension manager with manifest validation, permission security, and dependency resolution ([154b0d4](https://github.com/OrigoStudio/origo-design/commit/154b0d4))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.8 (2026-08-14)
+
+### 🚀 Features
+
+- implement formal extension manifest, capability negotiation, and lifecycle management in core extension-api ([808f113](https://github.com/OrigoStudio/origo-design/commit/808f113))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.7 (2026-08-14)
+
+### 🚀 Features
+
+- implement behavior validation test suite and expand AST validator test coverage ([d4c79ef](https://github.com/OrigoStudio/origo-design/commit/d4c79ef))
+- register behavior validation suite story and update sprint status tracking ([798ec74](https://github.com/OrigoStudio/origo-design/commit/798ec74))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.6 (2026-08-13)
+
+### 🚀 Features
+
+- implement AST validation engine with support for circular dependency detection and reference integrity checks ([afd48c9](https://github.com/OrigoStudio/origo-design/commit/afd48c9))
+- initialize sprint-status.yaml to track project development and retrospective action items ([66c6cdf](https://github.com/OrigoStudio/origo-design/commit/66c6cdf))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.5 (2026-08-13)
+
+### 🚀 Features
+
+- **core:** implement security and permissions engine ([d066d90](https://github.com/OrigoStudio/origo-design/commit/d066d90))
+- add story 4.3 for security and permissions engine and update sprint status ([3eb4aae](https://github.com/OrigoStudio/origo-design/commit/3eb4aae))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.4 (2026-08-13)
+
+### 🚀 Features
+
+- implement semantic AST validator with domain, entity, and contract schema definitions ([e969466](https://github.com/OrigoStudio/origo-design/commit/e969466))
+- update sprint status and initialize story 4-2 contracts and implementations documentation ([4b37c59](https://github.com/OrigoStudio/origo-design/commit/4b37c59))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.3 (2026-08-13)
+
+### 🚀 Features
+
+- 4-1-capabilities-schema-parsing ([869c872](https://github.com/OrigoStudio/origo-design/commit/869c872))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
+## 0.0.2 (2026-08-12)
+
+### 🚀 Features
+
+- implement defensive AST validation with depth limiting, circular reference detection, and graceful error reporting ([d2f5f98](https://github.com/OrigoStudio/origo-design/commit/d2f5f98))
+- initialize 3-5-3-defensive-ast-traversal story and update sprint status ([4f82702](https://github.com/OrigoStudio/origo-design/commit/4f82702))
+- enforce JSON import standard and document AST validator ([162db09](https://github.com/OrigoStudio/origo-design/commit/162db09))
+- implement automated semantic versioning with Nx release and commitlint enforcement ([5e7a25e](https://github.com/OrigoStudio/origo-design/commit/5e7a25e))
+- implement AST validation engine and documentation for semantic versioning workflow ([838e472](https://github.com/OrigoStudio/origo-design/commit/838e472))
+- implement AST validation engine and associated implementation artifacts ([49cbdf0](https://github.com/OrigoStudio/origo-design/commit/49cbdf0))
+- implement deterministic canonical AST serialization and interfaces in @origo/core ([c35a2c9](https://github.com/OrigoStudio/origo-design/commit/c35a2c9))
+- implement domain and entity schema parser with Ajv-based validation and circular dependency detection in new @origo/core package ([4165b5f](https://github.com/OrigoStudio/origo-design/commit/4165b5f))
+- add design tokens documentation and update Starlight navigation configuration ([ba2404a](https://github.com/OrigoStudio/origo-design/commit/ba2404a))
+- initialize Epic 3 planning and document Epic 2 retrospective findings ([4cc46f9](https://github.com/OrigoStudio/origo-design/commit/4cc46f9))
+- implement runtime theme fetching, injection, and Angular renderer integration to complete the token resolution contract ([87f583e](https://github.com/OrigoStudio/origo-design/commit/87f583e))
+- implement theme-fetcher runtime utility and create angular-renderer package with theme initialization provider ([1d5b7ab](https://github.com/OrigoStudio/origo-design/commit/1d5b7ab))
+- implement secure theme injection with CSS token validation and scope management ([a708825](https://github.com/OrigoStudio/origo-design/commit/a708825))
+- implement runtime theme injector for parsing and applying CSS variables ([969fed5](https://github.com/OrigoStudio/origo-design/commit/969fed5))
+- add astro, @astrojs/starlight, and sharp dependencies to package.json ([1c40a92](https://github.com/OrigoStudio/origo-design/commit/1c40a92))
+- implement design token compilation pipeline with CSS variable parsing and generation ([0ffe822](https://github.com/OrigoStudio/origo-design/commit/0ffe822))
+- **nx-cloud:** setup nx cloud workspace ([ee09042](https://github.com/OrigoStudio/origo-design/commit/ee09042))
+- **design-tokens:** implement css compilation pipeline ([7bd632d](https://github.com/OrigoStudio/origo-design/commit/7bd632d))
+- add script to generate automated LLM review prompts from git diffs ([1ddbd39](https://github.com/OrigoStudio/origo-design/commit/1ddbd39))
+- scaffold @origo/design-tokens package with JSON schema validation and Nx configuration ([ae61244](https://github.com/OrigoStudio/origo-design/commit/ae61244))
+- scaffold @origo/design-tokens library with JSON schema validation and initial token definitions ([efbecc9](https://github.com/OrigoStudio/origo-design/commit/efbecc9))
+- initialize Astro documentation site and relocate internal project scripts to the tools directory. ([1cd8e71](https://github.com/OrigoStudio/origo-design/commit/1cd8e71))
+- add documentation story spec and update epic-1 status to done ([b612ea3](https://github.com/OrigoStudio/origo-design/commit/b612ea3))
+- initialize and populate agent skill definitions, workflows, and technical knowledge resources ([8668c52](https://github.com/OrigoStudio/origo-design/commit/8668c52))
+- initialize Starlight documentation site within the monorepo and add benchmark tools ([9a16b03](https://github.com/OrigoStudio/origo-design/commit/9a16b03))
+- implement performance benchmark harness with regression and SLA gate logic ([350d472](https://github.com/OrigoStudio/origo-design/commit/350d472))
+- implement performance benchmark harness with CI regression gating and SLA validation ([3230ac9](https://github.com/OrigoStudio/origo-design/commit/3230ac9))
+- implement Husky pre-commit hooks and Nx-based lint-staged configuration ([9181885](https://github.com/OrigoStudio/origo-design/commit/9181885))
+- add GitHub Actions CI workflow, Husky pre-commit hooks, and update package.json with necessary configuration ([95b8bf1](https://github.com/OrigoStudio/origo-design/commit/95b8bf1))
+- configure Husky, lint-staged, and GitHub CI workflow for automated quality enforcement ([b6bf597](https://github.com/OrigoStudio/origo-design/commit/b6bf597))
+- initialize Nx monorepo workspace with core configuration and tooling ([fd0665a](https://github.com/OrigoStudio/origo-design/commit/fd0665a))
+- add sprint tracking artifacts and automation script for project bootstrapping ([ddc6149](https://github.com/OrigoStudio/origo-design/commit/ddc6149))
+- document Origo Design functional requirements and architectural scope ([d1e0b7f](https://github.com/OrigoStudio/origo-design/commit/d1e0b7f))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse

package/README.md

@@ -0,0 +1,11 @@
+# design-tokens
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build design-tokens` to build the library.
+
+## Running unit tests
+
+Run `nx test design-tokens` to execute the unit tests via [Jest](https://jestjs.io).

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@origostudio/design-tokens",
+  "version": "0.0.40",
+  "private": false,
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "types": "./src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./src/index.d.ts",
+      "default": "./src/index.js"
+    },
+    "./runtime": {
+      "types": "./src/runtime/index.d.ts",
+      "default": "./src/runtime/index.js"
+    },
+    "./tokens.css": "./tokens.css",
+    "./tokens.json": "./tokens.json",
+    "./tokens.js": "./tokens.js"
+  },
+  "dependencies": {
+    "ajv": "^8.20.0"
+  },
+  "devDependencies": {},
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/OrigoStudio/origo-design.git"
+  }
+}

package/src/build.d.ts

@@ -0,0 +1,2 @@
+export declare function parseTokens(tokens: Record<string, unknown>, prefix: string): Record<string, string>;
+export declare function generateCssVariables(baseTokensMap: Record<string, string>, semanticTokensMap?: Record<string, string>): string;

package/src/build.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseTokens = parseTokens;
+exports.generateCssVariables = generateCssVariables;
+function parseTokens(tokens, prefix) {
+    const result = {};
+    function traverse(obj, currentPath) {
+        if (!obj || typeof obj !== 'object')
+            return;
+        for (const [key, value] of Object.entries(obj)) {
+            if (value && typeof value === 'object' && !Array.isArray(value)) {
+                if ('$value' in value) {
+                    const sanitizedPath = currentPath.concat(key).map(k => k.replace(/[^a-zA-Z0-9-]/g, '-'));
+                    const varName = `--${prefix}-${sanitizedPath.join('-')}`;
+                    const tokenObj = value;
+                    const val = tokenObj['$value'];
+                    let valStr;
+                    if (Array.isArray(val)) {
+                        valStr = val.join(', ');
+                    }
+                    else if (typeof val === 'object' && val !== null) {
+                        valStr = JSON.stringify(val);
+                    }
+                    else {
+                        valStr = String(val);
+                    }
+                    result[varName] = valStr;
+                }
+                else {
+                    traverse(value, currentPath.concat(key));
+                }
+            }
+        }
+    }
+    traverse(tokens, []);
+    let changed = true;
+    let iterations = 0;
+    const maxIterations = 10;
+    while (changed && iterations < maxIterations) {
+        changed = false;
+        iterations++;
+        for (const [key, val] of Object.entries(result)) {
+            if (typeof val === 'string' && val.includes('{')) {
+                const newVal = val.replace(/\{([^}]+)\}/g, (match, refPath) => {
+                    if (!refPath.trim())
+                        throw new Error('Empty reference in token');
+                    const sanitizedRefPath = refPath
+                        .split('.')
+                        .map((k) => k.replace(/[^a-zA-Z0-9-]/g, '-'))
+                        .join('-');
+                    const refVarName = `--${prefix}-${sanitizedRefPath}`;
+                    if (refVarName === key)
+                        throw new Error(`Circular reference detected: ${key}`);
+                    return `var(${refVarName})`;
+                });
+                if (newVal !== val) {
+                    result[key] = newVal;
+                    changed = true;
+                }
+            }
+        }
+    }
+    return result;
+}
+function generateCssVariables(baseTokensMap, semanticTokensMap) {
+    let css = ':root{';
+    const usedBaseTokens = new Set();
+    if (semanticTokensMap) {
+        for (const val of Object.values(semanticTokensMap)) {
+            const matches = val.match(/var\((--[^)]+)\)/g);
+            if (matches) {
+                matches.forEach(m => usedBaseTokens.add(m.slice(4, -1)));
+            }
+        }
+    }
+    for (const [key, value] of Object.entries(baseTokensMap)) {
+        if (!semanticTokensMap || usedBaseTokens.has(key)) {
+            css += `${key}:${value};`;
+        }
+    }
+    if (semanticTokensMap) {
+        for (const [key, value] of Object.entries(semanticTokensMap)) {
+            css += `${key}:${value};`;
+        }
+    }
+    css += '}';
+    return css;
+}
+//# sourceMappingURL=build.js.map

package/src/build.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.js","sourceRoot":"","sources":["../../../../packages/design-tokens/src/build.ts"],"names":[],"mappings":"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"}

package/src/compile.d.ts

@@ -0,0 +1 @@
+export {};

package/src/compile.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const fs_1 = require("fs");
+const path_1 = require("path");
+const build_1 = require("./build");
+const _2020_1 = tslib_1.__importDefault(require("ajv/dist/2020"));
+function loadJson(path) {
+    try {
+        return JSON.parse((0, fs_1.readFileSync)(path, 'utf8'));
+    }
+    catch (e) {
+        throw new Error(`Failed to read or parse JSON at ${path}: ${e.message}`);
+    }
+}
+function main() {
+    const baseJsonPath = (0, path_1.join)(__dirname, 'tokens/base.json');
+    const semanticJsonPath = (0, path_1.join)(__dirname, 'tokens/semantic.json');
+    const baseSchemaPath = (0, path_1.join)(__dirname, 'schemas/base-tokens.schema.json');
+    const semanticSchemaPath = (0, path_1.join)(__dirname, 'schemas/semantic-tokens.schema.json');
+    const baseJson = loadJson(baseJsonPath);
+    const semanticJson = loadJson(semanticJsonPath);
+    const baseSchema = loadJson(baseSchemaPath);
+    const semanticSchema = loadJson(semanticSchemaPath);
+    const ajv = new _2020_1.default({ allErrors: true, strict: false });
+    if (!ajv.validate(baseSchema, baseJson)) {
+        throw new Error(`Base tokens failed validation: ${ajv.errorsText()}`);
+    }
+    if (!ajv.validate(semanticSchema, semanticJson)) {
+        throw new Error(`Semantic tokens failed validation: ${ajv.errorsText()}`);
+    }
+    const baseTokens = (0, build_1.parseTokens)(baseJson, 'origo');
+    const semanticTokens = (0, build_1.parseTokens)(semanticJson, 'origo');
+    const css = (0, build_1.generateCssVariables)(baseTokens, semanticTokens);
+    const allTokens = { ...baseTokens, ...semanticTokens };
+    const outDir = (0, path_1.join)(__dirname, '..');
+    (0, fs_1.mkdirSync)(outDir, { recursive: true });
+    // Write CSS
+    (0, fs_1.writeFileSync)((0, path_1.join)(outDir, 'tokens.css'), css, 'utf8');
+    // Write JSON
+    (0, fs_1.writeFileSync)((0, path_1.join)(outDir, 'tokens.json'), JSON.stringify(allTokens, null, 2), 'utf8');
+    // Write JS
+    const jsContent = `module.exports = ${JSON.stringify(allTokens, null, 2)};`;
+    (0, fs_1.writeFileSync)((0, path_1.join)(outDir, 'tokens.js'), jsContent, 'utf8');
+    // Write TS definitions
+    const tsContent = `declare const tokens: Record<string, string>;\nexport default tokens;`;
+    (0, fs_1.writeFileSync)((0, path_1.join)(outDir, 'tokens.d.ts'), tsContent, 'utf8');
+    console.log(`Successfully compiled design tokens to ${outDir}`);
+}
+main();
+//# sourceMappingURL=compile.js.map

package/src/compile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compile.js","sourceRoot":"","sources":["../../../../packages/design-tokens/src/compile.ts"],"names":[],"mappings":"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"}

package/src/index.d.ts

@@ -0,0 +1,6 @@
+import baseTokensSchema from './schemas/base-tokens.schema.json';
+import semanticTokensSchema from './schemas/semantic-tokens.schema.json';
+import baseTokens from './tokens/base.json';
+import semanticTokens from './tokens/semantic.json';
+export * from './build';
+export { baseTokensSchema, semanticTokensSchema, baseTokens, semanticTokens };

package/src/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.semanticTokens = exports.baseTokens = exports.semanticTokensSchema = exports.baseTokensSchema = void 0;
+const tslib_1 = require("tslib");
+const base_tokens_schema_json_1 = tslib_1.__importDefault(require("./schemas/base-tokens.schema.json"));
+exports.baseTokensSchema = base_tokens_schema_json_1.default;
+const semantic_tokens_schema_json_1 = tslib_1.__importDefault(require("./schemas/semantic-tokens.schema.json"));
+exports.semanticTokensSchema = semantic_tokens_schema_json_1.default;
+const base_json_1 = tslib_1.__importDefault(require("./tokens/base.json"));
+exports.baseTokens = base_json_1.default;
+const semantic_json_1 = tslib_1.__importDefault(require("./tokens/semantic.json"));
+exports.semanticTokens = semantic_json_1.default;
+tslib_1.__exportStar(require("./build"), exports);
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/design-tokens/src/index.ts"],"names":[],"mappings":";;;;AAAA,wGAAiE;AAMxD,2BANF,iCAAgB,CAME;AALzB,gHAAyE;AAK9C,+BALpB,qCAAoB,CAKoB;AAJ/C,2EAA4C;AAIK,qBAJ1C,mBAAU,CAI0C;AAH3D,mFAAoD;AAGS,yBAHtD,uBAAc,CAGsD;AAD3E,kDAAwB"}

package/src/runtime/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme-injector';
+export * from './theme-fetcher';

package/src/runtime/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./theme-injector"), exports);
+tslib_1.__exportStar(require("./theme-fetcher"), exports);
+//# sourceMappingURL=index.js.map

package/src/runtime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/design-tokens/src/runtime/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC;AACjC,0DAAgC"}

package/src/runtime/theme-fetcher.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Fetches a theme.json file from the specified URL.
+ *
+ * - Gracefully handles SSR environments by returning an empty object.
+ * - Handles network errors by catching them and returning an empty object.
+ *
+ * @param url The URL to fetch the theme JSON from.
+ * @returns A promise that resolves to the parsed theme JSON object, or an empty object on failure/SSR.
+ */
+export declare function fetchTheme(url: string): Promise<Record<string, unknown>>;
+/**
+ * Fetches a theme.json file and injects it into the DOM.
+ * Measures the time taken using the Performance API to ensure NFR-PERF-005 limits.
+ *
+ * @param url The URL to fetch the theme JSON from.
+ * @param target The target HTMLElement to scope the injected styles to. Defaults to documentElement.
+ * @returns A promise that resolves to a teardown function to remove the injected style tag.
+ */
+export declare function loadAndInjectTheme(url: string, target?: HTMLElement | null): Promise<() => void>;

package/src/runtime/theme-fetcher.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchTheme = fetchTheme;
+exports.loadAndInjectTheme = loadAndInjectTheme;
+const theme_injector_1 = require("./theme-injector");
+/**
+ * Fetches a theme.json file from the specified URL.
+ *
+ * - Gracefully handles SSR environments by returning an empty object.
+ * - Handles network errors by catching them and returning an empty object.
+ *
+ * @param url The URL to fetch the theme JSON from.
+ * @returns A promise that resolves to the parsed theme JSON object, or an empty object on failure/SSR.
+ */
+async function fetchTheme(url) {
+    // SSR guard: fetch might not exist, or we are in a server environment
+    if (typeof fetch === 'undefined' || typeof document === 'undefined') {
+        return {};
+    }
+    try {
+        const response = await fetch(url);
+        if (!response.ok) {
+            console.warn(`[origo-design] Failed to fetch theme from ${url}: ${response.status} ${response.statusText}`);
+            return {};
+        }
+        const data = await response.json();
+        return data;
+    }
+    catch (error) {
+        console.warn(`[origo-design] Error fetching theme from ${url}:`, error);
+        return {};
+    }
+}
+const activeLoads = new Map();
+let globalLoadCounter = 0;
+/**
+ * Fetches a theme.json file and injects it into the DOM.
+ * Measures the time taken using the Performance API to ensure NFR-PERF-005 limits.
+ *
+ * @param url The URL to fetch the theme JSON from.
+ * @param target The target HTMLElement to scope the injected styles to. Defaults to documentElement.
+ * @returns A promise that resolves to a teardown function to remove the injected style tag.
+ */
+async function loadAndInjectTheme(url, target) {
+    const loadId = ++globalLoadCounter;
+    const loadKey = target || 'default';
+    activeLoads.set(loadKey, loadId);
+    const perfMarkStart = `theme-load-start-${url}`;
+    const perfMarkEnd = `theme-load-end-${url}`;
+    const perfMeasure = `theme-load-measure-${url}`;
+    if (typeof performance !== 'undefined' && performance.mark) {
+        performance.mark(perfMarkStart);
+    }
+    let teardown = () => {
+        // default no-op teardown
+    };
+    try {
+        const themeJson = await fetchTheme(url);
+        // Concurrency Lock: abort injection if a newer call has superseded this one for the same target
+        if (activeLoads.get(loadKey) !== loadId) {
+            return teardown;
+        }
+        const injected = (0, theme_injector_1.injectTheme)(themeJson, target);
+        if (typeof injected === 'function') {
+            teardown = injected;
+        }
+    }
+    catch (error) {
+        console.warn('[origo-design] Error in loadAndInjectTheme', error);
+    }
+    finally {
+        if (typeof performance !== 'undefined' && performance.mark && performance.measure) {
+            performance.mark(perfMarkEnd);
+            try {
+                performance.measure(perfMeasure, perfMarkStart, perfMarkEnd);
+            }
+            catch {
+                // Ignore measure errors
+            }
+            performance.clearMarks(perfMarkStart);
+            performance.clearMarks(perfMarkEnd);
+            performance.clearMeasures(perfMeasure);
+        }
+    }
+    return teardown;
+}
+//# sourceMappingURL=theme-fetcher.js.map

package/src/runtime/theme-fetcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-fetcher.js","sourceRoot":"","sources":["../../../../../packages/design-tokens/src/runtime/theme-fetcher.ts"],"names":[],"mappings":";;AAWA,gCAoBC;AAaD,gDA6CC;AAzFD,qDAA+C;AAE/C;;;;;;;;GAQG;AACI,KAAK,UAAU,UAAU,CAAC,GAAW;IAC1C,sEAAsE;IACtE,IAAI,OAAO,KAAK,KAAK,WAAW,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpE,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;YACjB,OAAO,CAAC,IAAI,CACV,6CAA6C,GAAG,KAAK,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,UAAU,EAAE,CAC9F,CAAC;YACF,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,4CAA4C,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC;QACxE,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC;AAED,MAAM,WAAW,GAAG,IAAI,GAAG,EAAmB,CAAC;AAC/C,IAAI,iBAAiB,GAAG,CAAC,CAAC;AAE1B;;;;;;;GAOG;AACI,KAAK,UAAU,kBAAkB,CACtC,GAAW,EACX,MAA2B;IAE3B,MAAM,MAAM,GAAG,EAAE,iBAAiB,CAAC;IACnC,MAAM,OAAO,GAAG,MAAM,IAAI,SAAS,CAAC;IACpC,WAAW,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACjC,MAAM,aAAa,GAAG,oBAAoB,GAAG,EAAE,CAAC;IAChD,MAAM,WAAW,GAAG,kBAAkB,GAAG,EAAE,CAAC;IAC5C,MAAM,WAAW,GAAG,sBAAsB,GAAG,EAAE,CAAC;IAEhD,IAAI,OAAO,WAAW,KAAK,WAAW,IAAI,WAAW,CAAC,IAAI,EAAE,CAAC;QAC3D,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAClC,CAAC;IAED,IAAI,QAAQ,GAAe,GAAG,EAAE;QAC9B,yBAAyB;IAC3B,CAAC,CAAC;IACF,IAAI,CAAC;QACH,MAAM,SAAS,GAAG,MAAM,UAAU,CAAC,GAAG,CAAC,CAAC;QACxC,gGAAgG;QAChG,IAAI,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,MAAM,EAAE,CAAC;YACxC,OAAO,QAAQ,CAAC;QAClB,CAAC;QACD,MAAM,QAAQ,GAAG,IAAA,4BAAW,EAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QAChD,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,QAAQ,GAAG,QAAQ,CAAC;QACtB,CAAC;IACH,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,4CAA4C,EAAE,KAAK,CAAC,CAAC;IACpE,CAAC;YAAS,CAAC;QACT,IAAI,OAAO,WAAW,KAAK,WAAW,IAAI,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YAClF,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC9B,IAAI,CAAC;gBACH,WAAW,CAAC,OAAO,CAAC,WAAW,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;YAC/D,CAAC;YAAC,MAAM,CAAC;gBACP,wBAAwB;YAC1B,CAAC;YACD,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;YACtC,WAAW,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;YACpC,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/src/runtime/theme-injector.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Parses and sanitises a flat or single-level-nested theme JSON object into
+ * a safe map of `token-key → CSS value`.
+ *
+ * - Keys are validated against a CSS identifier allowlist.
+ * - Values are validated against explicit CSS format patterns.
+ * - Prototype-poisoning keys (`__proto__`, `constructor`, `prototype`) are blocked.
+ * - Arrays are rejected at every nesting level.
+ */
+export declare function parseTheme(themeJson: unknown): Record<string, string>;
+export declare function injectTheme(themeJson: unknown, target?: HTMLElement | null): () => void;

package/src/runtime/theme-injector.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseTheme = parseTheme;
+exports.injectTheme = injectTheme;
+/** CSS custom property name allowlist — alphanumeric, hyphens, underscores only */
+const CSS_SAFE_KEY = /^[a-zA-Z0-9_-]+$/;
+/** Keys that must never be set on a plain object to prevent prototype pollution */
+const BLOCKED_KEYS = new Set(['__proto__', 'constructor', 'prototype']);
+/**
+ * Allowed CSS value patterns for semantic token overrides.
+ * Validates concrete formats rather than relying solely on a denylist.
+ */
+const SAFE_VALUE_PATTERNS = [
+    /^#[0-9a-fA-F]{3,8}$/, // hex colors: #fff, #ffffff, #ffffffaa
+    /^rgba?\(\s*\d+\s*,\s*\d+\s*,\s*\d+(?:\s*,\s*[\d.]+)?\s*\)$/, // rgb / rgba
+    /^hsla?\(\s*[\d.]+\s*,\s*[\d.]+%\s*,\s*[\d.]+%(?:\s*,\s*[\d.]+)?\s*\)$/, // hsl / hsla
+    /^[\d.]+(?:px|rem|em|%|vh|vw|vmin|vmax|pt|ch|ex|fr|deg|rad|turn|ms|s)$/, // numeric with units
+    /^[\d.]+$/, // plain numbers (opacity, z-index, line-height)
+    /^[a-zA-Z][-a-zA-Z0-9]*$/, // CSS named values: red, transparent, inherit, currentColor, etc.
+    /^var\(--[a-zA-Z0-9_-]+\)$/, // CSS variables
+    /^calc\([^)]+\)$/, // CSS calc
+    /^clamp\([^)]+\)$/, // CSS clamp
+    /^(?:linear|radial|conic)-gradient\([^)]+\)$/, // CSS gradients
+];
+function isSafeValue(value) {
+    return SAFE_VALUE_PATTERNS.some(pattern => pattern.test(value.trim()));
+}
+/**
+ * Parses and sanitises a flat or single-level-nested theme JSON object into
+ * a safe map of `token-key → CSS value`.
+ *
+ * - Keys are validated against a CSS identifier allowlist.
+ * - Values are validated against explicit CSS format patterns.
+ * - Prototype-poisoning keys (`__proto__`, `constructor`, `prototype`) are blocked.
+ * - Arrays are rejected at every nesting level.
+ */
+function parseTheme(themeJson) {
+    if (!themeJson || typeof themeJson !== 'object' || Array.isArray(themeJson)) {
+        return {};
+    }
+    // Object.create(null) avoids prototype setter side-effects for any key written
+    const result = Object.create(null);
+    const flatten = (obj, prefix = '', depth = 0, visited = new WeakSet()) => {
+        if (depth > 1)
+            return; // Prevent arbitrary depth beyond single-level
+        if (visited.has(obj))
+            return; // Prevent circular reference crashes
+        visited.add(obj);
+        for (const key of Object.keys(obj)) {
+            if (BLOCKED_KEYS.has(key) || !CSS_SAFE_KEY.test(key))
+                continue;
+            const value = obj[key];
+            if (value !== null && typeof value === 'object' && !Array.isArray(value)) {
+                flatten(value, `${prefix}${key}-`, depth + 1, visited);
+            }
+            else if (typeof value === 'string' || typeof value === 'number') {
+                const strVal = String(value).trim();
+                const fullKey = `${prefix}${key}`;
+                // Block base token overrides, enforce semantic overrides
+                if (!fullKey.startsWith('base-') && isSafeValue(strVal)) {
+                    result[fullKey] = strVal;
+                }
+            }
+        }
+    };
+    flatten(themeJson);
+    return result;
+}
+/**
+ * Applies a parsed theme to the DOM by injecting a `<style>` tag into
+ * `document.head` scoped to the target element.
+ *
+ * - When `target` is `document.documentElement` (the default), the style block
+ *   targets `:root` for global override.
+ * - When `target` is any other element, the element receives a stable
+ *   `data-origo-theme-id` attribute and the style block is scoped to that
+ *   attribute selector, enabling per-subtree theme isolation.
+ * - Passing an empty or fully-invalid theme removes the previously injected
+ *   style tag for that target rather than leaving stale rules.
+ * - Safe to call in SSR environments — returns immediately if `document` is
+ *   not defined.
+ */
+let nextTagId = 0;
+function injectTheme(themeJson, target) {
+    // SSR guard — DOM APIs are not available in Node.js environments
+    if (typeof document === 'undefined')
+        return () => undefined;
+    const actualTarget = target === undefined ? document.documentElement : target;
+    if (!actualTarget)
+        return () => undefined;
+    const head = document.head || document.documentElement;
+    if (!head)
+        return () => undefined;
+    const parsed = parseTheme(themeJson);
+    // Determine the CSS selector and the style-tag attribute for this target
+    let selector;
+    let tagId;
+    if (actualTarget === document.documentElement) {
+        selector = ':root';
+        tagId = 'runtime';
+    }
+    else {
+        // Assign a stable per-element ID so repeated calls reuse the same tag
+        if (!actualTarget.dataset['origoThemeId']) {
+            actualTarget.dataset['origoThemeId'] = `t${++nextTagId}`;
+        }
+        tagId = actualTarget.dataset['origoThemeId'];
+        selector = `[data-origo-theme-id="${CSS.escape(tagId)}"]`;
+    }
+    let styleTag = head.querySelector(`style[data-origo-theme="${CSS.escape(tagId)}"]`);
+    // Empty theme → remove the style tag to prevent stale overrides
+    if (Object.keys(parsed).length === 0) {
+        styleTag?.remove();
+        return () => undefined;
+    }
+    if (!styleTag) {
+        styleTag = document.createElement('style');
+        styleTag.setAttribute('data-origo-theme', tagId);
+        head.appendChild(styleTag);
+    }
+    let cssVariables = '';
+    for (const [key, value] of Object.entries(parsed)) {
+        cssVariables += `  --origo-${key}: ${value};\n`;
+    }
+    styleTag.textContent = `${selector} {\n${cssVariables}}\n`;
+    // Return a teardown function to clean up scoped injections
+    return () => {
+        styleTag?.remove();
+    };
+}
+//# sourceMappingURL=theme-injector.js.map

package/src/runtime/theme-injector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-injector.js","sourceRoot":"","sources":["../../../../../packages/design-tokens/src/runtime/theme-injector.ts"],"names":[],"mappings":"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"}

package/src/schemas/base-tokens.schema.json

@@ -0,0 +1,127 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://origo.dev/schemas/base-tokens.schema.json",
+  "title": "Origo Base Tokens Schema",
+  "description": "JSON Schema for Origo Base Tokens",
+  "type": "object",
+  "patternProperties": {
+    "^[^$][a-zA-Z0-9_\\-]*$": {
+      "$ref": "#/$defs/tokenOrGroup"
+    }
+  },
+  "additionalProperties": false,
+  "$defs": {
+    "tokenOrGroup": {
+      "anyOf": [{ "$ref": "#/$defs/token" }, { "$ref": "#/$defs/tokenGroup" }]
+    },
+    "token": {
+      "type": "object",
+      "properties": {
+        "$value": {
+          "type": ["string", "number", "object", "array", "boolean"]
+        },
+        "$type": {
+          "type": "string",
+          "enum": [
+            "color",
+            "dimension",
+            "fontFamily",
+            "fontWeight",
+            "duration",
+            "cubicBezier",
+            "number",
+            "shadow",
+            "strokeStyle",
+            "border",
+            "transition",
+            "typography",
+            "spacing",
+            "borderRadius",
+            "elevation",
+            "animation",
+            "motion",
+            "breakpoints",
+            "opacity",
+            "density"
+          ]
+        },
+        "$description": {
+          "type": "string"
+        }
+      },
+      "required": ["$value"],
+      "additionalProperties": false,
+      "allOf": [
+        {
+          "if": { "properties": { "$type": { "const": "typography" } }, "required": ["$type"] },
+          "then": { "properties": { "$value": { "$ref": "#/$defs/typographyValue" } } }
+        },
+        {
+          "if": { "properties": { "$type": { "const": "shadow" } }, "required": ["$type"] },
+          "then": { "properties": { "$value": { "$ref": "#/$defs/shadowValue" } } }
+        },
+        {
+          "if": { "properties": { "$type": { "const": "border" } }, "required": ["$type"] },
+          "then": { "properties": { "$value": { "$ref": "#/$defs/borderValue" } } }
+        }
+      ]
+    },
+    "tokenGroup": {
+      "type": "object",
+      "properties": {
+        "$type": {
+          "type": "string"
+        },
+        "$description": {
+          "type": "string"
+        }
+      },
+      "patternProperties": {
+        "^[^$][a-zA-Z0-9_\\-]*$": {
+          "$ref": "#/$defs/tokenOrGroup"
+        }
+      },
+      "additionalProperties": false
+    },
+    "typographyValue": {
+      "type": "object",
+      "properties": {
+        "fontFamily": { "type": "string" },
+        "fontSize": { "type": ["string", "number"] },
+        "fontWeight": { "type": ["string", "number"] },
+        "letterSpacing": { "type": ["string", "number"] },
+        "lineHeight": { "type": ["string", "number"] }
+      },
+      "required": ["fontFamily", "fontSize"],
+      "additionalProperties": false
+    },
+    "shadowValue": {
+      "anyOf": [
+        { "$ref": "#/$defs/singleShadowValue" },
+        { "type": "array", "items": { "$ref": "#/$defs/singleShadowValue" } }
+      ]
+    },
+    "singleShadowValue": {
+      "type": "object",
+      "properties": {
+        "color": { "type": "string" },
+        "offsetX": { "type": ["string", "number"] },
+        "offsetY": { "type": ["string", "number"] },
+        "blur": { "type": ["string", "number"] },
+        "spread": { "type": ["string", "number"] }
+      },
+      "required": ["color", "offsetX", "offsetY"],
+      "additionalProperties": false
+    },
+    "borderValue": {
+      "type": "object",
+      "properties": {
+        "color": { "type": "string" },
+        "width": { "type": ["string", "number"] },
+        "style": { "type": "string" }
+      },
+      "required": ["color", "width", "style"],
+      "additionalProperties": false
+    }
+  }
+}

package/src/schemas/semantic-tokens.schema.json

@@ -0,0 +1,52 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://origo.dev/schemas/semantic-tokens.schema.json",
+  "title": "Origo Semantic Tokens Schema",
+  "description": "JSON Schema for Origo Semantic Tokens (ensures references)",
+  "type": "object",
+  "patternProperties": {
+    "^[^$][a-zA-Z0-9_\\-]*$": {
+      "$ref": "#/$defs/tokenOrGroup"
+    }
+  },
+  "additionalProperties": false,
+  "$defs": {
+    "tokenOrGroup": {
+      "anyOf": [{ "$ref": "#/$defs/token" }, { "$ref": "#/$defs/tokenGroup" }]
+    },
+    "token": {
+      "type": "object",
+      "properties": {
+        "$value": {
+          "type": "string",
+          "pattern": "^.*\\{[a-zA-Z0-9_\\-\\.]+\\}.*$"
+        },
+        "$type": {
+          "type": "string"
+        },
+        "$description": {
+          "type": "string"
+        }
+      },
+      "required": ["$value"],
+      "additionalProperties": false
+    },
+    "tokenGroup": {
+      "type": "object",
+      "properties": {
+        "$type": {
+          "type": "string"
+        },
+        "$description": {
+          "type": "string"
+        }
+      },
+      "patternProperties": {
+        "^[^$][a-zA-Z0-9_\\-]*$": {
+          "$ref": "#/$defs/tokenOrGroup"
+        }
+      },
+      "additionalProperties": false
+    }
+  }
+}

package/src/tokens/base.json

@@ -0,0 +1,46 @@
+{
+  "color": {
+    "base": {
+      "blue": {
+        "100": {
+          "$value": "#E6F0FF",
+          "$type": "color"
+        },
+        "500": {
+          "$value": "#0066FF",
+          "$type": "color"
+        },
+        "900": {
+          "$value": "#002966",
+          "$type": "color"
+        }
+      },
+      "neutral": {
+        "100": {
+          "$value": "#F5F5F5",
+          "$type": "color"
+        },
+        "900": {
+          "$value": "#1A1A1A",
+          "$type": "color"
+        }
+      }
+    }
+  },
+  "spacing": {
+    "base": {
+      "1": {
+        "$value": "4px",
+        "$type": "dimension"
+      },
+      "2": {
+        "$value": "8px",
+        "$type": "dimension"
+      },
+      "4": {
+        "$value": "16px",
+        "$type": "dimension"
+      }
+    }
+  }
+}

package/src/tokens/semantic.json

@@ -0,0 +1,33 @@
+{
+  "color": {
+    "surface": {
+      "primary": {
+        "$value": "{color.base.blue.500}",
+        "$type": "color",
+        "$description": "Primary surface color for main actions"
+      },
+      "background": {
+        "$value": "{color.base.neutral.100}",
+        "$type": "color"
+      }
+    },
+    "text": {
+      "primary": {
+        "$value": "{color.base.neutral.900}",
+        "$type": "color"
+      },
+      "inverse": {
+        "$value": "{color.base.neutral.100}",
+        "$type": "color"
+      }
+    }
+  },
+  "spacing": {
+    "container": {
+      "padding": {
+        "$value": "{spacing.base.4}",
+        "$type": "dimension"
+      }
+    }
+  }
+}

package/tokens.css

@@ -0,0 +1 @@
+:root{--origo-color-base-blue-500:#0066FF;--origo-color-base-neutral-100:#F5F5F5;--origo-color-base-neutral-900:#1A1A1A;--origo-spacing-base-4:16px;--origo-color-surface-primary:var(--origo-color-base-blue-500);--origo-color-surface-background:var(--origo-color-base-neutral-100);--origo-color-text-primary:var(--origo-color-base-neutral-900);--origo-color-text-inverse:var(--origo-color-base-neutral-100);--origo-spacing-container-padding:var(--origo-spacing-base-4);}

package/tokens.d.ts

@@ -0,0 +1,2 @@
+declare const tokens: Record<string, string>;
+export default tokens;

package/tokens.js

@@ -0,0 +1,15 @@
+module.exports = {
+  "--origo-color-base-blue-100": "#E6F0FF",
+  "--origo-color-base-blue-500": "#0066FF",
+  "--origo-color-base-blue-900": "#002966",
+  "--origo-color-base-neutral-100": "#F5F5F5",
+  "--origo-color-base-neutral-900": "#1A1A1A",
+  "--origo-spacing-base-1": "4px",
+  "--origo-spacing-base-2": "8px",
+  "--origo-spacing-base-4": "16px",
+  "--origo-color-surface-primary": "var(--origo-color-base-blue-500)",
+  "--origo-color-surface-background": "var(--origo-color-base-neutral-100)",
+  "--origo-color-text-primary": "var(--origo-color-base-neutral-900)",
+  "--origo-color-text-inverse": "var(--origo-color-base-neutral-100)",
+  "--origo-spacing-container-padding": "var(--origo-spacing-base-4)"
+};

package/tokens.json

@@ -0,0 +1,15 @@
+{
+  "--origo-color-base-blue-100": "#E6F0FF",
+  "--origo-color-base-blue-500": "#0066FF",
+  "--origo-color-base-blue-900": "#002966",
+  "--origo-color-base-neutral-100": "#F5F5F5",
+  "--origo-color-base-neutral-900": "#1A1A1A",
+  "--origo-spacing-base-1": "4px",
+  "--origo-spacing-base-2": "8px",
+  "--origo-spacing-base-4": "16px",
+  "--origo-color-surface-primary": "var(--origo-color-base-blue-500)",
+  "--origo-color-surface-background": "var(--origo-color-base-neutral-100)",
+  "--origo-color-text-primary": "var(--origo-color-base-neutral-900)",
+  "--origo-color-text-inverse": "var(--origo-color-base-neutral-100)",
+  "--origo-spacing-container-padding": "var(--origo-spacing-base-4)"
+}