@yamada-ui/cli 2.0.0-dev-20250821011016 → 2.0.0-dev-20250823155214

package/dist/index.js

@@ -10,7 +10,7 @@ import path from "node:path";
 import { format, promisify } from "node:util";
 import os from "node:os";
 import fs, { existsSync, realpathSync, statSync } from "fs";
-import os$1 from "os";
+import os$1, { tmpdir } from "os";
 import path$1 from "path";
 import fs$1 from "node:fs";
 import tty from "node:tty";
@@ -18,12 +18,12 @@ import semverDiff from "semver/functions/diff.js";
 import semverGt from "semver/functions/gt.js";
 import semver from "semver";
 import boxen from "boxen";
-import { getObject, isArray, isObject, isString, isUndefined, merge, omitObject } from "@yamada-ui/utils";
-import { mkdir, readFile, readdir, writeFile } from "fs/promises";
+import { getObject, isArray, isObject, isString, isUndefined, merge, omitObject, toArray } from "@yamada-ui/utils";
+import { mkdir, mkdtemp, readFile, readdir, writeFile } from "fs/promises";
 import { Listr } from "listr2";
 import ora from "ora";
 import prompts from "prompts";
-import { execa } from "execa";
+import { ExecaError, execa } from "execa";
 import "validate-npm-package-name";
 import YAML from "yamljs";
 import { glob } from "glob";
@@ -34,8 +34,8 @@ import nodeEval from "node-eval";
 import { Script } from "vm";
 import { HttpsProxyAgent } from "https-proxy-agent";
 import fetch from "node-fetch";
-import { diffLines } from "diff";
 import { rimraf } from "rimraf";
+import { diffLines } from "diff";
 
 //#region rolldown:runtime
 var __create = Object.create;
