digdesign 0.3.0 → 0.4.0

package/dist/index.js

@@ -20,6 +20,8 @@ function defaultConfig() {
     tsx: true,
     tailwind: {
       css: "src/app/globals.css",
+      theme: "src/app/dig-theme.css",
+      brand: "src/app/brand.css",
       baseColor: "neutral",
       cssVariables: true
     },
@@ -273,15 +275,23 @@ async function fetchFromRegistry(url, subject) {
   }
   throw new DigError(`\u062F\u0631\u06CC\u0627\u0641\u062A ${subject} \u0646\u0627\u0645\u0648\u0641\u0642 \u0628\u0648\u062F (${response.status}): ${url}`);
 }
+function normalizeType(type) {
+  return type.startsWith("registry:") ? `dig:${type.slice("registry:".length)}` : type;
+}
 async function fetchRegistryIndex(registryUrl) {
   const url = `${registryUrl}/r/registry.json`;
   const response = await fetchFromRegistry(url, "\u0641\u0647\u0631\u0633\u062A\u0650 \u0631\u062C\u06CC\u0633\u062A\u0631\u06CC");
-  return await response.json();
+  const index = await response.json();
+  for (const item of index.items) item.type = normalizeType(item.type);
+  return index;
 }
 async function fetchRegistryItem(nameOrUrl, registryUrl) {
   const url = resolveUrl(nameOrUrl, registryUrl);
   const response = await fetchFromRegistry(url, `\xAB${nameOrUrl}\xBB`);
-  return await response.json();
+  const item = await response.json();
+  item.type = normalizeType(item.type);
+  for (const file of item.files ?? []) file.type = normalizeType(file.type);
+  return item;
 }
 async function resolveRegistryTree(names, registryUrl) {
   const resolved = /* @__PURE__ */ new Map();
@@ -369,9 +379,12 @@ import path5 from "path";
 function toPosixPath(relativePath) {
   return relativePath.split(path5.sep).join("/");
 }
+function targetPathOptions(config) {
+  return { tailwindCss: config.tailwind.css, themeCss: config.tailwind.theme };
+}
 function resolveTargetPath(filePath, aliases, options = {}) {
   if (/(?:^|\/)app\/globals\.css$/.test(filePath)) {
-    return options.tailwindCss ?? "src/app/globals.css";
+    return options.themeCss ?? options.tailwindCss ?? "src/app/globals.css";
   }
   const match = filePath.match(/(?:^|\/)(components|lib|hooks)\/(.*)$/);
   const cleaned = match ? `${match[1]}/${match[2]}` : filePath;
@@ -406,7 +419,7 @@ async function pickComponents(registryUrl) {
     );
   }
   const index = await fetchRegistryIndex(registryUrl);
-  const choices = index.items.filter((item) => item.type === "registry:ui").map((item) => ({
+  const choices = index.items.filter((item) => item.type === "dig:ui").map((item) => ({
     value: item.name,
     label: item.title ? `${item.name} \u2014 ${item.title}` : item.name
   }));
@@ -435,9 +448,7 @@ async function addCommand(components, options) {
     const existing = [];
     for (const item of items.values()) {
       for (const file of item.files) {
-        const target = path6.join(cwd, resolveTargetPath(file.path, config.aliases, {
-          tailwindCss: config.tailwind.css
-        }));
+        const target = path6.join(cwd, resolveTargetPath(file.path, config.aliases, targetPathOptions(config)));
         if (await pathExists(target)) existing.push(path6.relative(cwd, target));
       }
     }
@@ -459,12 +470,10 @@ ${existing.length} \u0641\u0627\u06CC\u0644 \u0627\u0632 \u0642\u0628\u0644 \u06
     for (const item of items.values()) {
       for (const dep of item.dependencies ?? []) npmDeps.add(dep);
       for (const file of item.files) {
-        const target = path6.join(cwd, resolveTargetPath(file.path, config.aliases, {
-          tailwindCss: config.tailwind.css
-        }));
-        const exists = await pathExists(target);
-        const mark = exists ? overwrite ? "~" : "-" : "+";
-        const note = exists ? overwrite ? " (\u0628\u0627\u0632\u0646\u0648\u06CC\u0633\u06CC)" : " (\u0631\u062F \u0645\u06CC\u200C\u0634\u0648\u062F\u060C \u0648\u062C\u0648\u062F \u062F\u0627\u0631\u062F)" : "";
+        const target = path6.join(cwd, resolveTargetPath(file.path, config.aliases, targetPathOptions(config)));
+        const exists2 = await pathExists(target);
+        const mark = exists2 ? overwrite ? "~" : "-" : "+";
+        const note = exists2 ? overwrite ? " (\u0628\u0627\u0632\u0646\u0648\u06CC\u0633\u06CC)" : " (\u0631\u062F \u0645\u06CC\u200C\u0634\u0648\u062F\u060C \u0648\u062C\u0648\u062F \u062F\u0627\u0631\u062F)" : "";
         console.log(`${mark} ${path6.relative(cwd, target)}${note}`);
       }
     }
@@ -488,9 +497,7 @@ ${items.size} \u0622\u06CC\u062A\u0645 \u0627\u0632 \u0631\u062C\u06CC\u0633\u06
     const writtenFiles = {};
     const writtenContents = {};
     for (const file of item.files) {
-      const target = path6.join(cwd, resolveTargetPath(file.path, config.aliases, {
-        tailwindCss: config.tailwind.css
-      }));
+      const target = path6.join(cwd, resolveTargetPath(file.path, config.aliases, targetPathOptions(config)));
       if (!overwrite && await pathExists(target)) {
         console.log(`- \u0631\u062F \u0634\u062F (\u0648\u062C\u0648\u062F \u062F\u0627\u0631\u062F): ${path6.relative(cwd, target)}`);
         skipped++;
@@ -589,9 +596,9 @@ function searchItems(items, query) {
 
 // src/commands/list.ts
 var TYPE_LABEL = {
-  "registry:ui": "\u06A9\u0627\u0645\u067E\u0648\u0646\u0646\u062A",
-  "registry:lib": "\u0627\u0628\u0632\u0627\u0631",
-  "registry:theme": "\u062A\u0645"
+  "dig:ui": "\u06A9\u0627\u0645\u067E\u0648\u0646\u0646\u062A",
+  "dig:lib": "\u0627\u0628\u0632\u0627\u0631",
+  "dig:theme": "\u062A\u0645"
 };
 async function loadItems(cwd) {
   const config = await configExists(cwd) ? await readConfig(cwd) : defaultConfig();
@@ -600,7 +607,7 @@ async function loadItems(cwd) {
 }
 function matchesType(item, type) {
   if (!type) return true;
-  const wanted = type.startsWith("registry:") ? type : `registry:${type}`;
+  const wanted = type.startsWith("dig:") ? type : `dig:${type}`;
   return item.type === wanted;
 }
 function printTable(items) {
@@ -685,8 +692,8 @@ async function readLocalHash(target) {
     throw error;
   }
 }
-async function computeFileDrift(cwd, aliases, lockEntry, file) {
-  const target = path7.join(cwd, resolveTargetPath(file.path, aliases));
+async function computeFileDrift(cwd, aliases, lockEntry, file, paths) {
+  const target = path7.join(cwd, resolveTargetPath(file.path, aliases, paths));
   const relPath = toPosixPath(path7.relative(cwd, target));
   const registryHash = file.hash ?? hashContent(file.content);
   const installedHash = lockEntry?.files[relPath];
@@ -700,9 +707,9 @@ async function computeFileDrift(cwd, aliases, lockEntry, file) {
   };
 }
 async function computeComponentDrift(params) {
-  const { cwd, aliases, registryUrl, lockEntry, registryItem } = params;
+  const { cwd, aliases, registryUrl, lockEntry, registryItem, paths } = params;
   const files = await Promise.all(
-    registryItem.files.map((file) => computeFileDrift(cwd, aliases, lockEntry, file))
+    registryItem.files.map((file) => computeFileDrift(cwd, aliases, lockEntry, file, paths))
   );
   return {
     name: registryItem.name,
@@ -850,7 +857,7 @@ function describeThreeWayConflict(baseContent, localContent, registryContent) {
   return `\u0646\u0633\u0628\u062A \u0628\u0647 \u0646\u0633\u062E\u0647\u0654 \u0646\u0635\u0628\u200C\u0634\u062F\u0647 (\u067E\u0627\u06CC\u0647): \u0634\u0645\u0627 ${local.added + local.removed} \u062E\u0637 \u062A\u063A\u06CC\u06CC\u0631 \u062F\u0627\u062F\u0647\u200C\u0627\u06CC\u062F (+${local.added}/-${local.removed})\u060C \u0631\u062C\u06CC\u0633\u062A\u0631\u06CC ${registry.added + registry.removed} \u062E\u0637 \u062A\u063A\u06CC\u06CC\u0631 \u062F\u0627\u062F\u0647 (+${registry.added}/-${registry.removed}). \u062F\u06CC\u06AF \u062E\u0648\u062F\u06A9\u0627\u0631 \u0627\u062F\u063A\u0627\u0645 \u0646\u0645\u06CC\u200C\u06A9\u0646\u062F \u2014 \u062F\u0648 \u062F\u06CC\u0641\u0650 \u0628\u0627\u0644\u0627 \u0631\u0627 \u062F\u0633\u062A\u06CC \u0628\u0631\u0631\u0633\u06CC \u06A9\u0646\u06CC\u062F.`;
 }
 async function computeFileDiffDetails(params) {
-  const { cwd, aliases, name, snapshotVersion, file, registryFile } = params;
+  const { cwd, aliases, name, snapshotVersion, file, registryFile, paths } = params;
   if (file.status === "up_to_date") return void 0;
   if (file.status === "new_upstream") {
     return {
@@ -866,7 +873,7 @@ async function computeFileDiffDetails(params) {
       note: file.registryHash === file.installedHash ? "\u0641\u0627\u06CC\u0644 \u0628\u0647\u200C\u0635\u0648\u0631\u062A \u0645\u062D\u0644\u06CC \u062D\u0630\u0641 \u0634\u062F\u0647\u061B \u0631\u062C\u06CC\u0633\u062A\u0631\u06CC \u0627\u0632 \u0632\u0645\u0627\u0646 \u0646\u0635\u0628 \u062A\u063A\u06CC\u06CC\u0631\u06CC \u0646\u06A9\u0631\u062F\u0647." : "\u0641\u0627\u06CC\u0644 \u0628\u0647\u200C\u0635\u0648\u0631\u062A \u0645\u062D\u0644\u06CC \u062D\u0630\u0641 \u0634\u062F\u0647 \u0648 \u0631\u062C\u06CC\u0633\u062A\u0631\u06CC \u0647\u0645 \u062A\u063A\u06CC\u06CC\u0631 \u06A9\u0631\u062F\u0647 \u2014 \u0645\u0642\u0627\u06CC\u0633\u0647\u200C\u0627\u06CC \u0628\u0627 \u0641\u0627\u06CC\u0644 \u062D\u0630\u0641\u200C\u0634\u062F\u0647 \u0645\u0645\u06A9\u0646 \u0646\u06CC\u0633\u062A."
     };
   }
-  const target = path8.join(cwd, resolveTargetPath(registryFile.path, aliases));
+  const target = path8.join(cwd, resolveTargetPath(registryFile.path, aliases, paths));
   const localContent = await readTextFileSafely(target);
   if (localContent === "binary") {
     return {
@@ -961,6 +968,7 @@ async function diffCommand(components, options) {
     const drift = await computeComponentDrift({
       cwd,
       aliases: config.aliases,
+      paths: targetPathOptions(config),
       registryUrl: config.registryUrl,
       lockEntry,
       registryItem
@@ -972,6 +980,7 @@ async function diffCommand(components, options) {
           (file, index) => file.status === "up_to_date" ? Promise.resolve(void 0) : computeFileDiffDetails({
             cwd,
             aliases: config.aliases,
+            paths: targetPathOptions(config),
             name,
             snapshotVersion: lockEntry?.snapshot?.version,
             file,
@@ -1655,7 +1664,7 @@ async function generateIntelligenceExport(params) {
     } catch {
       continue;
     }
-    if (item.type !== "registry:ui") continue;
+    if (item.type !== "dig:ui") continue;
     const scan = await scanRepositoryForComponent({ projectRoot: cwd, component: name });
     installedComponents.push({
       name,
@@ -1874,7 +1883,7 @@ async function healthCommand(options) {
     } catch {
       continue;
     }
-    if (item.type !== "registry:ui") continue;
+    if (item.type !== "dig:ui") continue;
     const scan = await scanRepositoryForComponent({ projectRoot: cwd, component: name });
     installedComponents.push({
       name,
@@ -1948,8 +1957,272 @@ async function impactCommand(name, options) {
 }
 
 // src/commands/init.ts
-import { mkdir as mkdir4, readFile as readFile7, writeFile as writeFile5 } from "fs/promises";
+import { readFile as readFile8, writeFile as writeFile6 } from "fs/promises";
+import path12 from "path";
+
+// src/commands/theme.ts
+import { access as access5, mkdir as mkdir4, readFile as readFile7, writeFile as writeFile5 } from "fs/promises";
+import path11 from "path";
+
+// src/lib/brand-ramp.ts
+var RAMP_STEPS = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+var REFERENCE_L = {
+  50: 96.6,
+  100: 93.1,
+  200: 87.6,
+  300: 79.7,
+  400: 69,
+  500: 60.4,
+  600: 52.9,
+  700: 47.3,
+  800: 41.1,
+  900: 36.9,
+  950: 26.9
+};
+var CHROMA_SHAPE = {
+  50: 0.07,
+  100: 0.13,
+  200: 0.25,
+  300: 0.44,
+  400: 0.69,
+  500: 0.89,
+  600: 1,
+  700: 0.92,
+  800: 0.74,
+  900: 0.55,
+  950: 0.34
+};
+function parseHex(hex) {
+  const clean = hex.trim().replace(/^#/, "");
+  const full = clean.length === 3 ? [...clean].map((ch) => ch + ch).join("") : clean;
+  if (!/^[0-9a-fA-F]{6}$/.test(full)) {
+    throw new DigError(`\xAB${hex}\xBB \u0631\u0646\u06AF\u0650 \u0647\u06AF\u0632\u0650 \u0645\u0639\u062A\u0628\u0631 \u0646\u06CC\u0633\u062A\u061B \u0645\u062B\u0644\u0627\u064B #2C4C5B \u0628\u062F\u0647\u06CC\u062F.`);
+  }
+  return [0, 2, 4].map((i) => parseInt(full.slice(i, i + 2), 16) / 255);
+}
+var toLinear = (v) => v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;
+var fromLinear = (v) => v <= 31308e-7 ? 12.92 * v : 1.055 * v ** (1 / 2.4) - 0.055;
+function hexToOklch(hex) {
+  const [r, g, b] = parseHex(hex).map(toLinear);
+  const l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);
+  const m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);
+  const s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b);
+  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
+  const A = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
+  const B = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
+  const c = Math.sqrt(A * A + B * B);
+  const h = (Math.atan2(B, A) * 180 / Math.PI + 360) % 360;
+  return { l: L * 100, c, h };
+}
+function oklchToSrgb({ l, c, h }) {
+  const L = l / 100;
+  const rad = h * Math.PI / 180;
+  const A = c * Math.cos(rad);
+  const B = c * Math.sin(rad);
+  const l_ = (L + 0.3963377774 * A + 0.2158037573 * B) ** 3;
+  const m_ = (L - 0.1055613458 * A - 0.0638541728 * B) ** 3;
+  const s_ = (L - 0.0894841775 * A - 1.291485548 * B) ** 3;
+  return [
+    fromLinear(4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_),
+    fromLinear(-1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_),
+    fromLinear(-0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_)
+  ];
+}
+var inGamut = (rgb) => rgb.every((v) => v >= -5e-4 && v <= 1.0005);
+function fitGamut(color) {
+  let { c } = color;
+  while (c > 0 && !inGamut(oklchToSrgb({ ...color, c }))) c -= 2e-3;
+  return { ...color, c: Math.max(0, c) };
+}
+function relativeLuminance(rgb) {
+  const [r, g, b] = rgb.map((v) => toLinear(Math.min(1, Math.max(0, v))));
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+function contrastWithWhite(color) {
+  return 1.05 / (relativeLuminance(oklchToSrgb(color)) + 0.05);
+}
+function formatOklch({ l, c, h }) {
+  return `oklch(${l.toFixed(1)}% ${c.toFixed(3)} ${h.toFixed(1)})`;
+}
+function buildBrandRamp(hex) {
+  const base = hexToOklch(hex);
+  const top = 97.5;
+  const bottom = Math.min(26, Math.max(8, base.l * 0.55));
+  const ref600 = REFERENCE_L[600];
+  const steps = {};
+  for (const step of RAMP_STEPS) {
+    if (step === 600) {
+      steps[step] = base;
+      continue;
+    }
+    const ref = REFERENCE_L[step];
+    const l = ref > ref600 ? base.l + (ref - ref600) / (REFERENCE_L[50] - ref600) * (top - base.l) : base.l - (ref600 - ref) / (ref600 - REFERENCE_L[950]) * (base.l - bottom);
+    steps[step] = fitGamut({ l, c: base.c * CHROMA_SHAPE[step], h: base.h });
+  }
+  return { steps, primaryContrast: contrastWithWhite(base) };
+}
+
+// src/lib/theme-files.ts
 import path10 from "path";
+function importPath(fromFile, toFile) {
+  const rel = toPosixPath(path10.relative(path10.dirname(fromFile), toFile));
+  return rel.startsWith(".") ? rel : `./${rel}`;
+}
+function globalsCss(paths, extraStatements = []) {
+  const lines = [
+    "/* \u0641\u0642\u0637 import. \u062A\u0645 \u062F\u0631 dig-theme.css (\u0645\u0627\u0644\u0650 \u062F\u06CC\u06AF) \u0648 \u0628\u0631\u0646\u062F \u062F\u0631 brand.css (\u0645\u0627\u0644\u0650",
+    "   \u067E\u0631\u0648\u0698\u0647) \u0627\u0633\u062A\u061B \u062A\u0631\u062A\u06CC\u0628 \u0645\u0647\u0645 \u0627\u0633\u062A: \u0628\u0631\u0646\u062F \u0628\u0639\u062F \u0627\u0632 \u062A\u0645 \u0645\u06CC\u200C\u0622\u06CC\u062F \u062A\u0627 \u0628\u0631\u0646\u062F\u0647 \u0628\u0627\u0634\u062F. */",
+    `@import "${importPath(paths.css, paths.theme)}";`,
+    ...extraStatements,
+    `@import "${importPath(paths.css, paths.brand)}";`,
+    ""
+  ];
+  return lines.join("\n");
+}
+var BRAND_HEADER = `/* ==================================================================== *
+ * \u0628\u0631\u0646\u062F\u0650 \u067E\u0631\u0648\u0698\u0647
+ *
+ * \u0627\u06CC\u0646 \u0641\u0627\u06CC\u0644 \u0645\u0627\u0644\u0650 \u067E\u0631\u0648\u0698\u0647 \u0627\u0633\u062A \u0648 \u062F\u06CC\u06AF \u0647\u06CC\u0686\u200C\u0648\u0642\u062A \u0622\u0646 \u0631\u0627 \u0628\u0627\u0632\u0646\u0648\u06CC\u0633\u06CC \u0646\u0645\u06CC\u200C\u06A9\u0646\u062F\u061B \u062A\u0645\u0650 \u062F\u06CC\u06AF \u062F\u0631
+ * dig-theme.css \u0627\u0633\u062A \u0648 \u0628\u0627 \xABdig update theme\xBB \u0628\u0647\u200C\u0631\u0648\u0632 \u0645\u06CC\u200C\u0634\u0648\u062F.
+ *
+ * \u0686\u0647 \u0686\u06CC\u0632\u06CC \u0627\u06CC\u0646\u062C\u0627 \u0645\u06CC\u200C\u0622\u06CC\u062F:
+ *   \u06F1) \u0631\u0645\u067E\u0650 \u0628\u0631\u0646\u062F (--brand-*\u060C \u0644\u0627\u06CC\u0647\u0654 \u06F2)\u061B Shade \u06F6\u06F0\u06F0 \u0647\u0645\u0627\u0646 --primary \u0627\u0633\u062A.
+ *   \u06F2) \u0644\u0627\u06CC\u0647\u0654 \u0645\u062D\u0635\u0648\u0644: \u0641\u0642\u0637 \u062A\u0648\u06A9\u0646\u200C\u0647\u0627\u06CC \u0645\u0639\u0646\u0627\u06CC\u06CC\u200C\u0627\u06CC \u06A9\u0647 \u0628\u0627 \u067E\u06CC\u0634\u200C\u0641\u0631\u0636\u0650 \u062F\u06CC\u06AF \u0641\u0631\u0642 \u062F\u0627\u0631\u0646\u062F
+ *      (--background\u060C --foreground\u060C --radius\u060C --font-anchor\u060C \u0633\u0627\u06CC\u0647\u200C\u0647\u0627\u060C ...).
+ *   \u06F3) \u062A\u0648\u06A9\u0646\u200C\u0647\u0627\u06CC \u062A\u0627\u0632\u0647\u0654 \u062E\u0648\u062F\u0650 \u0645\u062D\u0635\u0648\u0644 \u062F\u0627\u062E\u0644 @theme inline.
+ *
+ * \u0631\u0645\u067E \u0631\u0627 \u0645\u06CC\u200C\u0634\u0648\u062F \u062F\u0648\u0628\u0627\u0631\u0647 \u0627\u0632 \u06CC\u06A9 \u0631\u0646\u06AF \u0633\u0627\u062E\u062A:  npx digdesign theme brand "#2C4C5B"
+ * ==================================================================== */
+`;
+function brandRampBlock(ramp, hex) {
+  const lines = RAMP_STEPS.map((step) => `  --brand-${step}: ${formatOklch(ramp.steps[step])};`);
+  return `/* dig:brand-ramp-start \u2014 \u0633\u0627\u062E\u062A\u0647\u200C\u0634\u062F\u0647 \u0627\u0632 ${hex.toUpperCase()}\u061B \xABdig theme brand\xBB \u0647\u0645\u06CC\u0646 \u0628\u0644\u0648\u06A9 \u0631\u0627 \u0628\u0627\u0632\u0646\u0648\u06CC\u0633\u06CC \u0645\u06CC\u200C\u06A9\u0646\u062F */
+:root {
+${lines.join("\n")}
+}
+/* dig:brand-ramp-end */`;
+}
+function brandCss(options) {
+  const parts = [BRAND_HEADER];
+  if (options.ramp && options.hex) parts.push(brandRampBlock(options.ramp, options.hex));
+  if (options.body?.trim()) parts.push(options.body.trim());
+  if (!options.ramp && !options.body?.trim()) {
+    parts.push(`/* \u0646\u0645\u0648\u0646\u0647:
+:root {
+  --brand-600: #2c4c5b;
+  --radius: 0.75rem;
+}
+*/`);
+  }
+  return `${parts.join("\n\n")}
+`;
+}
+function replaceBrandRamp(existing, ramp, hex) {
+  const block = brandRampBlock(ramp, hex);
+  const pattern = /\/\* dig:brand-ramp-start[\s\S]*?\/\* dig:brand-ramp-end \*\//;
+  if (pattern.test(existing)) return existing.replace(pattern, block);
+  const headerEnd = existing.indexOf("* ==================================================================== */");
+  if (existing.startsWith("/* ====") && headerEnd !== -1) {
+    const cut = existing.indexOf("\n", headerEnd) + 1;
+    return `${existing.slice(0, cut)}
+${block}
+${existing.slice(cut)}`;
+  }
+  return `${block}
+
+${existing}`;
+}
+function stripComments(css) {
+  return css.replace(/\/\*[\s\S]*?\*\//g, "");
+}
+function parseCss(css) {
+  const source = stripComments(css);
+  const declarations = [];
+  const statements = [];
+  const stack = [];
+  let buffer = "";
+  let depthParen = 0;
+  const flush = (terminator) => {
+    const text = buffer.trim();
+    buffer = "";
+    if (!text) return;
+    if (text.startsWith("@")) {
+      statements.push({ context: [...stack], text: `${text};` });
+      return;
+    }
+    const colon = text.indexOf(":");
+    if (colon === -1) return;
+    declarations.push({
+      context: [...stack],
+      property: text.slice(0, colon).trim(),
+      value: text.slice(colon + 1).trim().replace(/\s+/g, " ")
+    });
+    void terminator;
+  };
+  for (const ch of source) {
+    if (ch === "(") depthParen++;
+    if (ch === ")") depthParen--;
+    if (depthParen > 0) {
+      buffer += ch;
+      continue;
+    }
+    if (ch === "{") {
+      stack.push(buffer.trim().replace(/\s+/g, " "));
+      buffer = "";
+    } else if (ch === ";") {
+      flush(";");
+    } else if (ch === "}") {
+      flush("}");
+      stack.pop();
+    } else {
+      buffer += ch;
+    }
+  }
+  return { declarations, statements };
+}
+var key = (context, name) => `${context.join(" > ")}|${name}`;
+function splitTheme(projectCss, digThemeCss) {
+  const project = parseCss(projectCss);
+  const dig = parseCss(digThemeCss);
+  const digValues = new Map(dig.declarations.map((d) => [key(d.context, d.property), d.value]));
+  const digStatements = new Set(dig.statements.map((s) => key(s.context, s.text)));
+  const overrides = /* @__PURE__ */ new Map();
+  let changed = 0;
+  let added = 0;
+  for (const decl of project.declarations) {
+    const k = key(decl.context, decl.property);
+    const digValue = digValues.get(k);
+    if (digValue === decl.value) {
+      overrides.delete(k);
+      continue;
+    }
+    overrides.set(k, decl);
+  }
+  for (const [k] of overrides) {
+    if (digValues.has(k)) changed++;
+    else added++;
+  }
+  const groups = /* @__PURE__ */ new Map();
+  for (const decl of overrides.values()) {
+    const ctx = decl.context.join(" > ");
+    if (!groups.has(ctx)) groups.set(ctx, []);
+    groups.get(ctx).push(decl);
+  }
+  const blocks = [];
+  for (const [, decls] of groups) {
+    const context = decls[0].context;
+    const indent = (level) => "  ".repeat(level);
+    const lines = [];
+    context.forEach((selector, level) => lines.push(`${indent(level)}${selector} {`));
+    for (const d of decls) lines.push(`${indent(context.length)}${d.property}: ${d.value};`);
+    for (let level = context.length - 1; level >= 0; level--) lines.push(`${indent(level)}}`);
+    blocks.push(lines.join("\n"));
+  }
+  const extraStatements = project.statements.filter((s) => s.context.length === 0 && !digStatements.has(key(s.context, s.text))).map((s) => s.text);
+  return { body: blocks.join("\n\n"), extraStatements, changed, added };
+}
+
+// src/commands/theme.ts
 var THEME_ITEM = "theme";
 async function readIfExists(target) {
   try {
@@ -1958,36 +2231,192 @@ async function readIfExists(target) {
     return null;
   }
 }
-async function writeTheme(config, cwd, options) {
+async function exists(target) {
+  try {
+    await access5(target);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function themePaths(config) {
+  const dir = path11.posix.dirname(toPosixPath(config.tailwind.css));
+  return {
+    css: config.tailwind.css,
+    theme: config.tailwind.theme ?? `${dir}/dig-theme.css`,
+    brand: config.tailwind.brand ?? `${dir}/brand.css`
+  };
+}
+function isBoilerplateCss(content) {
+  if (content === null) return true;
+  const withoutComments = content.replace(/\/\*[\s\S]*?\*\//g, "");
+  return withoutComments.split("\n").filter((line) => line.trim() && !line.trim().startsWith("@import")).length === 0;
+}
+async function fetchTheme(config) {
   const item = await fetchRegistryItem(THEME_ITEM, config.registryUrl);
   const file = item.files[0];
-  if (!file) {
-    throw new DigError("\u0622\u06CC\u062A\u0645\u0650 \xABtheme\xBB \u062F\u0631 \u0631\u062C\u06CC\u0633\u062A\u0631\u06CC \u0641\u0627\u06CC\u0644\u06CC \u0646\u062F\u0627\u0631\u062F.");
+  if (!file) throw new DigError("\u0622\u06CC\u062A\u0645\u0650 \xABtheme\xBB \u062F\u0631 \u0631\u062C\u06CC\u0633\u062A\u0631\u06CC \u0641\u0627\u06CC\u0644\u06CC \u0646\u062F\u0627\u0631\u062F.");
+  return { ...item, content: file.content };
+}
+async function recordTheme(cwd, config, themeRel, item) {
+  const lock = await readLock(cwd);
+  const version = item.version ?? "0.0.0";
+  const installedAt = (/* @__PURE__ */ new Date()).toISOString();
+  const relPath = toPosixPath(themeRel);
+  const snapshot = await writeComponentSnapshot(cwd, THEME_ITEM, version, { [relPath]: item.content });
+  lock.components[THEME_ITEM] = mergeComponentEntry(lock.components[THEME_ITEM], {
+    version: item.version,
+    registryUrl: config.registryUrl,
+    installedAt,
+    writtenFiles: { [relPath]: item.files[0].hash ?? hashContent(item.content) },
+    snapshot: "path" in snapshot ? { version, path: snapshot.path, installedAt } : void 0
+  });
+  await writeLock(lock, cwd);
+}
+async function writeText(cwd, rel, content) {
+  const target = path11.join(cwd, rel);
+  await mkdir4(path11.dirname(target), { recursive: true });
+  await writeFile5(target, content, "utf8");
+}
+async function installTheme(cwd, config, options) {
+  const paths = themePaths(config);
+  const item = await fetchTheme(config);
+  const ramp = options.brand ? buildBrandRamp(options.brand) : void 0;
+  await writeText(cwd, paths.theme, item.content);
+  console.log(`\u2713 \u062A\u0645\u0650 \u062F\u06CC\u06AF \u062F\u0631 ${paths.theme} \u0646\u0648\u0634\u062A\u0647 \u0634\u062F (\u0645\u0627\u0644\u0650 \u062F\u06CC\u06AF\u061B \u0628\u0627 \xABdig update theme\xBB \u0628\u0647\u200C\u0631\u0648\u0632 \u0645\u06CC\u200C\u0634\u0648\u062F).`);
+  const existingBrand = await readIfExists(path11.join(cwd, paths.brand));
+  if (existingBrand === null) {
+    await writeText(cwd, paths.brand, brandCss({ ramp, hex: options.brand }));
+    console.log(`\u2713 ${paths.brand} \u0633\u0627\u062E\u062A\u0647 \u0634\u062F (\u0645\u0627\u0644\u0650 \u067E\u0631\u0648\u0698\u0647\u061B \u062F\u06CC\u06AF \u0647\u0631\u06AF\u0632 \u0628\u0627\u0632\u0646\u0648\u06CC\u0633\u06CC\u200C\u0627\u0634 \u0646\u0645\u06CC\u200C\u06A9\u0646\u062F).`);
+  } else if (ramp && options.brand) {
+    await writeText(cwd, paths.brand, replaceBrandRamp(existingBrand, ramp, options.brand));
+    console.log(`\u2713 \u0631\u0645\u067E\u0650 \u0628\u0631\u0646\u062F \u062F\u0631 ${paths.brand} \u0627\u0632 ${options.brand} \u0628\u0627\u0632\u0633\u0627\u0632\u06CC \u0634\u062F\u061B \u0628\u0642\u06CC\u0647\u0654 \u0641\u0627\u06CC\u0644 \u062F\u0633\u062A \u0646\u062E\u0648\u0631\u062F.`);
+  } else {
+    console.log(`- ${paths.brand} \u0627\u0632 \u0642\u0628\u0644 \u0647\u0633\u062A\u061B \u062F\u0633\u062A \u0646\u062E\u0648\u0631\u062F.`);
+  }
+  if (ramp) reportContrast(ramp.primaryContrast);
+  const cssTarget = path11.join(cwd, paths.css);
+  const existingCss = await readIfExists(cssTarget);
+  if (!isBoilerplateCss(existingCss) && existingCss !== null) {
+    await writeFile5(`${cssTarget}.backup`, existingCss, "utf8");
+    console.log(`  \u0646\u0633\u062E\u0647\u0654 \u0642\u0628\u0644\u06CC\u0650 ${paths.css} \u062F\u0631 ${paths.css}.backup \u0646\u06AF\u0647 \u062F\u0627\u0634\u062A\u0647 \u0634\u062F.`);
+    console.log(`  \u0627\u06AF\u0631 \u0622\u0646 \u0641\u0627\u06CC\u0644 \u062A\u0645\u0650 \u0642\u062F\u06CC\u0645\u06CC\u0650 \u062F\u06CC\u06AF \u0628\u0648\u062F\u060C \u0628\u0647\u200C\u062C\u0627\u06CC init \u0627\u0632 \xABdig theme split\xBB \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u06A9\u0646\u06CC\u062F.`);
+  }
+  await writeText(cwd, paths.css, globalsCss(paths));
+  console.log(`\u2713 ${paths.css} \u0641\u0642\u0637 import \u0634\u062F: \u062A\u0645\u060C \u0633\u067E\u0633 \u0628\u0631\u0646\u062F.`);
+  await recordTheme(cwd, config, paths.theme, item);
+  return item;
+}
+function reportContrast(contrast) {
+  const ratio = contrast.toFixed(2);
+  if (contrast >= 4.5) {
+    console.log(`  \u06A9\u0646\u062A\u0631\u0627\u0633\u062A\u0650 \u0645\u062A\u0646\u0650 \u0633\u0641\u06CC\u062F \u0631\u0648\u06CC \u0631\u0646\u06AF\u0650 \u0627\u0635\u0644\u06CC: ${ratio} (AA \u0631\u0627 \u0631\u062F \u0645\u06CC\u200C\u06A9\u0646\u062F).`);
+  } else {
+    console.log(
+      `  \u26A0 \u06A9\u0646\u062A\u0631\u0627\u0633\u062A\u0650 \u0645\u062A\u0646\u0650 \u0633\u0641\u06CC\u062F \u0631\u0648\u06CC \u0631\u0646\u06AF\u0650 \u0627\u0635\u0644\u06CC ${ratio} \u0627\u0633\u062A\u060C \u06A9\u0645\u062A\u0631 \u0627\u0632 \u06F4.\u06F5 (AA). \u0645\u062A\u0646\u0650 \u062F\u06A9\u0645\u0647\u200C\u0647\u0627\u06CC \u0627\u0635\u0644\u06CC \u062E\u0648\u0627\u0646\u0627 \u0646\u06CC\u0633\u062A\u061B \u0631\u0646\u06AF\u06CC \u062A\u06CC\u0631\u0647\u200C\u062A\u0631 \u0628\u062F\u0647\u06CC\u062F \u06CC\u0627 --primary-foreground \u0631\u0627 \u062F\u0631 brand.css \u062A\u06CC\u0631\u0647 \u06A9\u0646\u06CC\u062F.`
+    );
+  }
+}
+async function requireConfig(cwd) {
+  if (!await configExists(cwd)) {
+    throw new DigError("dig.json \u067E\u06CC\u062F\u0627 \u0646\u0634\u062F\u061B \u0627\u0648\u0644 \xABnpx digdesign init\xBB \u0631\u0627 \u0627\u062C\u0631\u0627 \u06A9\u0646\u06CC\u062F.");
   }
-  const target = path10.join(cwd, config.tailwind.css);
-  const existing = await readIfExists(target);
-  const isBoilerplate = existing === null || existing.split("\n").filter((line) => line.trim() && !line.trim().startsWith("@import")).length === 0;
-  if (!isBoilerplate && !options.yes) {
+  return readConfig(cwd);
+}
+async function themeSplitCommand(options) {
+  const cwd = process.cwd();
+  const config = await requireConfig(cwd);
+  if (config.tailwind.theme) {
+    console.log(`\u067E\u0631\u0648\u0698\u0647 \u0627\u0632 \u0642\u0628\u0644 \u0633\u0627\u062E\u062A\u0627\u0631\u0650 \u062F\u0648\u0641\u0627\u06CC\u0644\u06CC \u062F\u0627\u0631\u062F (${config.tailwind.theme})\u061B \u06A9\u0627\u0631\u06CC \u0644\u0627\u0632\u0645 \u0646\u06CC\u0633\u062A.`);
+    return;
+  }
+  const paths = themePaths(config);
+  const current = await readIfExists(path11.join(cwd, paths.css));
+  if (current === null || isBoilerplateCss(current)) {
+    throw new DigError(`${paths.css} \u062A\u0645\u06CC \u0646\u062F\u0627\u0631\u062F\u061B \u0628\u0631\u0627\u06CC \u0646\u0635\u0628\u0650 \u062A\u0627\u0632\u0647 \xABdig init\xBB \u0631\u0627 \u0627\u062C\u0631\u0627 \u06A9\u0646\u06CC\u062F.`);
+  }
+  if (await exists(path11.join(cwd, paths.brand))) {
+    throw new DigError(`${paths.brand} \u0627\u0632 \u0642\u0628\u0644 \u0648\u062C\u0648\u062F \u062F\u0627\u0631\u062F\u061B \u0628\u0631\u0627\u06CC \u062C\u0644\u0648\u06AF\u06CC\u0631\u06CC \u0627\u0632 \u0628\u0627\u0632\u0646\u0648\u06CC\u0633\u06CC\u060C \u0627\u0648\u0644 \u062C\u0627\u0628\u0647\u200C\u062C\u0627\u06CC\u0634 \u06A9\u0646\u06CC\u062F.`);
+  }
+  console.log(`\u062F\u0631\u06CC\u0627\u0641\u062A\u0650 \u062A\u0645\u0650 \u062F\u06CC\u06AF \u0627\u0632 ${config.registryUrl} \u2026`);
+  const item = await fetchTheme(config);
+  const split = splitTheme(current, item.content);
+  console.log(`
+${split.changed} \u062A\u0648\u06A9\u0646\u0650 \u0639\u0648\u0636\u200C\u0634\u062F\u0647 \u0648 ${split.added} \u062A\u0648\u06A9\u0646\u0650 \u062A\u0627\u0632\u0647 \u067E\u06CC\u062F\u0627 \u0634\u062F \u2192 ${paths.brand}`);
+  if (split.extraStatements.length) {
+    console.log(`${split.extraStatements.length} \u062F\u0633\u062A\u0648\u0631\u0650 \u0633\u0637\u062D\u0650 \u0628\u0627\u0644\u0627 \u062F\u0631 ${paths.css} \u0645\u06CC\u200C\u0645\u0627\u0646\u062F:`);
+    for (const statement of split.extraStatements) console.log(`  ${statement}`);
+  }
+  if (options.dryRun) {
     console.log(`
-${config.tailwind.css} \u0627\u0632 \u0642\u0628\u0644 \u0645\u062D\u062A\u0648\u0627 \u062F\u0627\u0631\u062F.`);
+\u067E\u06CC\u0634\u200C\u0646\u0645\u0627\u06CC\u0634\u0650 ${paths.brand} (\u0686\u06CC\u0632\u06CC \u0646\u0648\u0634\u062A\u0647 \u0646\u0634\u062F):
+`);
+    console.log(split.body || "(\u062E\u0627\u0644\u06CC: \u067E\u0631\u0648\u0698\u0647 \u0686\u06CC\u0632\u06CC \u062F\u0631 \u062A\u0645 \u0639\u0648\u0636 \u0646\u06A9\u0631\u062F\u0647)");
+    return;
+  }
+  await writeFile5(path11.join(cwd, `${paths.css}.backup`), current, "utf8");
+  await writeText(cwd, paths.theme, item.content);
+  await writeText(cwd, paths.brand, brandCss({ body: split.body }));
+  await writeText(cwd, paths.css, globalsCss(paths, split.extraStatements));
+  await writeConfig(
+    { ...config, tailwind: { ...config.tailwind, theme: paths.theme, brand: paths.brand } },
+    cwd
+  );
+  await recordTheme(cwd, config, paths.theme, item);
+  console.log(`
+\u2713 ${paths.theme} (\u062A\u0645\u0650 \u062F\u06CC\u06AF)\u060C ${paths.brand} (\u0628\u0631\u0646\u062F) \u0648 ${paths.css} (\u0641\u0642\u0637 import) \u0646\u0648\u0634\u062A\u0647 \u0634\u062F.`);
+  console.log(`  \u0646\u0633\u062E\u0647\u0654 \u0642\u0628\u0644\u06CC: ${paths.css}.backup`);
+  console.log(
+    `  \u062A\u0641\u0627\u0648\u062A\u200C\u0647\u0627 \u0628\u0627 \u0622\u062E\u0631\u06CC\u0646 \u062A\u0645\u0650 \u062F\u06CC\u06AF \u0645\u0642\u0627\u06CC\u0633\u0647 \u0634\u062F\u0646\u062F\u061B \u0627\u06AF\u0631 \u067E\u0631\u0648\u0698\u0647 \u0646\u0633\u062E\u0647\u0654 \u0642\u062F\u06CC\u0645\u06CC\u200C\u062A\u0631\u06CC \u0627\u0632 \u062A\u0645 \u062F\u0627\u0634\u062A\u060C \u0645\u0645\u06A9\u0646 \u0627\u0633\u062A \u0686\u0646\u062F \u0645\u0642\u062F\u0627\u0631\u0650 \u0642\u062F\u06CC\u0645\u06CC\u0650 \u062F\u06CC\u06AF \u0647\u0645 \u0628\u0647 ${paths.brand} \u0631\u0641\u062A\u0647 \u0628\u0627\u0634\u062F. \u06CC\u06A9 \u0646\u06AF\u0627\u0647 \u0628\u0647 \u0622\u0646 \u0628\u06CC\u0646\u062F\u0627\u0632\u06CC\u062F.`
+  );
+}
+async function themeBrandCommand(hex) {
+  const cwd = process.cwd();
+  const config = await requireConfig(cwd);
+  if (!config.tailwind.theme) {
+    throw new DigError("\u0627\u06CC\u0646 \u067E\u0631\u0648\u0698\u0647 \u0647\u0646\u0648\u0632 brand.css \u0646\u062F\u0627\u0631\u062F\u061B \u0627\u0648\u0644 \xABdig theme split\xBB \u0631\u0627 \u0627\u062C\u0631\u0627 \u06A9\u0646\u06CC\u062F.");
+  }
+  const paths = themePaths(config);
+  const ramp = buildBrandRamp(hex);
+  const existing = await readIfExists(path11.join(cwd, paths.brand)) ?? brandCss({});
+  const next = replaceBrandRamp(existing, ramp, hex);
+  await writeText(cwd, paths.brand, next);
+  console.log(`\u2713 \u0631\u0645\u067E\u0650 \u0628\u0631\u0646\u062F \u062F\u0631 ${paths.brand} \u0627\u0632 ${hex} \u0633\u0627\u062E\u062A\u0647 \u0634\u062F (Shade \u06F6\u06F0\u06F0 = \u0631\u0646\u06AF\u0650 \u062F\u0627\u062F\u0647\u200C\u0634\u062F\u0647).`);
+  reportContrast(ramp.primaryContrast);
+  const outside = next.replace(/\/\* dig:brand-ramp-start[\s\S]*?\/\* dig:brand-ramp-end \*\//, "");
+  const shadowing = outside.match(/--brand-\d+\s*:/g);
+  if (shadowing) {
+    console.log(
+      `  \u26A0 ${shadowing.length} \u0627\u0639\u0644\u0627\u0646\u0650 --brand-* \u0628\u06CC\u0631\u0648\u0646 \u0627\u0632 \u0628\u0644\u0648\u06A9\u0650 \u0631\u0645\u067E \u062F\u0631 ${paths.brand} \u0647\u0633\u062A \u0648 \u0628\u0631 \u0622\u0646 \u0628\u0631\u0646\u062F\u0647 \u0645\u06CC\u200C\u0634\u0648\u062F\u061B \u0627\u06AF\u0631 \u0631\u0645\u067E\u0650 \u062A\u0627\u0632\u0647 \u0631\u0627 \u0645\u06CC\u200C\u062E\u0648\u0627\u0647\u06CC\u062F\u060C \u0622\u0646\u200C\u0647\u0627 \u0631\u0627 \u067E\u0627\u06A9 \u06A9\u0646\u06CC\u062F.`
+    );
+  }
+}
+
+// src/commands/init.ts
+async function readIfExists2(target) {
+  try {
+    return await readFile8(target, "utf8");
+  } catch {
+    return null;
+  }
+}
+async function writeTheme(config, cwd, options) {
+  const paths = themePaths(config);
+  const existing = await readIfExists2(path12.join(cwd, paths.css));
+  if (!isBoilerplateCss(existing) && !options.yes) {
+    console.log(`
+${paths.css} \u0627\u0632 \u0642\u0628\u0644 \u0645\u062D\u062A\u0648\u0627 \u062F\u0627\u0631\u062F.`);
+    console.log(`  \u0627\u06AF\u0631 \u062A\u0645\u0650 \u0642\u062F\u06CC\u0645\u06CC\u0650 \u062F\u06CC\u06AF \u0627\u0633\u062A\u060C \u0628\u0647\u200C\u062C\u0627\u06CC \u0627\u06CC\u0646 \u0627\u0632 \xABdig theme split\xBB \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u06A9\u0646\u06CC\u062F \u062A\u0627 \u0628\u0631\u0646\u062F\u062A\u0627\u0646 \u062D\u0641\u0638 \u0634\u0648\u062F.`);
     const overwrite = await confirm(
-      "\u0628\u0627 \u062A\u0645\u0650 \u062F\u06CC\u06AF \u0628\u0627\u0632\u0646\u0648\u06CC\u0633\u06CC \u0634\u0648\u062F\u061F (\u0646\u0633\u062E\u0647\u0654 \u0641\u0639\u0644\u06CC \u06A9\u0646\u0627\u0631\u0634 \u0628\u0647\u200C\u0639\u0646\u0648\u0627\u0646 .backup \u0645\u06CC\u200C\u0645\u0627\u0646\u062F)",
+      "\u0628\u0627 \u0633\u0627\u062E\u062A\u0627\u0631\u0650 \u062A\u0627\u0632\u0647 (\u0641\u0642\u0637 import) \u0628\u0627\u0632\u0646\u0648\u06CC\u0633\u06CC \u0634\u0648\u062F\u061F (\u0646\u0633\u062E\u0647\u0654 \u0641\u0639\u0644\u06CC \u06A9\u0646\u0627\u0631\u0634 \u0628\u0647\u200C\u0639\u0646\u0648\u0627\u0646 .backup \u0645\u06CC\u200C\u0645\u0627\u0646\u062F)",
       false
     );
     if (!overwrite) {
-      console.log(
-        `- \u062A\u0645 \u0646\u0648\u0634\u062A\u0647 \u0646\u0634\u062F. \u0628\u0631\u0627\u06CC \u0646\u0648\u0634\u062A\u0646\u0634 \u0628\u0639\u062F\u0627\u064B: dig add ${THEME_ITEM} --overwrite`
-      );
+      console.log(`- \u062A\u0645 \u0646\u0648\u0634\u062A\u0647 \u0646\u0634\u062F. \u0628\u0639\u062F\u0627\u064B: dig init \u06CC\u0627 dig theme split`);
       return "skipped";
     }
   }
-  if (!isBoilerplate && existing !== null) {
-    await writeFile5(`${target}.backup`, existing, "utf8");
-    console.log(`  \u0646\u0633\u062E\u0647\u0654 \u0642\u0628\u0644\u06CC \u062F\u0631 ${config.tailwind.css}.backup \u0646\u06AF\u0647 \u062F\u0627\u0634\u062A\u0647 \u0634\u062F.`);
-  }
-  await mkdir4(path10.dirname(target), { recursive: true });
-  await writeFile5(target, file.content, "utf8");
-  console.log(`\u2713 \u062A\u0645 \u062F\u0631 ${config.tailwind.css} \u0646\u0648\u0634\u062A\u0647 \u0634\u062F.`);
+  const item = await installTheme(cwd, config, { brand: options.brand });
   if (item.dependencies?.length) {
     const pm = await detectPackageManager(cwd);
     console.log(`
@@ -1998,8 +2427,8 @@ ${config.tailwind.css} \u0627\u0632 \u0642\u0628\u0644 \u0645\u062D\u062A\u0648\
 }
 async function applyRtl(cwd) {
   for (const candidate of ["src/app/layout.tsx", "app/layout.tsx"]) {
-    const target = path10.join(cwd, candidate);
-    const source = await readIfExists(target);
+    const target = path12.join(cwd, candidate);
+    const source = await readIfExists2(target);
     if (source === null) continue;
     if (/<html[^>]*\sdir=/.test(source)) {
       console.log(`- ${candidate} \u0627\u0632 \u0642\u0628\u0644 dir \u062F\u0627\u0631\u062F\u061B \u062F\u0633\u062A \u0646\u062E\u0648\u0631\u062F.`);
@@ -2011,7 +2440,7 @@ async function applyRtl(cwd) {
       match[0],
       `<html${match[1]} dir="rtl">`.replace(/\s+dir="rtl">$/, ' dir="rtl">')
     );
-    await writeFile5(target, updated, "utf8");
+    await writeFile6(target, updated, "utf8");
     console.log(`\u2713 dir="rtl" \u0628\u0647 ${candidate} \u0627\u0636\u0627\u0641\u0647 \u0634\u062F.`);
     return;
   }
@@ -2032,23 +2461,24 @@ async function initCommand(options) {
   const config = options.yes ? base : {
     ...base,
     rtl: await confirm("\u067E\u0631\u0648\u0698\u0647 \u0631\u0627\u0633\u062A\u200C\u0628\u0647\u200C\u0686\u067E (RTL) \u0627\u0633\u062A\u061F", base.rtl),
-    tailwind: {
-      ...base.tailwind,
-      css: await ask(
-        "\u0645\u0633\u06CC\u0631 \u0641\u0627\u06CC\u0644 CSS \u0627\u0635\u0644\u06CC \u062A\u06CC\u0644\u0648\u06CC\u0646\u062F\u061F",
-        base.tailwind.css
-      )
-    }
+    tailwind: await (async () => {
+      const css = await ask("\u0645\u0633\u06CC\u0631 \u0641\u0627\u06CC\u0644 CSS \u0627\u0635\u0644\u06CC \u062A\u06CC\u0644\u0648\u06CC\u0646\u062F\u061F", base.tailwind.css);
+      const dir = path12.posix.dirname(css.split(path12.sep).join("/"));
+      return { ...base.tailwind, css, theme: `${dir}/dig-theme.css`, brand: `${dir}/brand.css` };
+    })()
   };
   await writeConfig(config, cwd);
-  console.log(`\u2713 ${path10.join(cwd, "dig.json")} \u0646\u0648\u0634\u062A\u0647 \u0634\u062F.`);
-  const theme = await writeTheme(config, cwd, options);
+  console.log(`\u2713 ${path12.join(cwd, "dig.json")} \u0646\u0648\u0634\u062A\u0647 \u0634\u062F.`);
+  const theme2 = await writeTheme(config, cwd, options);
   if (config.rtl) {
     await applyRtl(cwd);
   }
   console.log("\n\u0622\u0645\u0627\u062F\u0647 \u0627\u0633\u062A. \u0642\u062F\u0645 \u0628\u0639\u062F\u06CC:");
   console.log("  dig add button");
-  if (theme === "skipped") {
+  if (theme2 === "written") {
+    console.log("\n\u0628\u0631\u0646\u062F \u0648 \u0634\u062E\u0635\u06CC\u200C\u0633\u0627\u0632\u06CC \u0641\u0642\u0637 \u062F\u0631 brand.css\u061B \u062A\u0645\u0650 \u062F\u06CC\u06AF \u0628\u0627 \xABdig update theme\xBB \u0628\u0647\u200C\u0631\u0648\u0632 \u0645\u06CC\u200C\u0634\u0648\u062F.");
+  }
+  if (theme2 === "skipped") {
     console.log(
       `
 \u26A0 \u0628\u062F\u0648\u0646 \u062A\u0645\u060C \u06A9\u0627\u0645\u067E\u0648\u0646\u0646\u062A\u200C\u0647\u0627 \u0646\u0635\u0628 \u0645\u06CC\u200C\u0634\u0648\u0646\u062F \u0648\u0644\u06CC \u0628\u06CC\u200C\u0638\u0627\u0647\u0631 \u0645\u06CC\u200C\u0645\u0627\u0646\u0646\u062F (\u0631\u0646\u06AF\u060C \u0634\u0639\u0627\u0639 \u0648 \u0633\u0627\u06CC\u0647 \u0627\u0632 \u062A\u0648\u06A9\u0646 \u0645\u06CC\u200C\u0622\u06CC\u0646\u062F).`
@@ -2057,8 +2487,8 @@ async function initCommand(options) {
 }
 
 // src/lib/migration-apply.ts
-import { readFile as readFile8, writeFile as writeFile6 } from "fs/promises";
-import path11 from "path";
+import { readFile as readFile9, writeFile as writeFile7 } from "fs/promises";
+import path13 from "path";
 
 // src/lib/migration-strategy.ts
 var TextReplaceStrategy = class {
@@ -2135,7 +2565,7 @@ function looksBinary2(buffer) {
 async function readTextFileSafely2(target) {
   let buffer;
   try {
-    buffer = await readFile8(target);
+    buffer = await readFile9(target);
   } catch (error) {
     if (error.code === "ENOENT") return void 0;
     throw error;
@@ -2157,7 +2587,7 @@ function summarizeMigration(migration) {
   return void 0;
 }
 async function planOrApplyMigrations(params) {
-  const { cwd, aliases, registryUrl, lock, registryItem, dryRun } = params;
+  const { cwd, aliases, registryUrl, lock, registryItem, dryRun, paths } = params;
   const name = registryItem.name;
   const lockEntry = lock.components[name];
   if (!lockEntry) {
@@ -2180,8 +2610,8 @@ async function planOrApplyMigrations(params) {
     };
   }
   const fileTargets = registryItem.files.map((file) => {
-    const target = path11.join(cwd, resolveTargetPath(file.path, aliases));
-    return { relPath: toPosixPath(path11.relative(cwd, target)), target };
+    const target = path13.join(cwd, resolveTargetPath(file.path, aliases, paths));
+    return { relPath: toPosixPath(path13.relative(cwd, target)), target };
   });
   const currentContents = /* @__PURE__ */ new Map();
   for (const ft of fileTargets) {
@@ -2247,12 +2677,12 @@ async function planOrApplyMigrations(params) {
   const written = [];
   try {
     for (const item of pending) {
-      await writeFile6(item.target, item.newContent, "utf8");
+      await writeFile7(item.target, item.newContent, "utf8");
       written.push(item);
     }
   } catch (error) {
     for (const item of written) {
-      await writeFile6(item.target, item.originalContent, "utf8");
+      await writeFile7(item.target, item.originalContent, "utf8");
     }
     return {
       name,
@@ -2389,6 +2819,7 @@ async function runApplyOrDryRun(components, options, dryRun) {
     const result = await planOrApplyMigrations({
       cwd,
       aliases: config.aliases,
+      paths: targetPathOptions(config),
       registryUrl: config.registryUrl,
       lock,
       registryItem,
@@ -2546,7 +2977,7 @@ ${message}`);
   }
   const summary = intelligence.components.find((c) => c.name === component);
   if (!summary) {
-    const message = `\xAB${component}\xBB \u062F\u0631 \u062F\u0627\u062F\u0647\u0654 \u0647\u0648\u0634\u0645\u0646\u062F\u06CC\u0650 \u0641\u0639\u0644\u06CC \u0646\u06CC\u0633\u062A (\u0634\u0627\u06CC\u062F \u0627\u0632 \u0646\u0648\u0639\u0650 registry:lib \u0628\u0627\u0634\u062F\u060C \u0646\u0647 UI).`;
+    const message = `\xAB${component}\xBB \u062F\u0631 \u062F\u0627\u062F\u0647\u0654 \u0647\u0648\u0634\u0645\u0646\u062F\u06CC\u0650 \u0641\u0639\u0644\u06CC \u0646\u06CC\u0633\u062A (\u0634\u0627\u06CC\u062F \u0627\u0632 \u0646\u0648\u0639\u0650 dig:lib \u0628\u0627\u0634\u062F\u060C \u0646\u0647 UI).`;
     if (options.json) {
       console.log(JSON.stringify({ component, status: "no-data", message }, null, 2));
     } else {
@@ -2863,8 +3294,8 @@ ${entry.migrationHint}`);
 }
 
 // src/lib/update.ts
-import { mkdir as mkdir5, readFile as readFile9, rm as rm2, writeFile as writeFile7 } from "fs/promises";
-import path12 from "path";
+import { mkdir as mkdir5, readFile as readFile10, rm as rm2, writeFile as writeFile8 } from "fs/promises";
+import path14 from "path";
 function safeFileIndexes(drift) {
   const indexes = [];
   drift.files.forEach((file, index) => {
@@ -2873,7 +3304,7 @@ function safeFileIndexes(drift) {
   });
   return indexes;
 }
-async function applySafeFiles(cwd, aliases, drift, registryItem, dryRun) {
+async function applySafeFiles(cwd, aliases, drift, registryItem, dryRun, paths) {
   const actions = new Array(drift.files.length).fill("skipped");
   const safeIndexes = safeFileIndexes(drift);
   if (dryRun) {
@@ -2884,7 +3315,7 @@ async function applySafeFiles(cwd, aliases, drift, registryItem, dryRun) {
   for (const index of safeIndexes) {
     const file = drift.files[index];
     const registryFile = registryItem.files[index];
-    const target = path12.join(cwd, resolveTargetPath(registryFile.path, aliases));
+    const target = path14.join(cwd, resolveTargetPath(registryFile.path, aliases, paths));
     const isNewFile = file.status === "new_upstream";
     pending.push({
       index,
@@ -2892,14 +3323,14 @@ async function applySafeFiles(cwd, aliases, drift, registryItem, dryRun) {
       newContent: registryFile.content,
       newHash: registryFile.hash ?? hashContent(registryFile.content),
       isNewFile,
-      originalContent: isNewFile ? void 0 : await readFile9(target, "utf8")
+      originalContent: isNewFile ? void 0 : await readFile10(target, "utf8")
     });
   }
   const written = [];
   try {
     for (const item of pending) {
-      if (item.isNewFile) await mkdir5(path12.dirname(item.target), { recursive: true });
-      await writeFile7(item.target, item.newContent, "utf8");
+      if (item.isNewFile) await mkdir5(path14.dirname(item.target), { recursive: true });
+      await writeFile8(item.target, item.newContent, "utf8");
       written.push(item);
     }
   } catch (error) {
@@ -2907,7 +3338,7 @@ async function applySafeFiles(cwd, aliases, drift, registryItem, dryRun) {
       if (item.isNewFile) {
         await rm2(item.target, { force: true });
       } else {
-        await writeFile7(item.target, item.originalContent, "utf8");
+        await writeFile8(item.target, item.originalContent, "utf8");
       }
     }
     return { actions, writtenHashes: {}, rollbackError: error.message };
@@ -2932,7 +3363,7 @@ async function applySafeFiles(cwd, aliases, drift, registryItem, dryRun) {
   return { actions, writtenHashes, snapshotPath: snapshotResult.path };
 }
 async function updateComponent(params) {
-  const { cwd, aliases, registryUrl, lock, registryItem, dryRun = false } = params;
+  const { cwd, aliases, registryUrl, lock, registryItem, dryRun = false, paths } = params;
   const name = registryItem.name;
   const lockEntry = lock.components[name];
   if (!lockEntry) {
@@ -2943,9 +3374,10 @@ async function updateComponent(params) {
     aliases,
     registryUrl,
     lockEntry,
-    registryItem
+    registryItem,
+    paths
   });
-  const { actions, writtenHashes, rollbackError, snapshotPath, snapshotError } = await applySafeFiles(cwd, aliases, drift, registryItem, dryRun);
+  const { actions, writtenHashes, rollbackError, snapshotPath, snapshotError } = await applySafeFiles(cwd, aliases, drift, registryItem, dryRun, paths);
   if (rollbackError) {
     return {
       name,
@@ -3009,6 +3441,7 @@ async function updateCommand(components, options) {
     const result = await updateComponent({
       cwd,
       aliases: config.aliases,
+      paths: targetPathOptions(config),
       registryUrl: config.registryUrl,
       lock,
       registryItem,
@@ -3140,6 +3573,7 @@ ${result.name}`);
       const details = await computeFileDiffDetails({
         cwd,
         aliases: config.aliases,
+        paths: targetPathOptions(config),
         name: result.name,
         snapshotVersion,
         file,
@@ -3196,14 +3630,17 @@ ${result.name}`);
 }
 
 // src/lib/version.ts
-var CLI_VERSION = "0.3.0";
+var CLI_VERSION = "0.4.0";
 
 // src/index.ts
 var program = new Command();
 program.name("dig").description("CLI \u0631\u0633\u0645\u06CC \u062F\u06CC\u0632\u0627\u06CC\u0646 \u0633\u06CC\u0633\u062A\u0645 \u062F\u06CC\u06AF").version(CLI_VERSION);
 program.command("init").description(
   '\u0631\u0627\u0647\u200C\u0627\u0646\u062F\u0627\u0632\u06CC \u062F\u06CC\u06AF \u062F\u0631 \u067E\u0631\u0648\u0698\u0647: dig.json\u060C \u062A\u0645 \u0648 \u062A\u0648\u06A9\u0646\u200C\u0647\u0627\u060C \u0648 dir="rtl"'
-).option("--yes", "\u067E\u0627\u0633\u062E \u067E\u06CC\u0634\u200C\u0641\u0631\u0636 \u0628\u0647 \u0647\u0645\u0647\u0654 \u0633\u0648\u0627\u0644\u0627\u062A", false).action(initCommand);
+).option("--yes", "\u067E\u0627\u0633\u062E \u067E\u06CC\u0634\u200C\u0641\u0631\u0636 \u0628\u0647 \u0647\u0645\u0647\u0654 \u0633\u0648\u0627\u0644\u0627\u062A", false).option("--brand <hex>", "\u0633\u0627\u062E\u062A\u0646\u0650 \u0631\u0645\u067E\u0650 \u0628\u0631\u0646\u062F \u0627\u0632 \u06CC\u06A9 \u0631\u0646\u06AF (\u0631\u0648\u06CC Shade \u06F6\u06F0\u06F0 \u0645\u06CC\u200C\u0646\u0634\u06CC\u0646\u062F)\u060C \u0645\u062B\u0644 #2C4C5B").action(initCommand);
+var theme = program.command("theme").description("\u062A\u0645 \u0648 \u0628\u0631\u0646\u062F: \u062C\u062F\u0627 \u06A9\u0631\u062F\u0646\u0650 \u062A\u0645\u0650 \u062F\u06CC\u06AF \u0627\u0632 \u0628\u0631\u0646\u062F\u0650 \u067E\u0631\u0648\u0698\u0647");
+theme.command("split").description("\u067E\u0631\u0648\u0698\u0647\u0654 \u0642\u062F\u06CC\u0645\u06CC \u0631\u0627 \u0628\u0647 \u0633\u0627\u062E\u062A\u0627\u0631\u0650 \u062F\u0648\u0641\u0627\u06CC\u0644\u06CC \u0645\u06CC\u200C\u0628\u0631\u062F (dig-theme.css \u0645\u0627\u0644\u0650 \u062F\u06CC\u06AF\u060C brand.css \u0645\u0627\u0644\u0650 \u067E\u0631\u0648\u0698\u0647)").option("--dry-run", "\u0641\u0642\u0637 \u0646\u0634\u0627\u0646 \u0628\u062F\u0647 \u0686\u0647 \u0686\u06CC\u0632\u06CC \u0628\u0647 brand.css \u0645\u06CC\u200C\u0631\u0648\u062F\u060C \u0686\u06CC\u0632\u06CC \u0646\u0646\u0648\u06CC\u0633", false).action(themeSplitCommand);
+theme.command("brand").description("\u0631\u0645\u067E\u0650 \u0628\u0631\u0646\u062F \u0631\u0627 \u062F\u0631 brand.css \u0627\u0632 \u06CC\u06A9 \u0631\u0646\u06AF \u0645\u06CC\u200C\u0633\u0627\u0632\u062F\u061B \u0628\u0642\u06CC\u0647\u0654 \u0641\u0627\u06CC\u0644 \u062F\u0633\u062A \u0646\u0645\u06CC\u200C\u062E\u0648\u0631\u062F").argument("<hex>", "\u0631\u0646\u06AF\u0650 \u0627\u0635\u0644\u06CC\u0650 \u0628\u0631\u0646\u062F\u060C \u0645\u062B\u0644 #2C4C5B").action(themeBrandCommand);
 program.command("add").description("\u0627\u0641\u0632\u0648\u062F\u0646 \u06CC\u06A9 \u06CC\u0627 \u0686\u0646\u062F \u06A9\u0627\u0645\u067E\u0648\u0646\u0646\u062A \u0627\u0632 \u0631\u062C\u06CC\u0633\u062A\u0631\u06CC \u062F\u06CC\u06AF").argument("[components...]", "\u0646\u0627\u0645 \u06A9\u0627\u0645\u067E\u0648\u0646\u0646\u062A\u200C\u0647\u0627 (\u0645\u062B\u0644 button) \u06CC\u0627 \u0622\u062F\u0631\u0633 \u0631\u062C\u06CC\u0633\u062A\u0631\u06CC\u061B \u0628\u062F\u0648\u0646 \u0622\u0631\u06AF\u0648\u0645\u0627\u0646 \u0641\u0647\u0631\u0633\u062A \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06CC\u200C\u062F\u0647\u062F").option("--overwrite", "\u0628\u0627\u0632\u0646\u0648\u06CC\u0633\u06CC \u0641\u0627\u06CC\u0644\u200C\u0647\u0627\u06CC \u0645\u0648\u062C\u0648\u062F", false).option("-y, --yes", "\u0628\u062F\u0648\u0646 \u067E\u0631\u0633\u0634\u060C \u0641\u0627\u06CC\u0644\u200C\u0647\u0627\u06CC \u0645\u0648\u062C\u0648\u062F \u0631\u0627 \u0628\u0627\u0632\u0646\u0648\u06CC\u0633\u06CC \u06A9\u0646", false).option("--dry-run", "\u0641\u0642\u0637 \u0646\u0634\u0627\u0646 \u0628\u062F\u0647 \u0686\u0647 \u0641\u0627\u06CC\u0644\u200C\u0647\u0627\u06CC\u06CC \u0646\u0648\u0634\u062A\u0647 \u0645\u06CC\u200C\u0634\u0648\u062F\u060C \u0686\u06CC\u0632\u06CC \u0646\u0646\u0648\u06CC\u0633", false).option("--no-install", "\u0641\u0642\u0637 \u0641\u0627\u06CC\u0644\u200C\u0647\u0627 \u0631\u0627 \u0628\u0646\u0648\u06CC\u0633\u060C \u0648\u0627\u0628\u0633\u062A\u06AF\u06CC\u200C\u0647\u0627 \u0631\u0627 \u0646\u0635\u0628 \u0646\u06A9\u0646").action(addCommand);
 program.command("list").description("\u0641\u0647\u0631\u0633\u062A \u0622\u06CC\u062A\u0645\u200C\u0647\u0627\u06CC \u0631\u062C\u06CC\u0633\u062A\u0631\u06CC \u062F\u06CC\u06AF").option("--type <type>", "\u0641\u06CC\u0644\u062A\u0631 \u0646\u0648\u0639: ui\u060C lib \u06CC\u0627 theme").option("--json", "\u062E\u0631\u0648\u062C\u06CC JSON \u0628\u0631\u0627\u06CC \u0627\u0633\u06A9\u0631\u06CC\u067E\u062A/\u0627\u0628\u0632\u0627\u0631", false).action(listCommand);
 program.command("search").description("\u062C\u0633\u062A\u062C\u0648\u06CC \u06A9\u0627\u0645\u067E\u0648\u0646\u0646\u062A \u062F\u0631 \u0631\u062C\u06CC\u0633\u062A\u0631\u06CC\u060C \u0628\u0627 \u0646\u0627\u0645 \u0641\u0627\u0631\u0633\u06CC \u06CC\u0627 \u0627\u0646\u06AF\u0644\u06CC\u0633\u06CC").argument("<query>", "\u0639\u0628\u0627\u0631\u062A \u062C\u0633\u062A\u062C\u0648").option("--json", "\u062E\u0631\u0648\u062C\u06CC JSON \u0628\u0631\u0627\u06CC \u0627\u0633\u06A9\u0631\u06CC\u067E\u062A/\u0627\u0628\u0632\u0627\u0631", false).action(searchCommand);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "digdesign",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "CLI رسمی برای نصب کامپوننت‌های دیزاین سیستم دیگ",
   "type": "module",
   "license": "MIT",