@@ -5283,7 +5283,7 @@ var package_default = {
 
 //#endregion
 //#region src/utils/lint.ts
-async function lint(content, { cwd: cwd$3, enabled = true, filePath } = {}) {
+async function lintText(content, { cwd: cwd$3, enabled = true, filePath } = {}) {
 	if (!enabled) return content;
 	try {
 		const eslint = new ESLint({
@@ -5297,10 +5297,21 @@ async function lint(content, { cwd: cwd$3, enabled = true, filePath } = {}) {
 		return content;
 	}
 }
+async function lintFiles(patterns, { cwd: cwd$3, enabled = true } = {}) {
+	if (!enabled) return;
+	try {
+		const eslint = new ESLint({
+			cwd: cwd$3,
+			fix: true
+		});
+		const results = await eslint.lintFiles(patterns);
+		await ESLint.outputFixes(results);
+	} catch {}
+}
 
 //#endregion
 //#region src/utils/prettier.ts
-async function format$2(content, { configPath, enabled = true,...options } = {}) {
+async function formatText(content, { configPath, enabled = true,...options } = {}) {
 	if (!enabled) return content;
 	try {
 		configPath ??= await resolveConfigFile();
@@ -5314,6 +5325,15 @@ async function format$2(content, { configPath, enabled = true,...options } = {})
 		return content;
 	}
 }
+async function formatFiles(patterns, { enabled = true,...options } = {}) {
+	if (!enabled) return;
+	patterns = toArray(patterns);
+	await Promise.all(patterns.map(async (pattern) => {
+		let content = await readFile(pattern, "utf-8");
+		content = await formatText(content, options);
+		await writeFile(pattern, content, "utf-8");
+	}));
+}
 
 //#endregion
 //#region src/utils/fs.ts
@@ -5326,13 +5346,13 @@ async function isWriteable(directory) {
 		return false;
 	}
 }
-async function writeFile$1(path$9, content, { format: formatConfig, lint: lintConfig,...rest } = {}) {
-	content = await lint(content, {
-		cwd: rest.cwd ?? cwd,
-		...lintConfig
+async function writeFile$1(path$9, content, options = {}) {
+	await writeFile(path$9, content, options.encoding ?? "utf-8");
+	await lintFiles(path$9, {
+		cwd: options.cwd ?? cwd,
+		...options.lint
 	});
-	content = await format$2(content, formatConfig);
-	await writeFile(path$9, content, rest.encoding ?? "utf-8");
+	await formatFiles(path$9, options.format);
 }
 async function writeFileSafe(path$9, content, options) {
 	if (path$9.includes("/")) {
@@ -5343,9 +5363,9 @@ async function writeFileSafe(path$9, content, options) {
 }
 async function validateDir(path$9) {
 	const writeable = await isWriteable(path$9);
-	if (!writeable) throw new Error(`The path ${path$9} does not writeable. Please check the permissions.`);
-	if (!existsSync(path$9)) throw new Error(`The path ${path$9} does not exist. Please try again.`);
-	if (!statSync(path$9).isDirectory()) throw new Error(`The path ${path$9} is not a directory. Please try again.`);
+	if (!writeable) throw new Error(`The path ${c.yellow(path$9)} does not writeable. Please check the permissions.`);
+	if (!existsSync(path$9)) throw new Error(`The path ${c.yellow(path$9)} does not exist. Please try again.`);
+	if (!statSync(path$9).isDirectory()) throw new Error(`The path ${c.yellow(path$9)} is not a directory. Please try again.`);
 	return true;
 }
 function timer() {
@@ -5361,10 +5381,9 @@ function timer() {
 		start
 	};
 }
-async function getComponentFiles(componentName, { srcPath }) {
+async function getFiles(pattern) {
 	const files$1 = {};
-	const [dirPath] = await glob(path$1.join(srcPath, "**", componentName));
-	if (!dirPath) return files$1;
+	const [dirPath] = await glob(pattern);
 	const dirents = await readdir(dirPath, { withFileTypes: true });
 	await Promise.all(dirents.map(async (dirent) => {
 		const name$1 = dirent.name;
@@ -5376,13 +5395,16 @@ async function getComponentFiles(componentName, { srcPath }) {
 				const data$1 = await readFile(targetPath, "utf-8");
 				files$1[`${name$1}/${dirent$1.name}`] = data$1;
 			}));
-		} else {
+		} else if (!name$1.endsWith(".json")) {
 			const targetPath = path$1.join(dirent.parentPath, dirent.name);
 			const data = await readFile(targetPath, "utf-8");
 			files$1[name$1] = data;
 		}
 	}));
-	return files$1;
+	return {
+		dirPath,
+		files: files$1
+	};
 }
 
 //#endregion
@@ -5480,6 +5502,16 @@ async function installDependencies(dependencies$1, { cwd: cwd$3, dev, exact = tr
 		stdout: "ignore"
 	});
 }
+async function uninstallDependencies(dependencies$1, { cwd: cwd$3 } = {}) {
+	const packageManager = getPackageManager();
+	if (dependencies$1.length) {
+		const command = packageManager === "npm" ? "uninstall" : "remove";
+		await execa(packageManager, [command, ...dependencies$1], {
+			cwd: cwd$3,
+			stdout: "ignore"
+		});
+	}
+}
 async function addWorkspace(cwd$3, workspacePath, config$1) {
 	const packageManager = getPackageManager();
 	switch (packageManager) {
@@ -5515,12 +5547,12 @@ async function addWorkspace(cwd$3, workspacePath, config$1) {
 
 //#endregion
 //#region src/utils/config.ts
-async function getConfig(cwd$3, configPath, { format: format$3, lint: lint$1 } = {}) {
+async function getConfig(cwd$3, configPath, { format: format$2, lint } = {}) {
 	try {
-		const data = await readFile(path$1.resolve(cwd$3, configPath), "utf8");
+		const data = await readFile(path$1.resolve(cwd$3, configPath), "utf-8");
 		const userConfig = JSON.parse(data);
-		if (!isUndefined(format$3)) userConfig.format = { enabled: format$3 };
-		if (!isUndefined(lint$1)) userConfig.lint = { enabled: lint$1 };
+		if (!isUndefined(format$2)) userConfig.format = { enabled: format$2 };
+		if (!isUndefined(lint)) userConfig.lint = { enabled: lint };
 		const rootPath = path$1.resolve(cwd$3, userConfig.path ?? (userConfig.monorepo ? DEFAULT_PATH.monorepo : DEFAULT_PATH.polyrepo));
 		const src = existsSync(path$1.resolve(rootPath, "src"));
 		const srcPath = src ? path$1.resolve(rootPath, "src") : rootPath;
@@ -5529,8 +5561,12 @@ async function getConfig(cwd$3, configPath, { format: format$3, lint: lint$1 } =
 			const replacedSection = path$9.replace(/(\.\.\/|\.\/)/g, "").replace(/(^\/|\/$)/g, "");
 			return [section, replacedSection];
 		}));
-		userConfig.lint ??= {};
-		userConfig.lint.filePath ??= path$1.resolve(srcPath, "index.ts");
+		const indexPath = path$1.resolve(srcPath, "index.ts");
+		const registryPath = path$1.resolve(srcPath, REGISTRY_FILE_NAME);
+		if (userConfig.theme?.path) userConfig.theme.path = path$1.resolve(cwd$3, userConfig.theme.path);
+		function isSection(section) {
+			return SECTION_NAMES.includes(section);
+		}
 		function getSectionAbsolutePath(section) {
 			return path$1.resolve(srcPath, userConfig[section]?.path ?? DEFAULT_PATH[section]);
 		}
@@ -5569,6 +5605,9 @@ async function getConfig(cwd$3, configPath, { format: format$3, lint: lint$1 } =
 			getSection,
 			getSectionAbsolutePath,
 			getSectionPath,
+			indexPath,
+			isSection,
+			registryPath,
 			rootPath,
 			srcPath
 		};
@@ -5576,7 +5615,7 @@ async function getConfig(cwd$3, configPath, { format: format$3, lint: lint$1 } =
 		const packageManager = getPackageManager();
 		const { args, command } = packageExecuteCommands(packageManager);
 		const prefix = `${command}${args.length ? ` ${args.join(" ")}` : ""}`;
-		throw new Error(`No config found. Please run ${c.cyan(`${prefix} ${package_default.name}@latest init`)}.`);
+		throw new Error(`No ${c.yellow("config")} found. Please run ${c.cyan(`${prefix} ${package_default.name}@latest init`)}.`);
 	}
 }
 
@@ -5671,7 +5710,7 @@ async function fetchRegistries(names, config$1, { cache: cache$1 = true, depende
 			results[name$1] = await results[name$1];
 			const { dependencies: dependencies$1, dependents, section } = results[name$1];
 			const target = [];
-			if (section === "root" || section === "theme") return;
+			if (!config$1.isSection(section)) return;
 			withDependencies = withDependencies && (config$1[section]?.dependents ?? true);
 			withDependents = withDependents && (config$1[section]?.dependencies ?? false);
 			if (withDependencies && dependents) {
@@ -5691,6 +5730,9 @@ async function fetchRegistries(names, config$1, { cache: cache$1 = true, depende
 	await fetch$1(names);
 	return results;
 }
+async function fetchLocaleRegistry(path$9) {
+	return JSON.parse(await readFile(path$9, "utf-8"));
+}
 async function getGeneratedNameMap(config$1) {
 	const results = await Promise.all(SECTION_NAMES.map(async (section) => {
 		try {
@@ -5746,6 +5788,17 @@ function transformContent(targetSection, content, { getSection }, generatedNames
 	});
 	return content;
 }
+async function transformContentWithFormatAndLint(filePath, section, content, config$1, generatedNames) {
+	const { cwd: cwd$3, format: format$2, lint } = config$1;
+	content = transformContent(section, content, config$1, generatedNames);
+	content = await lintText(content, {
+		...lint,
+		cwd: cwd$3,
+		filePath
+	});
+	content = await formatText(content, format$2);
+	return content;
+}
 function transformTemplateContent(template, data) {
 	let content = template;
 	Object.entries(data).forEach(([key, value]) => {
@@ -5753,20 +5806,7 @@ function transformTemplateContent(template, data) {
 	});
 	return content;
 }
-async function generateSources(dirPath, { section, sources }, config$1, generatedNames = []) {
-	await Promise.all(sources.map(async ({ name: fileName, content, data, template }) => {
-		const targetPath = path$1.resolve(dirPath, fileName);
-		if (content) {
-			content = transformContent(section, content, config$1, generatedNames);
-			await writeFileSafe(targetPath, content, config$1);
-		} else if (template && data) await Promise.all(data.map(async ({ name: fileName$1,...rest }) => {
-			content = transformTemplateContent(template, rest);
-			content = transformContent(section, content, config$1, generatedNames);
-			await writeFileSafe(path$1.resolve(targetPath, fileName$1), content, config$1);
-		}));
-	}));
-}
-function replaceIndex(generatedNames, content, { getSection }) {
+function transformIndex(generatedNames, content, { getSection }) {
 	const matches = content.matchAll(/from\s+["']([^"']+)["']/g);
 	matches.forEach((match) => {
 		const [searchValue, value] = match;
@@ -5791,10 +5831,36 @@ function replaceIndex(generatedNames, content, { getSection }) {
 	});
 	return content;
 }
+async function transformIndexWithFormatAndLint(content, config$1, generatedNames) {
+	const { cwd: cwd$3, format: format$2, lint } = config$1;
+	content = transformIndex(generatedNames, content, config$1);
+	content = await lintText(content, {
+		...lint,
+		cwd: cwd$3,
+		filePath: config$1.indexPath
+	});
+	content = await formatText(content, format$2);
+	return content;
+}
+async function generateSource(dirPath, section, { name: fileName, content, data, template }, config$1, generatedNames = []) {
+	const targetPath = path$1.resolve(dirPath, fileName);
+	if (content) {
+		content = transformContent(section, content, config$1, generatedNames);
+		await writeFileSafe(targetPath, content, config$1);
+	} else if (template && data) await Promise.all(data.map(async ({ name: fileName$1,...rest }) => {
+		const content$1 = transformContent(section, transformTemplateContent(template, rest), config$1, generatedNames);
+		await writeFileSafe(path$1.resolve(targetPath, fileName$1), content$1, config$1);
+	}));
+}
+async function generateSources(dirPath, registry, config$1, generatedNames = []) {
+	await Promise.all([...registry.sources.map((source) => generateSource(dirPath, registry.section, source, config$1, generatedNames)), writeFileSafe(path$1.resolve(dirPath, REGISTRY_FILE_NAME), JSON.stringify(registry), merge(config$1, { format: { parser: "json" } }))]);
+}
 
 //#endregion
 //#region src/constant.ts
 const CONFIG_FILE_NAME = "ui.json";
+const REGISTRY_FILE_NAME = "registry.json";
+const THEME_PATH = "./theme";
 const DEFAULT_PACKAGE_NAME = "@workspaces/ui";
 const REGISTRY_URL = "https://v2.yamada-ui.com/registry/v2";
 const DEFAULT_PATH = {
@@ -5863,23 +5929,22 @@ const TSCONFIG_JSON = {
 
 //#endregion
 //#region src/commands/add/index.ts
-const add = new Command("add").description("Add a component to your project").argument("[components...]", "Components to add").option("--cwd <path>", "Current working directory", cwd).option("-c, --config <path>", "Path to the config file", CONFIG_FILE_NAME).option("-o, --overwrite", "overwrite existing files.", false).option("-i, --install", "Install dependencies", false).option("-f, --format", "Format the output files.", false).option("-l, --lint", "Lint the output files.", false).action(async function(componentNames, { config: configPath, cwd: cwd$3, format: format$3, install, lint: lint$1, overwrite }) {
+const add = new Command("add").description("add a component to your project").argument("[components...]", "components to add").option("--cwd <path>", "current working directory", cwd).option("-c, --config <path>", "path to the config file", CONFIG_FILE_NAME).option("-o, --overwrite", "overwrite existing files.", false).option("-i, --install", "install dependencies", false).option("-s, --sequential", "run tasks sequentially.", false).option("-f, --format", "format the output files.").option("-l, --lint", "lint the output files.").action(async function(componentNames, { config: configPath, cwd: cwd$3, format: format$2, install, lint, overwrite, sequential }) {
 	const spinner = ora();
 	try {
 		const { end } = timer();
-		const all = !componentNames.length;
 		spinner.start("Validating directory");
 		await validateDir(cwd$3);
 		spinner.succeed("Validated directory");
 		spinner.start("Fetching config");
 		const config$1 = await getConfig(cwd$3, configPath, {
-			format: format$3,
-			lint: lint$1
+			format: format$2,
+			lint
 		});
 		spinner.succeed("Fetched config");
 		let generatedNameMap;
 		const omittedGeneratedNames = [];
-		if (all) {
+		if (!componentNames.length) {
 			const { proceed } = await prompts({
 				type: "confirm",
 				name: "proceed",
@@ -5919,8 +5984,8 @@ const add = new Command("add").description("Add a component to your project").ar
 		}
 		spinner.start("Fetching registries");
 		const registries = await fetchRegistries(componentNames, config$1, {
-			dependencies: !all,
-			dependents: !all,
+			dependencies: !!componentNames.length,
+			dependents: !!componentNames.length,
 			omit: omittedGeneratedNames
 		});
 		const registryNames = Object.keys(registries);
@@ -5931,9 +5996,19 @@ const add = new Command("add").description("Add a component to your project").ar
 			...dependents?.providers ?? []
 		]).flat().filter((dependent) => omittedGeneratedNames.includes(dependent)))];
 		spinner.succeed("Fetched registries");
+		if (componentNames.length !== registryNames.length) {
+			const colorizedNames = registryNames.map((name$1) => c.yellow(name$1));
+			const { proceed } = await prompts({
+				type: "confirm",
+				name: "proceed",
+				initial: true,
+				message: c.reset(`The following components will be added: ${colorizedNames.join(", ")}. Do you want to add them?`)
+			});
+			if (!proceed) process.exit(0);
+		}
 		const targetNames = [...new Set([...omittedGeneratedNames, ...registryNames])];
 		const tasks = new Listr(Object.entries(registries).map(([name$1, registry]) => {
-			if (registry.section === "root" || registry.section === "theme") return;
+			if (!config$1.isSection(registry.section)) return;
 			const sectionPath = config$1.getSectionAbsolutePath(registry.section);
 			const dirPath = path$1.join(sectionPath, name$1);
 			return {
@@ -5943,36 +6018,17 @@ const add = new Command("add").description("Add a component to your project").ar
 				},
 				title: `Generating ${c.cyan(name$1)}`
 			};
-		}).filter((task) => !isUndefined(task)), { concurrent: true });
-		if (existsSync(path$1.resolve(config$1.srcPath, "index.ts"))) tasks.add({
-			task: async (_, task) => {
-				const targetPath = path$1.resolve(config$1.srcPath, "index.ts");
-				const content = replaceIndex(targetNames, await readFile(targetPath, "utf-8"), config$1);
-				await writeFileSafe(targetPath, content, config$1);
-				task.title = `Updated ${c.cyan("index.ts")}`;
-			},
-			title: `Updating ${c.cyan("index.ts")}`
-		});
-		else tasks.add({
-			task: async (_, task) => {
-				const { sources } = await fetchRegistry("index");
-				const targetPath = path$1.resolve(config$1.srcPath, "index.ts");
-				const content = replaceIndex(targetNames, sources[0].content, config$1);
-				await writeFileSafe(targetPath, content, config$1);
-				task.title = `Generated ${c.cyan("index.ts")}`;
-			},
-			title: `Generating ${c.cyan("index.ts")}`
-		});
+		}).filter((task) => !isUndefined(task)), { concurrent: !sequential });
 		if (affectedNames.length && generatedNameMap) {
 			if (!overwrite) {
 				const colorizedNames = affectedNames.map((name$1) => c.yellow(name$1));
-				const { update } = await prompts({
+				const { update: update$1 } = await prompts({
 					type: "confirm",
 					name: "update",
 					initial: true,
 					message: c.reset([`The following generated files will be updated: ${colorizedNames.join(", ")}.`, "Do you want to update them?"].join(" "))
 				});
-				if (update) overwrite = update;
+				if (update$1) overwrite = update$1;
 			}
 			if (overwrite) Object.entries(generatedNameMap).forEach(([section, names]) => {
 				names.forEach((name$1) => {
@@ -5995,6 +6051,23 @@ const add = new Command("add").description("Add a component to your project").ar
 				});
 			});
 		}
+		if (existsSync(config$1.indexPath)) tasks.add({
+			task: async (_, task) => {
+				const content = transformIndex(targetNames, await readFile(config$1.indexPath, "utf-8"), config$1);
+				await writeFileSafe(config$1.indexPath, content, config$1);
+				task.title = `Updated ${c.cyan("index.ts")}`;
+			},
+			title: `Updating ${c.cyan("index.ts")}`
+		});
+		else tasks.add({
+			task: async (_, task) => {
+				const { sources: [source] } = await fetchRegistry("index");
+				const content = transformIndex(targetNames, source.content, config$1);
+				await writeFileSafe(config$1.indexPath, content, config$1);
+				task.title = `Generated ${c.cyan("index.ts")}`;
+			},
+			title: `Generating ${c.cyan("index.ts")}`
+		});
 		if (dependencies$1.length) {
 			const targetPath = config$1.monorepo ? config$1.rootPath : cwd$3;
 			spinner.start(`Checking ${c.cyan("package.json")} dependencies`);
@@ -6028,125 +6101,386 @@ const add = new Command("add").description("Add a component to your project").ar
 });
 
 //#endregion
-//#region src/commands/diff/index.ts
-async function getData(componentNames, config$1) {
-	const data = {};
-	const registries = {};
-	const tasks = new Listr([...componentNames.map((componentName) => ({
+//#region src/commands/update/print-conflicts.ts
+function printConflicts(conflictMap, config$1) {
+	Object.entries(conflictMap).forEach(([name$1, files$1]) => {
+		if (name$1 === "index") console.log(`- ${c.yellow("index.ts")}: ${config$1.indexPath.replace(`${config$1.cwd}/`, "")}`);
+		else {
+			console.log(`- ${name$1}`);
+			Object.entries(files$1).forEach(([fileName, path$9]) => {
+				console.log(`  - ${c.yellow(fileName)}: ${path$9.replace(`${config$1.cwd}/`, "")}`);
+			});
+		}
+	});
+}
+
+//#endregion
+//#region src/commands/diff/get-diff.ts
+function getFilePath(section, name$1, fileName, config$1) {
+	return config$1.isSection(section) ? path$1.join(config$1.getSectionAbsolutePath(section), name$1, fileName) : path$1.join(config$1.srcPath, section === "theme" ? name$1 : "", fileName);
+}
+async function getDiff(generatedNames, { locale, remote }, config$1, concurrent = true) {
+	const changes = {};
+	const tasks = new Listr(Object.entries(remote).map(([componentName, { section, sources }]) => ({
+		task: async (_, task) => {
+			const localeRegistry = locale[componentName];
+			if (componentName === "index") {
+				const [source] = sources;
+				const fileName = source.name;
+				const [remoteContent, localeContent] = await Promise.all([transformIndexWithFormatAndLint(source.content, config$1, generatedNames), transformIndexWithFormatAndLint(localeRegistry.sources[0].content, config$1, generatedNames)]);
+				const diff$1 = diffLines(localeContent, remoteContent);
+				if (diff$1.length < 2) return;
+				changes[componentName] ??= {};
+				changes[componentName][fileName] = diff$1;
+			} else await Promise.all(sources.map(async ({ name: name$1, content, data, template }) => {
+				const filePath = getFilePath(section, componentName, name$1, config$1);
+				const source = localeRegistry.sources.find((source$1) => source$1.name === name$1);
+				if (content) if (source) {
+					const [remoteContent, localeContent] = await Promise.all([transformContentWithFormatAndLint(filePath, section, content, config$1, generatedNames), transformContentWithFormatAndLint(filePath, section, source.content, config$1, generatedNames)]);
+					const diff$1 = diffLines(localeContent, remoteContent);
+					if (diff$1.length < 2) return;
+					changes[componentName] ??= {};
+					changes[componentName][name$1] = diff$1;
+				} else {
+					const remoteContent = transformContent(section, content, config$1, generatedNames);
+					changes[componentName] ??= {};
+					changes[componentName][name$1] = [{
+						added: true,
+						count: remoteContent.length,
+						removed: false,
+						value: remoteContent
+					}];
+				}
+				else if (template && data) await Promise.all(data.map(async ({ name: fileName,...remoteRest }) => {
+					const localeData = source?.data?.find(({ name: name$2 }) => name$2 === fileName);
+					if (localeData) {
+						if (template === source?.template) return;
+						const { name: _name,...localeRest } = localeData;
+						const [remoteContent, localeContent] = await Promise.all([transformContentWithFormatAndLint(path$1.join(filePath, fileName), section, transformTemplateContent(template, remoteRest), config$1, generatedNames), transformContentWithFormatAndLint(path$1.join(filePath, fileName), section, transformTemplateContent(source.template, localeRest), config$1, generatedNames)]);
+						const diff$1 = diffLines(localeContent, remoteContent);
+						if (diff$1.length < 2) return;
+						changes[componentName] ??= {};
+						changes[componentName][`${name$1}/${fileName}`] = diff$1;
+					} else {
+						const remoteContent = transformContent(section, transformTemplateContent(template, remoteRest), config$1, generatedNames);
+						changes[componentName] ??= {};
+						changes[componentName][`${name$1}/${fileName}`] = [{
+							added: true,
+							count: remoteContent.length,
+							removed: false,
+							value: remoteContent
+						}];
+					}
+				}));
+			}));
+			task.title = `Checked ${c.cyan(componentName)}`;
+		},
+		title: `Checking ${c.cyan(componentName)}`
+	})), { concurrent });
+	await tasks.run();
+	return changes;
+}
+
+//#endregion
+//#region src/commands/update/update-files.ts
+async function mergeContent(remotePath, localePath, currentPath, fallback) {
+	let content = "";
+	let conflict = false;
+	try {
+		const { stdout } = await execa("diff3", [
+			"-m",
+			remotePath,
+			localePath,
+			currentPath
+		]);
+		content = stdout;
+	} catch (e) {
+		if (e instanceof ExecaError) if (e.stdout) {
+			conflict = true;
+			content = e.stdout;
+		} else content = fallback;
+	}
+	content = content.replaceAll(remotePath, "remote");
+	content = content.replaceAll(localePath, "locale");
+	content = content.replaceAll(currentPath, "current");
+	content = content.replace(/\|\|\|\|\|\|\|[\s\S]*?=======/g, "=======");
+	return {
+		conflict,
+		content
+	};
+}
+async function updateFiles(generatedNames, { locale, remote }, config$1, { concurrent = true, install = false } = {}) {
+	const conflictMap = {};
+	const notInstalledDependencies = [];
+	const shouldUninstallDependencies = [];
+	const disabledFormatAndLint = {
+		format: { enabled: false },
+		lint: { enabled: false }
+	};
+	const tasks = new Listr(Object.entries(remote).map(([componentName, { dependencies: dependencies$1, section, sources }]) => ({
+		task: async (_, task) => {
+			const tempDirPath = await mkdtemp(path$1.join(tmpdir(), `yamada-ui-${componentName}-`));
+			const localeRegistry = locale[componentName];
+			if (dependencies$1 || localeRegistry.dependencies) {
+				const add$1 = dependencies$1?.externals.filter((name$1) => !localeRegistry.dependencies?.externals.includes(name$1)) ?? [];
+				const remove = localeRegistry.dependencies?.externals.filter((name$1) => !dependencies$1?.externals.includes(name$1)) ?? [];
+				notInstalledDependencies.push(...add$1);
+				shouldUninstallDependencies.push(...remove);
+			}
+			try {
+				if (componentName === "index") {
+					const [source] = sources;
+					const fileName = source.name;
+					const remotePath = path$1.join(tempDirPath, `remote-${fileName}`);
+					const localePath = path$1.join(tempDirPath, `locale-${fileName}`);
+					const [remoteContent, localeContent] = await Promise.all([transformIndexWithFormatAndLint(sources[0].content, config$1, generatedNames), transformIndexWithFormatAndLint(localeRegistry.sources[0].content, config$1, generatedNames)]);
+					await Promise.all([writeFileSafe(remotePath, remoteContent, disabledFormatAndLint), writeFileSafe(localePath, localeContent, disabledFormatAndLint)]);
+					const { conflict, content: mergedContent } = await mergeContent(remotePath, localePath, config$1.indexPath, remoteContent);
+					await writeFileSafe(config$1.indexPath, mergedContent, conflict ? merge(config$1, disabledFormatAndLint) : config$1);
+					if (conflict) {
+						conflictMap[componentName] ??= {};
+						conflictMap[componentName][fileName] = config$1.indexPath;
+					}
+				} else await Promise.all(sources.map(async ({ name: name$1, content, data, template }) => {
+					const currentPath = getFilePath(section, componentName, name$1, config$1);
+					const source = localeRegistry.sources.find((source$1) => source$1.name === name$1);
+					if (content) if (source) {
+						const remotePath = path$1.join(tempDirPath, `remote-${name$1}`);
+						const localePath = path$1.join(tempDirPath, `locale-${name$1}`);
+						const [remoteContent, localeContent] = await Promise.all([transformContentWithFormatAndLint(currentPath, section, content, config$1, generatedNames), transformContentWithFormatAndLint(currentPath, section, source.content, config$1, generatedNames)]);
+						await Promise.all([writeFileSafe(remotePath, remoteContent, disabledFormatAndLint), writeFileSafe(localePath, localeContent, disabledFormatAndLint)]);
+						const { conflict, content: mergedContent } = await mergeContent(remotePath, localePath, currentPath, remoteContent);
+						await writeFileSafe(currentPath, mergedContent, conflict ? merge(config$1, disabledFormatAndLint) : config$1);
+						if (conflict) {
+							conflictMap[componentName] ??= {};
+							conflictMap[componentName][name$1] = currentPath;
+						}
+					} else {
+						const remoteContent = transformContent(section, content, config$1, generatedNames);
+						await writeFileSafe(currentPath, remoteContent, config$1);
+					}
+					else if (template && data) await Promise.all(data.map(async ({ name: fileName,...remoteRest }) => {
+						const currentFilePath = path$1.join(currentPath, fileName);
+						const localeData = source?.data?.find(({ name: name$2 }) => name$2 === fileName);
+						if (localeData) {
+							if (template === source.template) return;
+							const { name: _name,...localeRest } = localeData;
+							const remotePath = path$1.join(tempDirPath, `remote-${name$1}-${fileName}`);
+							const localePath = path$1.join(tempDirPath, `locale-${name$1}-${fileName}`);
+							const [remoteContent, localeContent] = await Promise.all([transformContentWithFormatAndLint(currentFilePath, section, transformTemplateContent(template, remoteRest), config$1, generatedNames), transformContentWithFormatAndLint(currentFilePath, section, transformTemplateContent(source.template, localeRest), config$1, generatedNames)]);
+							await Promise.all([writeFileSafe(remotePath, remoteContent, disabledFormatAndLint), writeFileSafe(localePath, localeContent, disabledFormatAndLint)]);
+							const { conflict, content: mergedContent } = await mergeContent(remotePath, localePath, currentFilePath, remoteContent);
+							await writeFileSafe(currentFilePath, mergedContent, conflict ? merge(config$1, disabledFormatAndLint) : config$1);
+							if (conflict) {
+								conflictMap[componentName] ??= {};
+								conflictMap[componentName][`${name$1}/${fileName}`] = currentFilePath;
+							}
+						} else {
+							const remoteContent = transformContent(section, transformTemplateContent(template, remoteRest), config$1, generatedNames);
+							await writeFileSafe(currentFilePath, remoteContent, config$1);
+						}
+					}));
+				}));
+			} catch {} finally {
+				await rimraf(tempDirPath);
+			}
+			task.title = `Changed ${c.cyan(componentName)}`;
+		},
+		title: `Changing ${c.cyan(componentName)}`
+	})), { concurrent });
+	await tasks.run();
+	if (!install && (notInstalledDependencies.length || shouldUninstallDependencies.length)) {
+		const { install: install$1 } = await prompts({
+			type: "confirm",
+			name: "install",
+			initial: true,
+			message: c.reset("There are dependency updates. Do you want to install them?")
+		});
+		if (!install$1) return conflictMap;
+	}
+	const cwd$3 = config$1.monorepo ? config$1.rootPath : config$1.cwd;
+	if (shouldUninstallDependencies.length) await uninstallDependencies(shouldUninstallDependencies.map((value) => splitVersion(value)[0]), { cwd: cwd$3 });
+	if (notInstalledDependencies.length) await installDependencies(notInstalledDependencies, { cwd: cwd$3 });
+	return conflictMap;
+}
+
+//#endregion
+//#region src/commands/diff/get-registries-and-files.ts
+async function getRegistriesAndFiles(componentNames, config$1, { concurrent = true, index = false, theme: theme$1 = false } = {}) {
+	const fileMap = {};
+	const registries = {
+		locale: {},
+		remote: {}
+	};
+	const tasks = new Listr([], { concurrent });
+	if (index) tasks.add([{
+		task: async (_, task) => {
+			fileMap.index = { "index.ts": await readFile(config$1.indexPath, "utf-8") };
+			registries.locale.index = await fetchLocaleRegistry(config$1.registryPath);
+			task.title = `Got ${c.cyan("index")} file`;
+		},
+		title: `Getting ${c.cyan("index")} file`
+	}, {
+		task: async (_, task) => {
+			registries.remote.index = await fetchRegistry("index");
+			task.title = `Fetched ${c.cyan("index")} registry`;
+		},
+		title: `Fetching ${c.cyan("index")} registry`
+	}]);
+	if (theme$1) tasks.add([{
 		task: async (_, task) => {
-			data[componentName] = await getComponentFiles(componentName, config$1);
+			if (!config$1.theme?.path) return;
+			const { dirPath, files: files$1 } = await getFiles(config$1.theme.path);
+			fileMap.theme = files$1;
+			registries.locale.theme = await fetchLocaleRegistry(path$1.join(dirPath, REGISTRY_FILE_NAME));
+			task.title = `Got ${c.cyan("theme")} files`;
+		},
+		title: `Getting ${c.cyan("theme")} files`
+	}, {
+		task: async (_, task) => {
+			registries.remote.theme = await fetchRegistry("theme");
+			task.title = `Fetched ${c.cyan("theme")} registry`;
+		},
+		title: `Fetching ${c.cyan("theme")} registry`
+	}]);
+	tasks.add(componentNames.map((componentName) => [{
+		task: async (_, task) => {
+			const { dirPath, files: files$1 } = await getFiles(path$1.join(config$1.srcPath, "**", componentName));
+			fileMap[componentName] = files$1;
+			registries.locale[componentName] = await fetchLocaleRegistry(path$1.join(dirPath, REGISTRY_FILE_NAME));
 			task.title = `Got ${c.cyan(componentName)} files`;
 		},
 		title: `Getting ${c.cyan(componentName)} files`
-	})), ...componentNames.map((componentName) => ({
+	}, {
 		task: async (_, task) => {
-			registries[componentName] = await fetchRegistry(componentName);
+			registries.remote[componentName] = await fetchRegistry(componentName);
 			task.title = `Fetched ${c.cyan(componentName)} registry`;
 		},
 		title: `Fetching ${c.cyan(componentName)} registry`
-	}))], { concurrent: true });
+	}]).flat());
 	await tasks.run();
 	return {
-		data,
+		fileMap,
 		registries
 	};
 }
-async function getDiff(generatedNames, data, registries, config$1) {
-	const changes = {};
-	await Promise.all(Object.entries(data).map(async ([name$1, files$1]) => {
-		const registry = registries[name$1];
-		if (!registry) return;
-		await Promise.all(Object.entries(files$1).map(async ([fileName, file$1]) => {
-			const registryFile = registry.sources.find(({ name: name$2 }) => name$2 === fileName);
-			if (!registryFile?.content) return;
-			const content = await format$2(transformContent(registry.section, registryFile.content, config$1, generatedNames));
-			const diff$1 = diffLines(file$1, content);
-			if (diff$1.length < 2) return;
-			changes[name$1] ??= {};
-			changes[name$1][fileName] = diff$1;
-		}));
-	}));
-	return changes;
+
+//#endregion
+//#region src/commands/diff/print-diff.ts
+function printDiff(diff$1, detail = false) {
+	if (!diff$1) return;
+	Object.entries(diff$1).forEach(([fileName, diff$2]) => {
+		console.log(`- ${c.cyan(fileName)}`);
+		console.log("");
+		diff$2.forEach(({ added, removed, value }) => {
+			if (added) return process.stdout.write(c.green(value));
+			else if (removed) return process.stdout.write(c.red(value));
+			else if (detail) return process.stdout.write(value);
+		});
+	});
+}
+function printDiffFiles(name$1, diff$1) {
+	if (!diff$1) return;
+	console.log(`- ${name$1}`);
+	Object.entries(diff$1).forEach(([fileName, changes]) => {
+		printDiffFile(fileName, changes, "  ");
+	});
 }
-const diff = new Command("diff").description("Check for updates against the registry").argument("[component]", "Component to check").option("--cwd <path>", "Current working directory", cwd).option("-c, --config <path>", "Path to the config file", CONFIG_FILE_NAME).option("-d, --detail", "Show detailed changes", false).action(async function(componentName, { config: configPath, cwd: cwd$3, detail = false }) {
+function printDiffFile(name$1, changes = [], space = "") {
+	const added = changes.reduce((prev, { added: added$1, count }) => {
+		if (added$1) return prev + count;
+		return prev;
+	}, 0);
+	const removed = changes.reduce((prev, { count, removed: removed$1 }) => {
+		if (removed$1) return prev + count;
+		return prev;
+	}, 0);
+	console.log(`${space}- ${c.cyan(name$1)} ${c.green(added)} insertions ${c.red(removed)} deletions`);
+}
+
+//#endregion
+//#region src/commands/diff/index.ts
+const diff = new Command("diff").description("check for updates against the registry").argument("[component]", "component to check").option("--cwd <path>", "current working directory", cwd).option("-c, --config <path>", "path to the config file", CONFIG_FILE_NAME).option("-s, --sequential", "run tasks sequentially.", false).option("-d, --detail", "show detailed changes", false).action(async function(targetName, { config: configPath, cwd: cwd$3, detail, sequential }) {
 	const spinner = ora();
 	try {
 		const { end } = timer();
 		const packageManager = getPackageManager();
 		const { args, command } = packageExecuteCommands(packageManager);
 		const prefix = `${command}${args.length ? ` ${args.join(" ")}` : ""}`;
-		const addCommand = c.cyan(`${prefix} ${package_default.name}@latest add`);
-		const diffCommand = c.cyan(`${prefix} ${package_default.name}@latest diff`);
+		const getCommand = (command$1) => c.cyan(`${prefix} ${package_default.name}@latest ${command$1}`);
 		spinner.start("Validating directory");
 		await validateDir(cwd$3);
 		spinner.succeed("Validated directory");
 		spinner.start("Fetching config");
 		const config$1 = await getConfig(cwd$3, configPath);
 		spinner.succeed("Fetched config");
-		const componentNames = [];
 		spinner.start("Getting generated components");
+		const componentNames = [];
 		const generatedNameMap = await getGeneratedNameMap(config$1);
 		const generatedNames = Object.values(generatedNameMap).flat();
+		const existsTheme = !!config$1.theme?.path && existsSync(config$1.theme.path);
+		let index = targetName === "index";
+		let theme$1 = targetName === "theme";
 		spinner.succeed("Got generated components");
-		if (componentName) if (generatedNames.includes(componentName)) componentNames.push(componentName);
+		if (theme$1 && !existsTheme) throw new Error([
+			`No ${c.yellow("theme")} found.`,
+			`Please run ${getCommand("theme")}`,
+			"to generate it."
+		].join(" "));
+		if (!index && !theme$1) if (targetName) if (generatedNames.includes(targetName)) componentNames.push(targetName);
 		else throw new Error([
-			`No ${c.yellow(componentName)} found in generated components.`,
-			`Please run ${addCommand} ${c.green(componentName)}`,
+			`No ${c.yellow(targetName)} found in generated components.`,
+			`Please run ${getCommand("add")} ${c.green(targetName)}`,
 			"to add it."
 		].join(" "));
-		else componentNames.push(...generatedNames);
-		if (!componentNames.length) throw new Error([
+		else {
+			componentNames.push(...generatedNames);
+			index = true;
+			if (existsTheme) theme$1 = true;
+		}
+		if (!index && !theme$1 && !componentNames.length) throw new Error([
 			"No components found.",
-			`Please run ${addCommand} ${c.green("<component>")}`,
+			`Please run ${getCommand("add")} ${c.green("<component>")}`,
 			"to add components."
 		].join(" "));
-		const { data, registries } = await getData(componentNames, config$1);
-		const changes = await getDiff(generatedNames, data, registries, config$1);
+		const { registries } = await getRegistriesAndFiles(componentNames, config$1, {
+			concurrent: !sequential,
+			index,
+			theme: theme$1
+		});
+		const changes = await getDiff(generatedNames, registries, config$1, !sequential);
 		const hasChanges = Object.keys(changes).length;
 		console.log("---------------------------------");
 		if (!hasChanges) console.log(c.cyan("No updates found."));
-		else if (componentName) {
-			const diff$1 = changes[componentName];
-			if (!diff$1) return;
-			Object.entries(diff$1).forEach(([fileName, diff$2], index) => {
-				if (!!index) console.log("");
-				console.log(`- ${c.cyan(fileName)}`);
-				console.log("");
-				diff$2.forEach(({ added, removed, value }) => {
-					if (added) return process.stdout.write(c.green(value));
-					else if (removed) return process.stdout.write(c.red(value));
-					else if (detail) return process.stdout.write(value);
-				});
-			});
-		} else {
-			componentNames.forEach((name$1) => {
-				const diff$1 = changes[name$1];
-				if (!diff$1) return;
-				console.log(`- ${name$1}`);
-				Object.entries(diff$1).forEach(([fileName, diff$2]) => {
-					const added = diff$2.reduce((prev, { added: added$1, count }) => {
-						if (added$1) return prev + count;
-						return prev;
-					}, 0);
-					const removed = diff$2.reduce((prev, { count, removed: removed$1 }) => {
-						if (removed$1) return prev + count;
-						return prev;
-					}, 0);
-					console.log(`  - ${c.cyan(fileName)} ${c.green(added)} insertions ${c.red(removed)} deletions`);
+		else {
+			if (targetName) printDiff(changes[targetName], detail);
+			else {
+				if (index) printDiffFile("index.ts", changes.index?.["index.ts"]);
+				if (theme$1) printDiffFiles("theme", changes.theme);
+				componentNames.forEach((name$1) => {
+					printDiffFiles(name$1, changes[name$1]);
 				});
+			}
+			console.log("---------------------------------");
+			const { update: update$1 } = await prompts({
+				type: "confirm",
+				name: "update",
+				initial: true,
+				message: c.reset("Do you want to update the files?")
 			});
-			console.log("");
-			console.log(boxen([
-				"Run",
-				c.cyan(diffCommand),
-				c.green("<component>"),
-				"to see the changes."
-			].join(" "), {
-				borderColor: "yellow",
-				borderStyle: "round",
-				padding: 1,
-				textAlignment: "center"
-			}));
+			if (update$1) {
+				const changeNames = Object.keys(changes);
+				const omittedRegistries = {
+					locale: Object.fromEntries(Object.entries(registries.locale).filter(([name$1]) => changeNames.includes(name$1))),
+					remote: Object.fromEntries(Object.entries(registries.remote).filter(([name$1]) => changeNames.includes(name$1)))
+				};
+				const conflictMap = await updateFiles(generatedNames, omittedRegistries, config$1, { concurrent: !sequential });
+				if (Object.keys(conflictMap).length) {
+					console.log("---------------------------------");
+					spinner.warn("There are conflicts. Please check the following files:");
+					printConflicts(conflictMap, config$1);
+				}
+			}
 		}
 		end();
 	} catch (e) {
@@ -6157,7 +6491,7 @@ const diff = new Command("diff").description("Check for updates against the regi
 
 //#endregion
 //#region src/commands/init/index.ts
-const init = new Command("init").description("Initialize your project and install dependencies").option("--cwd <path>", "Current working directory", cwd).option("-c, --config <path>", "Path to the config file", CONFIG_FILE_NAME).option("-o, --overwrite", "Overwrite existing files.", false).action(async function({ config: configPath, cwd: cwd$3, overwrite }) {
+const init = new Command("init").description("initialize your project and install dependencies").option("--cwd <path>", "current working directory", cwd).option("-c, --config <path>", "path to the config file", CONFIG_FILE_NAME).option("-o, --overwrite", "overwrite existing files.", false).action(async function({ config: configPath, cwd: cwd$3, overwrite }) {
 	const spinner = ora();
 	try {
 		const { end } = timer();
@@ -6167,7 +6501,7 @@ const init = new Command("init").description("Initialize your project and instal
 		configPath = path$1.resolve(cwd$3, configPath);
 		let dependencies$1;
 		let devDependencies$1;
-		let { src = true, format: format$3 = true, lint: lint$1 = true, monorepo = true, outdir = "", packageName = "" } = await prompts([
+		let { src = true, format: format$2 = true, lint = true, monorepo = true, outdir = "", packageName = "" } = await prompts([
 			{
 				type: "toggle",
 				name: "monorepo",
@@ -6219,8 +6553,8 @@ const init = new Command("init").description("Initialize your project and instal
 		packageName ||= DEFAULT_PACKAGE_NAME;
 		config$1.monorepo = monorepo;
 		config$1.path = outdir;
-		config$1.format = { enabled: format$3 };
-		config$1.lint = { enabled: lint$1 };
+		config$1.format = { enabled: format$2 };
+		config$1.lint = { enabled: lint };
 		const { generate } = await prompts({
 			type: "confirm",
 			name: "generate",
@@ -6285,10 +6619,10 @@ const init = new Command("init").description("Initialize your project and instal
 				},
 				{
 					task: async (_, task) => {
-						const targetPath = path$1.resolve(outdirPath, src ? "src" : "", "index.ts");
-						const { sources } = await fetchRegistry("index");
-						const content = sources[0].content;
-						await writeFileSafe(targetPath, content, config$1);
+						const targetPath = path$1.resolve(outdirPath, src ? "src" : "");
+						const registry = await fetchRegistry("index");
+						const content = registry.sources[0].content;
+						await Promise.all([writeFileSafe(path$1.join(targetPath, "index.ts"), content, config$1), writeFileSafe(path$1.join(targetPath, REGISTRY_FILE_NAME), JSON.stringify(registry), merge(config$1, { format: { parser: "json" } }))]);
 						task.title = `Generated ${c.cyan("index.ts")}`;
 					},
 					title: `Generating ${c.cyan("index.ts")}`
@@ -6325,10 +6659,9 @@ const init = new Command("init").description("Initialize your project and instal
 				title: `Checking ${c.cyan("package.json")} dependencies`
 			}, {
 				task: async (_, task) => {
-					const { sources } = await fetchRegistry("index");
-					const targetPath = path$1.resolve(outdirPath, "index.ts");
-					const content = sources[0].content;
-					await writeFileSafe(targetPath, content, config$1);
+					const registry = await fetchRegistry("index");
+					const content = registry.sources[0].content;
+					await Promise.all([writeFileSafe(path$1.resolve(outdirPath, "index.ts"), content, config$1), writeFileSafe(path$1.resolve(outdirPath, REGISTRY_FILE_NAME), JSON.stringify(registry), merge(config$1, { format: { parser: "json" } }))]);
 					task.title = `Generated ${c.cyan("index.ts")}`;
 				},
 				title: `Generating ${c.cyan("index.ts")}`
@@ -6380,6 +6713,67 @@ const init = new Command("init").description("Initialize your project and instal
 	}
 });
 
+//#endregion
+//#region src/commands/theme/index.ts
+const theme = new Command("theme").description("generate theme to your project").argument("[path]", "path to the theme directory").option("--cwd <path>", "current working directory", cwd).option("-c, --config <path>", "path to the config file", CONFIG_FILE_NAME).option("-o, --overwrite", "overwrite existing directory.", false).option("-f, --format", "format the output files.").option("-l, --lint", "lint the output files.").action(async function(themePath, { config: configPath, cwd: cwd$3, format: format$2, lint, overwrite }) {
+	const spinner = ora();
+	try {
+		const { end } = timer();
+		spinner.start("Validating directory");
+		await validateDir(cwd$3);
+		spinner.succeed("Validated directory");
+		spinner.start("Fetching config");
+		const config$1 = await getConfig(cwd$3, configPath, {
+			format: format$2,
+			lint
+		});
+		const themeAbsolutePath = themePath ? path$1.resolve(cwd$3, themePath) : config$1.theme?.path ?? path$1.resolve(cwd$3, THEME_PATH);
+		spinner.succeed("Fetched config");
+		if (!overwrite && existsSync(themeAbsolutePath)) {
+			const { overwrite: overwrite$1 } = await prompts({
+				type: "confirm",
+				name: "overwrite",
+				initial: false,
+				message: c.reset(`The directory already exists. Do you want to overwrite it?`)
+			});
+			if (!overwrite$1) process.exit(0);
+			spinner.start("Clearing directory");
+			await rimraf(themeAbsolutePath);
+			spinner.succeed("Cleared directory");
+		}
+		spinner.start("Fetching registry");
+		const registry = await fetchRegistry("theme");
+		spinner.succeed("Fetched registry");
+		const tasks = new Listr([{
+			task: async (_, task) => {
+				await Promise.all([...registry.sources.map(async ({ name: name$1, content }) => {
+					if (!content) return;
+					const targetPath = path$1.resolve(themeAbsolutePath, name$1);
+					await writeFileSafe(targetPath, content, config$1);
+				}), writeFileSafe(path$1.resolve(themeAbsolutePath, REGISTRY_FILE_NAME), JSON.stringify(registry), merge(config$1, { format: { parser: "json" } }))]);
+				task.title = `Generated theme`;
+			},
+			title: `Generating theme`
+		}, {
+			task: async (_, task) => {
+				const targetPath = path$1.resolve(cwd$3, configPath);
+				const data = await readFile(targetPath, "utf-8");
+				const userConfig = JSON.parse(data);
+				userConfig.theme ??= {};
+				userConfig.theme.path ??= themePath ?? THEME_PATH;
+				await writeFileSafe(targetPath, JSON.stringify(userConfig), merge(config$1, { format: { parser: "json" } }));
+				task.title = `Updated config`;
+			},
+			title: `Updating config`
+		}], { concurrent: true });
+		await tasks.run();
+		end();
+	} catch (e) {
+		if (e instanceof Error) spinner.fail(e.message);
+		else spinner.fail("An unknown error occurred");
+	}
+});
+
 //#endregion
 //#region src/commands/tokens/config.ts
 const config = [
@@ -6441,9 +6835,9 @@ function isTone(value) {
 function print(unions) {
 	return Object.entries(unions).sort(([a], [b]) => a.localeCompare(b)).map(([key, union]) => `${key}: ${!union.length ? "never" : union.map((value) => `"${value}"`).join(" | ")};`).join("\n");
 }
-function extractColorSchemes(theme, colorTokens = []) {
+function extractColorSchemes(theme$1, colorTokens = []) {
 	colorTokens.push("colorScheme.contrast", "colorScheme.fg", "colorScheme.subtle", "colorScheme.muted", "colorScheme.emphasized", "colorScheme.ghost", "colorScheme.solid", "colorScheme.outline");
-	const { colors, semanticTokens } = theme;
+	const { colors, semanticTokens } = theme$1;
 	const colorSchemes = [];
 	Object.entries(colors ?? {}).forEach(([key, value]) => {
 		if (!isTone(value)) return;
@@ -6467,8 +6861,8 @@ function extractColorSchemes(theme, colorTokens = []) {
 	});
 	return { colorSchemes };
 }
-function extractThemeSchemes(theme) {
-	const { themeSchemes } = theme;
+function extractThemeSchemes(theme$1) {
+	const { themeSchemes } = theme$1;
 	return Object.keys(themeSchemes ?? {});
 }
 function extractPaths(target, { maxDepth = Infinity, replaceKey = (key) => key, shouldProcess = () => true } = {}) {
@@ -6488,10 +6882,10 @@ function extractKeys(obj, key) {
 	if (!isObject(property)) return [];
 	return Object.keys(property);
 }
-function generateThemeTokens(theme, { internal = false, theme: { responsive = false } = {} }) {
+function generateThemeTokens(theme$1, { internal = false, theme: { responsive = false } = {} }) {
 	let shouldProcess = () => true;
-	if (responsive && isObject(theme.breakpoints)) {
-		const keys = ["base", ...Object.keys(theme.breakpoints)];
+	if (responsive && isObject(theme$1.breakpoints)) {
+		const keys = ["base", ...Object.keys(theme$1.breakpoints)];
 		const isResponsive = (obj) => {
 			const providedKeys = Object.keys(obj);
 			if (!providedKeys.length) return false;
@@ -6501,15 +6895,15 @@ function generateThemeTokens(theme, { internal = false, theme: { responsive = fa
 		shouldProcess = (obj) => !isResponsive(obj);
 	}
 	const tokens$1 = config.reduce((prev, { key, flatMap = (value) => value, maxDepth, replaceKey, shouldProcess: additionalShouldProcess = () => true }) => {
-		const target = getObject(theme, key);
+		const target = getObject(theme$1, key);
 		prev[key] = [];
 		if (isObject(target) || isArray(target)) prev[key] = extractPaths(target, {
 			maxDepth,
 			replaceKey,
 			shouldProcess: (obj) => shouldProcess(obj) && additionalShouldProcess(obj)
 		}).flatMap(flatMap);
-		if (isObject(theme.semanticTokens)) {
-			const target$1 = getObject(theme.semanticTokens, key);
+		if (isObject(theme$1.semanticTokens)) {
+			const target$1 = getObject(theme$1.semanticTokens, key);
 			const semanticKeys = extractPaths(target$1, {
 				maxDepth,
 				replaceKey,
@@ -6519,16 +6913,16 @@ function generateThemeTokens(theme, { internal = false, theme: { responsive = fa
 		}
 		return prev;
 	}, {});
-	const textStyles = extractKeys(theme, "styles.textStyles");
-	const layerStyles = extractKeys(theme, "styles.layerStyles");
-	const apply = extractPaths(omitObject(theme.styles ?? {}, [
+	const textStyles = extractKeys(theme$1, "styles.textStyles");
+	const layerStyles = extractKeys(theme$1, "styles.layerStyles");
+	const apply = extractPaths(omitObject(theme$1.styles ?? {}, [
 		"globalStyle",
 		"layerStyles",
 		"resetStyle",
 		"textStyles"
 	]), { maxDepth: 2 });
-	const { colorSchemes } = extractColorSchemes(theme, tokens$1.colors);
-	const themeSchemes = extractThemeSchemes(theme);
+	const { colorSchemes } = extractColorSchemes(theme$1, tokens$1.colors);
+	const themeSchemes = extractThemeSchemes(theme$1);
 	if (internal) return [
 		`import type { UsageThemeTokens } from "./system"`,
 		``,
@@ -6562,15 +6956,15 @@ function generateThemeTokens(theme, { internal = false, theme: { responsive = fa
 }
 async function getTheme(path$9, cwd$3) {
 	const { dependencies: dependencies$1, mod } = await getModule(path$9, cwd$3);
-	const theme = mod?.default ?? mod?.theme ?? mod?.customTheme ?? mod?.defaultTheme ?? {};
+	const theme$1 = mod?.default ?? mod?.theme ?? mod?.customTheme ?? mod?.defaultTheme ?? {};
 	const config$1 = mod?.config ?? mod?.customConfig ?? mod?.defaultConfig ?? {};
 	return {
 		config: config$1,
 		dependencies: dependencies$1,
-		theme
+		theme: theme$1
 	};
 }
-const tokens = new Command("tokens").description("Generate theme typings").argument("<path>", "Path to the theme file").option("--cwd <path>", "Current working directory", cwd).option("-c, --config <path>", "Path to the config file", CONFIG_FILE_NAME).option("-o, --out <path>", `Output path`).option("-f, --format", "Format the output file").option("-l, --lint", "Lint the output file").option("--internal", "Generate internal tokens", false).action(async function(inputPath, { config: configPath, cwd: cwd$3, format: format$3, internal, lint: lint$1, out: outPath }) {
+const tokens = new Command("tokens").description("generate theme typings").argument("[path]", "path to the theme file").option("--cwd <path>", "current working directory", cwd).option("-c, --config <path>", "path to the config file", CONFIG_FILE_NAME).option("-o, --out <path>", `output path`).option("-f, --format", "format the output file").option("-l, --lint", "lint the output file").option("--internal", "generate internal tokens", false).action(async function(inputPath, { config: configPath, cwd: cwd$3, format: format$2, internal, lint, out: outPath }) {
 	const spinner = ora();
 	try {
 		const { end } = timer();
@@ -6581,11 +6975,13 @@ const tokens = new Command("tokens").description("Generate theme typings").argum
 		if (!internal) {
 			spinner.start("Fetching config");
 			config$1 = await getConfig(cwd$3, configPath, {
-				format: format$3,
-				lint: lint$1
+				format: format$2,
+				lint
 			});
+			if (config$1.theme?.path) inputPath ??= path$1.resolve(cwd$3, config$1.theme.path, "index.ts");
 			spinner.succeed("Fetched config");
 		}
+		if (!inputPath) throw new Error("No input path provided");
 		spinner.start(`Getting theme`);
 		cwd$3 = path$1.resolve(cwd$3);
 		inputPath = path$1.resolve(cwd$3, inputPath);
@@ -6594,18 +6990,18 @@ const tokens = new Command("tokens").description("Generate theme typings").argum
 			const dirPath = inputPath.split("/").slice(0, -1).join("/");
 			outPath = path$1.join(dirPath, "index.types.ts");
 		} else outPath = path$1.join(cwd$3, "index.types.ts");
-		const { config: themeConfig, theme } = await getTheme(inputPath, cwd$3);
+		const { config: themeConfig, theme: theme$1 } = await getTheme(inputPath, cwd$3);
 		spinner.succeed(`Got theme`);
 		spinner.start(`Generating theme typings`);
-		const content = generateThemeTokens(theme, {
+		const content = generateThemeTokens(theme$1, {
 			...themeConfig,
 			internal
 		});
 		await writeFileSafe(outPath, content, config$1 ? merge(config$1, { lint: { filePath: inputPath } }) : {
 			cwd: cwd$3,
-			format: { enabled: format$3 },
+			format: { enabled: format$2 },
 			lint: {
-				enabled: lint$1,
+				enabled: lint,
 				filePath: inputPath
 			}
 		});
@@ -6617,6 +7013,81 @@ const tokens = new Command("tokens").description("Generate theme typings").argum
 	}
 });
 
+//#endregion
+//#region src/commands/update/index.ts
+const update = new Command("update").description("update components in your project").argument("[components...]", "components to update").option("--cwd <path>", "current working directory", cwd).option("-c, --config <path>", "path to the config file", CONFIG_FILE_NAME).option("-i, --install", "install dependencies", false).option("-s, --sequential", "run tasks sequentially.", false).option("-f, --format", "format the output files.").option("-l, --lint", "lint the output files.").action(async function(targetNames, { config: configPath, cwd: cwd$3, format: format$2, install, lint, sequential }) {
+	const spinner = ora();
+	try {
+		const { end } = timer();
+		const packageManager = getPackageManager();
+		const { args, command } = packageExecuteCommands(packageManager);
+		const prefix = `${command}${args.length ? ` ${args.join(" ")}` : ""}`;
+		const getCommand = (command$1) => c.cyan(`${prefix} ${package_default.name}@latest ${command$1}`);
+		spinner.start("Validating directory");
+		await validateDir(cwd$3);
+		spinner.succeed("Validated directory");
+		spinner.start("Fetching config");
+		const config$1 = await getConfig(cwd$3, configPath, {
+			format: format$2,
+			lint
+		});
+		spinner.succeed("Fetched config");
+		spinner.start("Getting generated components");
+		const all = !targetNames.length;
+		const index = all || targetNames.includes("index");
+		const theme$1 = all || targetNames.includes("theme");
+		const existsTheme = !!config$1.theme?.path && existsSync(config$1.theme.path);
+		if (theme$1 && !existsTheme) throw new Error([
+			`No ${c.yellow("theme")} found.`,
+			`Please run ${getCommand("theme")}`,
+			"to generate it."
+		].join(" "));
+		const omittedTargetNames = targetNames.filter((name$1) => !["index", "theme"].includes(name$1));
+		const componentNames = [];
+		const generatedNameMap = await getGeneratedNameMap(config$1);
+		const generatedNames = Object.values(generatedNameMap).flat();
+		spinner.succeed("Got generated components");
+		if (omittedTargetNames.length) {
+			const notFoundNames = omittedTargetNames.filter((name$1) => !generatedNames.includes(name$1));
+			if (notFoundNames.length) throw new Error([
+				`No ${notFoundNames.map((name$1) => c.yellow(name$1)).join(", ")} found in generated components.`,
+				`Please run ${getCommand("add")} ${notFoundNames.map((name$1) => c.green(name$1)).join(", ")}`,
+				"to add it."
+			].join(" "));
+			else componentNames.push(...omittedTargetNames);
+		} else if (all || !index && !theme$1) componentNames.push(...generatedNames);
+		const { registries } = await getRegistriesAndFiles(componentNames, config$1, {
+			concurrent: !sequential,
+			index,
+			theme: theme$1
+		});
+		const changes = await getDiff(generatedNames, registries, config$1, !sequential);
+		const hasChanges = Object.keys(changes).length;
+		console.log("---------------------------------");
+		if (!hasChanges) console.log(c.cyan("No updates found."));
+		else {
+			const changeNames = Object.keys(changes);
+			const omittedRegistries = {
+				locale: Object.fromEntries(Object.entries(registries.locale).filter(([name$1]) => changeNames.includes(name$1))),
+				remote: Object.fromEntries(Object.entries(registries.remote).filter(([name$1]) => changeNames.includes(name$1)))
+			};
+			const conflictMap = await updateFiles(generatedNames, omittedRegistries, config$1, {
+				concurrent: !sequential,
+				install
+			});
+			if (Object.keys(conflictMap).length) {
+				console.log("---------------------------------");
+				spinner.warn("There are conflicts. Please check the following files:");
+				printConflicts(conflictMap, config$1);
+			}
+		}
+		end();
+	} catch (e) {
+		if (e instanceof Error) spinner.fail(e.message);
+		else spinner.fail("An unknown error occurred");
+	}
+});
+
 //#endregion
 //#region src/index.ts
 async function run() {
@@ -6629,10 +7100,12 @@ async function run() {
 	}).notify({ isGlobal: true });
 	console.log(`\n${c.bold(c.green("Yamada UI CLI"))} v${package_default.version} ${c.dim("by Yamada UI")}`);
 	console.log(`${c.dim(package_default.description)}\n`);
-	const program = new Command("Yamada UI CLI").version(package_default.version, "-v, --version", "Display the version number").usage(`${c.green("<command>")} [options]`);
+	const program = new Command("Yamada UI CLI").version(package_default.version, "-v, --version", "display the version number").usage(`${c.green("<command>")} [options]`);
 	program.addCommand(init);
 	program.addCommand(add);
+	program.addCommand(update);
 	program.addCommand(diff);
+	program.addCommand(theme);
 	program.addCommand(tokens);
 	program.parse();
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yamada-ui/cli",
   "type": "module",
-  "version": "2.0.0-dev-20250821011016",
+  "version": "2.0.0-dev-20250823155214",
   "description": "The official CLI for Yamada UI projects",
   "keywords": [
     "theme",