stera-ui 0.3.3 → 0.5.0

package/dist/{chunk-QD7FOI3A.js → chunk-F4NT3JC6.js}

@@ -1,3 +1,7 @@
+import {
+  fetchRegistryItem
+} from "./chunk-T3QWOVJR.js";
+
 // src/utils/transform.ts
 function applyTransforms(content, ctx, transforms) {
   return transforms.reduce((acc, fn) => fn(acc, ctx), content);
@@ -101,7 +105,8 @@ function resolveOutputPath(config, projectRoot, file) {
 // src/utils/resolve-config.ts
 import fs from "fs";
 import path2 from "path";
-var CONFIG_FILE = "components.json";
+var CONFIG_FILE = "stera.config.json";
+var LEGACY_CONFIG_FILE = "components.json";
 function migrateConfig(raw) {
   if (!("version" in raw) && "tailwind" in raw) {
     const legacy = raw;
@@ -113,11 +118,22 @@ function migrateConfig(raw) {
   }
   return raw;
 }
+var warnedLegacyFilename = false;
+function warnLegacyFilenameOnce(legacyPath) {
+  if (warnedLegacyFilename) return;
+  warnedLegacyFilename = true;
+  console.warn(
+    `  \u26A0 Found ${LEGACY_CONFIG_FILE}. Rename to ${CONFIG_FILE} \u2014 legacy filename support will be removed in a future release.
+    (${legacyPath})`
+  );
+}
 function findConfigPath(cwd) {
   let dir = path2.resolve(cwd);
   while (true) {
     const configPath = path2.join(dir, CONFIG_FILE);
     if (fs.existsSync(configPath)) return configPath;
+    const legacyPath = path2.join(dir, LEGACY_CONFIG_FILE);
+    if (fs.existsSync(legacyPath)) return legacyPath;
     const parent = path2.dirname(dir);
     if (parent === dir) return null;
     dir = parent;
@@ -126,6 +142,9 @@ function findConfigPath(cwd) {
 function loadConfig2(cwd) {
   const configPath = findConfigPath(cwd);
   if (!configPath) return null;
+  if (path2.basename(configPath) === LEGACY_CONFIG_FILE) {
+    warnLegacyFilenameOnce(configPath);
+  }
   try {
     const raw = JSON.parse(fs.readFileSync(configPath, "utf-8"));
     return migrateConfig(raw);
@@ -210,28 +229,65 @@ function detectAliasPrefix(cwd) {
   return first ? first.replace(/\/\*$/, "") : null;
 }
 
-// src/utils/detect-globals.ts
-import fs3 from "fs";
+// src/utils/write-stera-css.ts
+import fs3 from "fs/promises";
 import path4 from "path";
-function hasGlobalsCss(config, projectRoot) {
-  const cssPath = path4.resolve(projectRoot, config.css);
-  if (!fs3.existsSync(cssPath)) {
-    return false;
+function stripImportLines(content) {
+  const lines = content.split("\n");
+  const imports = [];
+  const kept = [];
+  for (const line of lines) {
+    if (line.trim().match(/^@import\s+["'].+["']/)) {
+      if (!line.trim().match(/^@import\s+["']tailwindcss["']/)) {
+        imports.push(line.trim());
+      }
+    } else {
+      kept.push(line);
+    }
   }
-  const steraPath = path4.join(path4.dirname(cssPath), "stera-ui.css");
-  if (fs3.existsSync(steraPath)) {
-    return true;
+  return { content: kept.join("\n"), imports };
+}
+async function writeSteraUiCss(config, cwd) {
+  const item = await fetchRegistryItem("globals");
+  const rawContent = item.files?.[0]?.content ?? "";
+  const { content, imports } = stripImportLines(rawContent);
+  const cssDir = path4.dirname(path4.resolve(cwd, config.css));
+  const steraUiPath = path4.join(cssDir, "stera-ui.css");
+  await fs3.mkdir(cssDir, { recursive: true });
+  await fs3.writeFile(steraUiPath, content, "utf-8");
+  return {
+    steraUiPath,
+    extraImports: imports,
+    dependencies: item.dependencies ?? []
+  };
+}
+
+// src/utils/css-imports.ts
+import fs4 from "fs/promises";
+async function insertImportLine(filePath, importStatement) {
+  const content = await fs4.readFile(filePath, "utf-8");
+  const importPath = importStatement.match(/["']([^"']+)["']/)?.[1];
+  if (importPath) {
+    const escaped = importPath.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    if (new RegExp(`@import\\s+["']${escaped}["']`).test(content)) return;
+  }
+  const lines = content.split("\n");
+  let lastImportIndex = -1;
+  for (let i = 0; i < lines.length; i++) {
+    if (lines[i].trim().startsWith("@import")) {
+      lastImportIndex = i;
+    }
   }
-  try {
-    const contents = fs3.readFileSync(cssPath, "utf-8");
-    return contents.includes("--color-bg-surface");
-  } catch {
-    return false;
+  if (lastImportIndex >= 0) {
+    lines.splice(lastImportIndex + 1, 0, importStatement);
+  } else {
+    lines.unshift(importStatement);
   }
+  await fs4.writeFile(filePath, lines.join("\n"), "utf-8");
 }
 
 // src/utils/install-deps.ts
-import fs4 from "fs";
+import fs5 from "fs";
 import path5 from "path";
 import { detect } from "@antfu/ni";
 import { execa } from "execa";
@@ -320,9 +376,9 @@ async function installDependencies(deps, cwd) {
   if (deps.length === 0) return;
   const pkgPath = path5.join(cwd, "package.json");
   let existing = /* @__PURE__ */ new Set();
-  if (fs4.existsSync(pkgPath)) {
+  if (fs5.existsSync(pkgPath)) {
     try {
-      const pkg = JSON.parse(fs4.readFileSync(pkgPath, "utf-8"));
+      const pkg = JSON.parse(fs5.readFileSync(pkgPath, "utf-8"));
       existing = new Set(Object.keys({ ...pkg.dependencies, ...pkg.devDependencies }));
     } catch {
     }
@@ -349,7 +405,7 @@ or use "pnpm add -w <package>" manually to install at the root.`
 }
 
 // src/utils/write-files.ts
-import fs5 from "fs";
+import fs6 from "fs";
 import path6 from "path";
 import readline from "readline/promises";
 async function confirmOverwrite(relativePath) {
@@ -372,8 +428,8 @@ async function writeComponentFiles(items, config, projectRoot, options = {}) {
     for (const file of item.files ?? []) {
       const outputPath = resolveOutputPath(config, projectRoot, file);
       const relativePath = path6.relative(projectRoot, outputPath);
-      if (fs5.existsSync(outputPath)) {
-        const existing = fs5.readFileSync(outputPath, "utf-8");
+      if (fs6.existsSync(outputPath)) {
+        const existing = fs6.readFileSync(outputPath, "utf-8");
         if (existing === file.content) {
           skipped.push(relativePath);
           continue;
@@ -387,8 +443,8 @@ async function writeComponentFiles(items, config, projectRoot, options = {}) {
         }
       }
       const dir = path6.dirname(outputPath);
-      fs5.mkdirSync(dir, { recursive: true });
-      fs5.writeFileSync(outputPath, file.content ?? "", "utf-8");
+      fs6.mkdirSync(dir, { recursive: true });
+      fs6.writeFileSync(outputPath, file.content ?? "", "utf-8");
       written.push(relativePath);
     }
   }
@@ -396,7 +452,7 @@ async function writeComponentFiles(items, config, projectRoot, options = {}) {
 }
 
 // src/utils/update-fonts.ts
-import { existsSync, promises as fs6 } from "fs";
+import { existsSync, promises as fs7 } from "fs";
 import path7 from "path";
 import {
   Project,
@@ -437,10 +493,10 @@ async function updateFonts(fonts, project, cwd, options = {}) {
   if (!layoutPath) return;
   if (options.silent) {
     try {
-      const layoutContent = await fs6.readFile(layoutPath, "utf-8");
+      const layoutContent = await fs7.readFile(layoutPath, "utf-8");
       const updatedContent = transformLayoutFonts(layoutContent, fonts);
       if (updatedContent !== layoutContent) {
-        await fs6.writeFile(layoutPath, updatedContent, "utf-8");
+        await fs7.writeFile(layoutPath, updatedContent, "utf-8");
       }
     } catch {
     }
@@ -448,10 +504,10 @@ async function updateFonts(fonts, project, cwd, options = {}) {
   }
   const spinner = createSpinner("Updating fonts");
   try {
-    const layoutContent = await fs6.readFile(layoutPath, "utf-8");
+    const layoutContent = await fs7.readFile(layoutPath, "utf-8");
     const updatedContent = transformLayoutFonts(layoutContent, fonts);
     if (updatedContent !== layoutContent) {
-      await fs6.writeFile(layoutPath, updatedContent, "utf-8");
+      await fs7.writeFile(layoutPath, updatedContent, "utf-8");
     }
     spinner.succeed("Updated layout with font imports");
   } catch {
@@ -711,11 +767,13 @@ export {
   transformImports,
   resolveOutputPath,
   CONFIG_FILE,
+  LEGACY_CONFIG_FILE,
   findConfigPath,
   loadConfig2 as loadConfig,
   detectProject,
   detectAliasPrefix,
-  hasGlobalsCss,
+  writeSteraUiCss,
+  insertImportLine,
   brand,
   dim,
   LOGO,

package/dist/cli.js

@@ -9,7 +9,8 @@ import path6 from "path";
 // src/utils/resolve-config.ts
 import fs from "fs";
 import path from "path";
-var CONFIG_FILE = "components.json";
+var CONFIG_FILE = "stera.config.json";
+var LEGACY_CONFIG_FILE = "components.json";
 function migrateConfig(raw) {
   if (!("version" in raw) && "tailwind" in raw) {
     const legacy = raw;
@@ -21,11 +22,22 @@ function migrateConfig(raw) {
   }
   return raw;
 }
+var warnedLegacyFilename = false;
+function warnLegacyFilenameOnce(legacyPath) {
+  if (warnedLegacyFilename) return;
+  warnedLegacyFilename = true;
+  console.warn(
+    `  \u26A0 Found ${LEGACY_CONFIG_FILE}. Rename to ${CONFIG_FILE} \u2014 legacy filename support will be removed in a future release.
+    (${legacyPath})`
+  );
+}
 function findConfigPath(cwd) {
   let dir = path.resolve(cwd);
   while (true) {
     const configPath = path.join(dir, CONFIG_FILE);
     if (fs.existsSync(configPath)) return configPath;
+    const legacyPath = path.join(dir, LEGACY_CONFIG_FILE);
+    if (fs.existsSync(legacyPath)) return legacyPath;
     const parent = path.dirname(dir);
     if (parent === dir) return null;
     dir = parent;
@@ -34,6 +46,9 @@ function findConfigPath(cwd) {
 function loadConfig(cwd) {
   const configPath = findConfigPath(cwd);
   if (!configPath) return null;
+  if (path.basename(configPath) === LEGACY_CONFIG_FILE) {
+    warnLegacyFilenameOnce(configPath);
+  }
   try {
     const raw = JSON.parse(fs.readFileSync(configPath, "utf-8"));
     return migrateConfig(raw);
@@ -204,7 +219,6 @@ var dim = (text) => wrap(DIM, text);
 var LOGO = brand("\u273B");
 var CHECK = brand("\u2713");
 var CROSS = "\u2717";
-var WARN = "!";
 
 // src/utils/spinner.ts
 var FRAMES = ["\u2022", "\u2726", "\u2736", "\u273B"].map(brand);
@@ -362,30 +376,78 @@ var transformImports = (content, ctx) => {
   );
 };
 
-// src/utils/detect-globals.ts
-import fs4 from "fs";
+// src/utils/write-stera-css.ts
+import fs4 from "fs/promises";
 import path5 from "path";
-function hasGlobalsCss(config, projectRoot) {
-  const cssPath = path5.resolve(projectRoot, config.css);
-  if (!fs4.existsSync(cssPath)) {
-    return false;
-  }
-  const steraPath = path5.join(path5.dirname(cssPath), "stera-ui.css");
-  if (fs4.existsSync(steraPath)) {
-    return true;
-  }
-  try {
-    const contents = fs4.readFileSync(cssPath, "utf-8");
-    return contents.includes("--color-bg-surface");
-  } catch {
-    return false;
+function stripImportLines(content) {
+  const lines = content.split("\n");
+  const imports = [];
+  const kept = [];
+  for (const line of lines) {
+    if (line.trim().match(/^@import\s+["'].+["']/)) {
+      if (!line.trim().match(/^@import\s+["']tailwindcss["']/)) {
+        imports.push(line.trim());
+      }
+    } else {
+      kept.push(line);
+    }
   }
+  return { content: kept.join("\n"), imports };
+}
+async function writeSteraUiCss(config, cwd) {
+  const item = await fetchRegistryItem("globals");
+  const rawContent = item.files?.[0]?.content ?? "";
+  const { content, imports } = stripImportLines(rawContent);
+  const cssDir = path5.dirname(path5.resolve(cwd, config.css));
+  const steraUiPath = path5.join(cssDir, "stera-ui.css");
+  await fs4.mkdir(cssDir, { recursive: true });
+  await fs4.writeFile(steraUiPath, content, "utf-8");
+  return {
+    steraUiPath,
+    extraImports: imports,
+    dependencies: item.dependencies ?? []
+  };
 }
 
 // src/commands/add.ts
 var transforms = [transformImports];
 async function add(components, options) {
   const cwd = options.cwd ? path6.resolve(options.cwd) : process.cwd();
+  const configPath = findConfigPath(cwd);
+  if (!configPath) {
+    console.error(`  ${CROSS}  ${CONFIG_FILE} not found. Run "stera-ui init" first.`);
+    process.exit(1);
+  }
+  const config = loadConfig(cwd);
+  if (!config) {
+    console.error(`  ${CROSS}  Failed to parse ${CONFIG_FILE}.`);
+    process.exit(1);
+  }
+  const projectRoot = path6.dirname(configPath);
+  if (components.includes("globals")) {
+    if (components.length > 1) {
+      console.error(
+        `  ${CROSS}  "stera-ui add globals" refreshes design tokens and cannot be combined with other components.`
+      );
+      console.error(
+        `     Run "stera-ui add globals" and "stera-ui add ${components.filter((c) => c !== "globals").join(" ")}" separately.`
+      );
+      process.exit(1);
+    }
+    const spinner2 = createSpinner("Refreshing base styles");
+    let result;
+    try {
+      result = await writeSteraUiCss(config, projectRoot);
+    } catch (err) {
+      spinner2.fail("Failed to refresh base styles");
+      throw err;
+    }
+    spinner2.succeed(
+      `Refreshed ${path6.relative(projectRoot, result.steraUiPath)}`
+    );
+    console.log("");
+    return;
+  }
   const spinner = createSpinner("Fetching registry");
   try {
     for (const name of components) {
@@ -400,17 +462,6 @@ async function add(components, options) {
     spinner.fail("Failed to fetch registry");
     throw err;
   }
-  const configPath = findConfigPath(cwd);
-  if (!configPath) {
-    spinner.fail(`${CONFIG_FILE} not found. Run "stera-ui init" first.`);
-    process.exit(1);
-  }
-  const config = loadConfig(cwd);
-  if (!config) {
-    spinner.fail(`Failed to parse ${CONFIG_FILE}.`);
-    process.exit(1);
-  }
-  const projectRoot = path6.dirname(configPath);
   let resolved;
   try {
     resolved = await resolveDependencies(components);
@@ -419,14 +470,6 @@ async function add(components, options) {
     throw err;
   }
   spinner.succeed("Registry resolved");
-  const isAddingGlobals = components.includes("globals");
-  if (!isAddingGlobals && !hasGlobalsCss(config, projectRoot)) {
-    console.warn(`
-  ${WARN}  Stera design tokens not found in ${config.css}`);
-    console.warn(`     Components may not render correctly.`);
-    console.warn(`     Run "stera-ui add globals" to install base styles.
-`);
-  }
   for (const item of resolved) {
     for (const file of item.files ?? []) {
       if (file.content) {
@@ -478,9 +521,10 @@ async function add(components, options) {
 }
 
 // src/commands/init.ts
-import fs9 from "fs";
+import fs10 from "fs";
+import fsp from "fs/promises";
 import path10 from "path";
-import { select } from "@inquirer/prompts";
+import { confirm, select } from "@inquirer/prompts";
 
 // src/utils/detect-project.ts
 import fs5 from "fs";
@@ -987,6 +1031,30 @@ function parseTemplateLiteralToCnArgs(templateLiteral) {
   return [...staticArgs, ...variableArgs];
 }
 
+// src/utils/css-imports.ts
+import fs9 from "fs/promises";
+async function insertImportLine(filePath, importStatement) {
+  const content = await fs9.readFile(filePath, "utf-8");
+  const importPath = importStatement.match(/["']([^"']+)["']/)?.[1];
+  if (importPath) {
+    const escaped = importPath.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    if (new RegExp(`@import\\s+["']${escaped}["']`).test(content)) return;
+  }
+  const lines = content.split("\n");
+  let lastImportIndex = -1;
+  for (let i = 0; i < lines.length; i++) {
+    if (lines[i].trim().startsWith("@import")) {
+      lastImportIndex = i;
+    }
+  }
+  if (lastImportIndex >= 0) {
+    lines.splice(lastImportIndex + 1, 0, importStatement);
+  } else {
+    lines.unshift(importStatement);
+  }
+  await fs9.writeFile(filePath, lines.join("\n"), "utf-8");
+}
+
 // src/commands/init.ts
 var DEFAULT_FONT_NAMES = ["font-geist", "font-geist-mono"];
 function buildConfig(project, strategy, aliasPrefix) {
@@ -1014,42 +1082,6 @@ function buildConfig(project, strategy, aliasPrefix) {
     }
   };
 }
-function stripImportLines(content) {
-  const lines = content.split("\n");
-  const imports = [];
-  const kept = [];
-  for (const line of lines) {
-    if (line.trim().match(/^@import\s+["'].+["']/)) {
-      if (!line.trim().match(/^@import\s+["']tailwindcss["']/)) {
-        imports.push(line.trim());
-      }
-    } else {
-      kept.push(line);
-    }
-  }
-  return { content: kept.join("\n"), imports };
-}
-function insertImportLine(filePath, importStatement) {
-  const content = fs9.readFileSync(filePath, "utf-8");
-  const importPath = importStatement.match(/["']([^"']+)["']/)?.[1];
-  if (importPath) {
-    const escaped = importPath.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    if (new RegExp(`@import\\s+["']${escaped}["']`).test(content)) return;
-  }
-  const lines = content.split("\n");
-  let lastImportIndex = -1;
-  for (let i = 0; i < lines.length; i++) {
-    if (lines[i].trim().startsWith("@import")) {
-      lastImportIndex = i;
-    }
-  }
-  if (lastImportIndex >= 0) {
-    lines.splice(lastImportIndex + 1, 0, importStatement);
-  } else {
-    lines.unshift(importStatement);
-  }
-  fs9.writeFileSync(filePath, lines.join("\n"), "utf-8");
-}
 async function promptFontStrategy(detected, skipPrompts) {
   const hasExistingFonts = detected.hasNextFont || detected.hasFontFace || detected.hasGoogleFontsLink;
   const defaultStrategy = hasExistingFonts ? "keep-existing" : "stera-default";
@@ -1112,26 +1144,17 @@ async function fetchDefaultFonts() {
 }
 async function executeFontStrategy(strategy, project, detected, config, cwd) {
   if (strategy === "skip") return;
+  const cssDir = path10.dirname(path10.resolve(cwd, config.css));
+  const steraUiPath = path10.join(cssDir, "stera-ui.css");
   if (strategy === "keep-existing") {
-    const cssPath = path10.resolve(cwd, config.css);
-    const cssDir = path10.dirname(cssPath);
-    if (fs9.existsSync(cssPath)) {
-      const fontFamily = detected.fontFamilies.length > 0 ? detected.fontFamilies[0] : null;
-      const fontValue = detected.nextFontVariable ? `var(${detected.nextFontVariable})` : fontFamily ?? "Geist";
-      const patched = patchCssVariables(cssPath, {
-        "--font-heading": fontValue,
-        "--font-sans": fontValue
-      });
-      const steraUiPath = path10.join(cssDir, "stera-ui.css");
-      if (fs9.existsSync(steraUiPath)) {
-        patchCssVariables(steraUiPath, {
-          "--font-heading": fontValue,
-          "--font-sans": fontValue
-        });
-      }
-      if (patched.length > 0) {
-        console.log(`  ${CHECK}  Updated font variables to use ${fontValue}`);
-      }
+    const fontFamily = detected.fontFamilies.length > 0 ? detected.fontFamilies[0] : null;
+    const fontValue = detected.nextFontVariable ? `var(${detected.nextFontVariable})` : fontFamily ?? "Geist";
+    const patched = patchCssVariables(steraUiPath, {
+      "--font-heading": fontValue,
+      "--font-sans": fontValue
+    });
+    if (patched.length > 0) {
+      console.log(`  ${CHECK}  Updated font variables to use ${fontValue}`);
     }
     return;
   }
@@ -1142,25 +1165,15 @@ async function executeFontStrategy(strategy, project, detected, config, cwd) {
     await installDependencies(fontTree.dependencies, cwd);
   }
   if (fontTree.cssImports.length > 0) {
-    const cssPath = path10.resolve(cwd, config.css);
-    const cssDir = path10.dirname(cssPath);
-    const targetCss = fs9.existsSync(path10.join(cssDir, "stera-ui.css")) ? path10.join(cssDir, "stera-ui.css") : cssPath;
-    if (fs9.existsSync(targetCss)) {
-      for (const importLine of fontTree.cssImports) {
-        insertImportLine(targetCss, importLine);
-      }
-      console.log(`  ${CHECK}  Added font imports to ${path10.relative(cwd, targetCss)}`);
+    for (const importLine of fontTree.cssImports) {
+      await insertImportLine(steraUiPath, importLine);
     }
+    console.log(`  ${CHECK}  Added font imports to ${path10.relative(cwd, steraUiPath)}`);
   }
   if (Object.keys(fontTree.cssVars).length > 0) {
-    const cssPath = path10.resolve(cwd, config.css);
-    const cssDir = path10.dirname(cssPath);
-    const targetCss = fs9.existsSync(path10.join(cssDir, "stera-ui.css")) ? path10.join(cssDir, "stera-ui.css") : cssPath;
-    if (fs9.existsSync(targetCss)) {
-      const patched = patchCssVariables(targetCss, fontTree.cssVars);
-      if (patched.length > 0) {
-        console.log(`  ${CHECK}  Updated font variables in ${path10.relative(cwd, targetCss)}`);
-      }
+    const patched = patchCssVariables(steraUiPath, fontTree.cssVars);
+    if (patched.length > 0) {
+      console.log(`  ${CHECK}  Updated font variables in ${path10.relative(cwd, steraUiPath)}`);
     }
   }
   await updateFonts(fonts, project, cwd);
@@ -1172,12 +1185,34 @@ async function init(options) {
 `);
   const existing = findConfigPath(cwd);
   if (existing) {
-    console.log(`  components.json already exists at ${existing}`);
+    const existingName = path10.basename(existing);
+    if (existingName === LEGACY_CONFIG_FILE) {
+      console.log(
+        `  Found legacy ${LEGACY_CONFIG_FILE} at ${existing}`
+      );
+      const shouldRename = options.yes ? true : await confirm({
+        message: `Rename it to ${CONFIG_FILE}?`,
+        default: true
+      });
+      if (shouldRename) {
+        const renamed = path10.join(path10.dirname(existing), CONFIG_FILE);
+        fs10.renameSync(existing, renamed);
+        console.log(`  ${CHECK}  Renamed to ${CONFIG_FILE}`);
+        console.log('  Run "stera-ui add <component>" to add components.\n');
+      } else {
+        console.log(
+          `  Keeping ${LEGACY_CONFIG_FILE} for now. Legacy filename support will be removed in a future release.
+`
+        );
+      }
+      return;
+    }
+    console.log(`  ${CONFIG_FILE} already exists at ${existing}`);
     console.log('  Run "stera-ui add <component>" to add components.\n');
     return;
   }
   const pkgPath = path10.join(cwd, "package.json");
-  if (!fs9.existsSync(pkgPath)) {
+  if (!fs10.existsSync(pkgPath)) {
     console.error(
       "  Error: No package.json found. Please run this in a project directory."
     );
@@ -1212,58 +1247,42 @@ async function init(options) {
   );
   const config = buildConfig(project, strategy, aliasPrefix);
   const configPath = path10.join(cwd, CONFIG_FILE);
-  fs9.writeFileSync(
+  fs10.writeFileSync(
     configPath,
     JSON.stringify(config, null, 2) + "\n",
     "utf-8"
   );
-  console.log(`  ${CHECK}  Created components.json`);
-  const cssDir = path10.dirname(path10.resolve(cwd, config.css));
-  if (project.existingCssFile) {
-    if (hasGlobalsCss(config, cwd)) {
-      console.log(
-        `  ${CHECK}  Stera already initialised ${dim(`(${path10.join(path10.dirname(project.existingCssFile), "stera-ui.css")} exists)`)}`
-      );
-    } else {
-      const fetchSpinner = createSpinner("Fetching base styles");
-      let globalsItem;
-      try {
-        globalsItem = await fetchRegistryItem("globals");
-      } catch {
-        fetchSpinner.fail("Base styles not found \u2014 skipping");
-        globalsItem = null;
-      }
-      if (globalsItem) {
-        fetchSpinner.succeed("Base styles resolved");
-        const globalsContent = globalsItem.files?.[0]?.content ?? "";
-        const { content: steraUiContent, imports } = stripImportLines(globalsContent);
-        const steraUiPath = path10.join(cssDir, "stera-ui.css");
-        fs9.mkdirSync(cssDir, { recursive: true });
-        fs9.writeFileSync(steraUiPath, steraUiContent, "utf-8");
-        console.log(`  ${CHECK}  Created ${path10.relative(cwd, steraUiPath)}`);
-        const existingCssPath = path10.resolve(cwd, project.existingCssFile);
-        for (const imp of imports) {
-          insertImportLine(existingCssPath, imp);
-        }
-        insertImportLine(existingCssPath, "@import './stera-ui.css';");
-        console.log(`  ${CHECK}  Added @import to ${project.existingCssFile}`);
-      }
+  console.log(`  ${CHECK}  Created ${CONFIG_FILE}`);
+  const fetchSpinner = createSpinner("Fetching base styles");
+  let steraCssResult;
+  try {
+    steraCssResult = await writeSteraUiCss(config, cwd);
+  } catch (err) {
+    fetchSpinner.fail("Failed to fetch base styles");
+    throw err;
+  }
+  fetchSpinner.succeed("Base styles resolved");
+  console.log(
+    `  ${CHECK}  Created ${path10.relative(cwd, steraCssResult.steraUiPath)}`
+  );
+  const globalsPath = project.existingCssFile ? path10.resolve(cwd, project.existingCssFile) : path10.resolve(cwd, config.css);
+  if (fs10.existsSync(globalsPath)) {
+    for (const imp of steraCssResult.extraImports) {
+      await insertImportLine(globalsPath, imp);
     }
+    await insertImportLine(globalsPath, '@import "./stera-ui.css";');
+    console.log(
+      `  ${CHECK}  Added @import to ${path10.relative(cwd, globalsPath)}`
+    );
   } else {
-    const fetchSpinner = createSpinner("Fetching base styles");
-    let resolved;
-    try {
-      resolved = await resolveDependencies(["globals"]);
-    } catch (err) {
-      fetchSpinner.fail("Failed to fetch base styles");
-      throw err;
-    }
-    fetchSpinner.succeed("Base styles resolved");
-    const filtered = resolved.filter((item) => item.name !== "fonts");
-    const { written } = await writeComponentFiles(filtered, config, cwd);
-    for (const file of written) {
-      console.log(`  ${CHECK}  Created ${file}`);
-    }
+    await fsp.mkdir(path10.dirname(globalsPath), { recursive: true });
+    const scaffold = [
+      '@import "tailwindcss";',
+      ...steraCssResult.extraImports,
+      '@import "./stera-ui.css";'
+    ].join("\n") + "\n";
+    await fsp.writeFile(globalsPath, scaffold, "utf-8");
+    console.log(`  ${CHECK}  Created ${path10.relative(cwd, globalsPath)}`);
   }
   await executeFontStrategy(
     strategy,
@@ -1272,21 +1291,10 @@ async function init(options) {
     config,
     cwd
   );
-  const depsSpinner = createSpinner("Fetching package list");
-  let globalsForDeps;
-  try {
-    globalsForDeps = await fetchRegistryItem("globals");
-  } catch {
-    depsSpinner.fail("Package list unavailable \u2014 skipping");
-    globalsForDeps = null;
-  }
-  if (globalsForDeps) {
-    depsSpinner.succeed("Package list resolved");
-    if (globalsForDeps.dependencies) {
-      const deps = [...new Set(globalsForDeps.dependencies)].sort();
-      console.log("");
-      await installDependencies(deps, cwd);
-    }
+  if (steraCssResult.dependencies.length > 0) {
+    const deps = [...new Set(steraCssResult.dependencies)].sort();
+    console.log("");
+    await installDependencies(deps, cwd);
   }
   console.log("");
   console.log("  Next steps:");

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export { fetchRegistryIndex, fetchRegistryItem, getAllComponents, getComponent, resolveDependencies } from './registry/index.js';
 export { RegistryFontItem, RegistryIndex, RegistryItem, RegistryItemFile, RegistryItemFont, RegistryItemType, SteraConfig, configSchema, registryIndexSchema, registryItemFileSchema, registryItemFontSchema, registryItemSchema, registryItemTypeSchema } from './schema/index.js';
-export { CHECK, CONFIG_FILE, CROSS, LOGO, ProjectInfo, TransformContext, TransformFn, WARN, WriteOptions, WriteResult, applyTransforms, brand, createSpinner, detectAliasPrefix, detectPackageManager, detectProject, dim, findConfigPath, hasGlobalsCss, installDependencies, loadConfig, massageTreeForFonts, resolveOutputPath, transformImports, updateFonts, writeComponentFiles } from './utils/index.js';
+export { CHECK, CONFIG_FILE, CROSS, LEGACY_CONFIG_FILE, LOGO, ProjectInfo, TransformContext, TransformFn, WARN, WriteOptions, WriteResult, WriteSteraCssResult, applyTransforms, brand, createSpinner, detectAliasPrefix, detectPackageManager, detectProject, dim, findConfigPath, insertImportLine, installDependencies, loadConfig, massageTreeForFonts, resolveOutputPath, transformImports, updateFonts, writeComponentFiles, writeSteraUiCss } from './utils/index.js';
 import 'zod';

package/dist/index.js

@@ -1,10 +1,3 @@
-import {
-  fetchRegistryIndex,
-  fetchRegistryItem,
-  getAllComponents,
-  getComponent,
-  resolveDependencies
-} from "./chunk-T3QWOVJR.js";
 import {
   configSchema,
   registryIndexSchema,
@@ -17,6 +10,7 @@ import {
   CHECK,
   CONFIG_FILE,
   CROSS,
+  LEGACY_CONFIG_FILE,
   LOGO,
   WARN,
   applyTransforms,
@@ -27,19 +21,28 @@ import {
   detectProject,
   dim,
   findConfigPath,
-  hasGlobalsCss,
+  insertImportLine,
   installDependencies,
   loadConfig,
   massageTreeForFonts,
   resolveOutputPath,
   transformImports,
   updateFonts,
-  writeComponentFiles
-} from "./chunk-QD7FOI3A.js";
+  writeComponentFiles,
+  writeSteraUiCss
+} from "./chunk-F4NT3JC6.js";
+import {
+  fetchRegistryIndex,
+  fetchRegistryItem,
+  getAllComponents,
+  getComponent,
+  resolveDependencies
+} from "./chunk-T3QWOVJR.js";
 export {
   CHECK,
   CONFIG_FILE,
   CROSS,
+  LEGACY_CONFIG_FILE,
   LOGO,
   WARN,
   applyTransforms,
@@ -55,7 +58,7 @@ export {
   findConfigPath,
   getAllComponents,
   getComponent,
-  hasGlobalsCss,
+  insertImportLine,
   installDependencies,
   loadConfig,
   massageTreeForFonts,
@@ -68,5 +71,6 @@ export {
   resolveOutputPath,
   transformImports,
   updateFonts,
-  writeComponentFiles
+  writeComponentFiles,
+  writeSteraUiCss
 };

package/dist/utils/index.d.ts

@@ -17,7 +17,8 @@ interface SteraConfig {
         nextFont?: boolean;
     };
 }
-declare const CONFIG_FILE = "components.json";
+declare const CONFIG_FILE = "stera.config.json";
+declare const LEGACY_CONFIG_FILE = "components.json";
 declare function findConfigPath(cwd: string): string | null;
 declare function loadConfig(cwd: string): SteraConfig | null;
 
@@ -77,13 +78,36 @@ declare function detectProject(cwd: string): ProjectInfo;
  */
 declare function detectAliasPrefix(cwd: string): string | null;
 
+interface WriteSteraCssResult {
+    /** Absolute path to the written `stera-ui.css`. */
+    steraUiPath: string;
+    /**
+     * Non-tailwindcss `@import` statements stripped from the registry content
+     * (e.g. `@import "tw-animate-css";`). Callers are expected to ensure these
+     * are present in the user's main globals.css.
+     */
+    extraImports: string[];
+    /** npm packages declared by the globals registry item. */
+    dependencies: string[];
+}
 /**
- * Check if Stera has already been initialised in the user's project.
- * Returns true if either a sibling `stera-ui.css` exists (existing-CSS init
- * path) or the user's CSS file itself contains Stera tokens inline
- * (no-existing-CSS init path, or a hand-rolled setup).
+ * Fetch the `globals` registry item and write `stera-ui.css` into the
+ * directory that holds the user's configured globals.css. Overwrites
+ * unconditionally — the caller decides when this is appropriate (init or
+ * an explicit `add globals` refresh).
+ *
+ * Does NOT touch the user's globals.css.
+ */
+declare function writeSteraUiCss(config: SteraConfig, cwd: string): Promise<WriteSteraCssResult>;
+
+/**
+ * Insert an `@import` statement into an existing CSS file, placed after the
+ * last existing `@import` line. Prepends to the file if none exist.
+ *
+ * Idempotent: if an `@import` for the same path already exists, no change
+ * is made.
  */
-declare function hasGlobalsCss(config: SteraConfig, projectRoot: string): boolean;
+declare function insertImportLine(filePath: string, importStatement: string): Promise<void>;
 
 type PackageManager = "pnpm" | "npm" | "yarn" | "bun";
 declare function detectPackageManager(cwd: string): Promise<PackageManager>;
@@ -143,4 +167,4 @@ declare function updateFonts(fonts: RegistryFontItem[], project: ProjectInfo, cw
     silent?: boolean;
 }): Promise<void>;
 
-export { CHECK, CONFIG_FILE, CROSS, LOGO, type ProjectInfo, type TransformContext, type TransformFn, WARN, type WriteOptions, type WriteResult, applyTransforms, brand, createSpinner, detectAliasPrefix, detectPackageManager, detectProject, dim, findConfigPath, hasGlobalsCss, installDependencies, loadConfig, massageTreeForFonts, resolveOutputPath, transformImports, updateFonts, writeComponentFiles };
+export { CHECK, CONFIG_FILE, CROSS, LEGACY_CONFIG_FILE, LOGO, type ProjectInfo, type TransformContext, type TransformFn, WARN, type WriteOptions, type WriteResult, type WriteSteraCssResult, applyTransforms, brand, createSpinner, detectAliasPrefix, detectPackageManager, detectProject, dim, findConfigPath, insertImportLine, installDependencies, loadConfig, massageTreeForFonts, resolveOutputPath, transformImports, updateFonts, writeComponentFiles, writeSteraUiCss };

package/dist/utils/index.js

@@ -2,6 +2,7 @@ import {
   CHECK,
   CONFIG_FILE,
   CROSS,
+  LEGACY_CONFIG_FILE,
   LOGO,
   WARN,
   applyTransforms,
@@ -12,19 +13,22 @@ import {
   detectProject,
   dim,
   findConfigPath,
-  hasGlobalsCss,
+  insertImportLine,
   installDependencies,
   loadConfig,
   massageTreeForFonts,
   resolveOutputPath,
   transformImports,
   updateFonts,
-  writeComponentFiles
-} from "../chunk-QD7FOI3A.js";
+  writeComponentFiles,
+  writeSteraUiCss
+} from "../chunk-F4NT3JC6.js";
+import "../chunk-T3QWOVJR.js";
 export {
   CHECK,
   CONFIG_FILE,
   CROSS,
+  LEGACY_CONFIG_FILE,
   LOGO,
   WARN,
   applyTransforms,
@@ -35,12 +39,13 @@ export {
   detectProject,
   dim,
   findConfigPath,
-  hasGlobalsCss,
+  insertImportLine,
   installDependencies,
   loadConfig,
   massageTreeForFonts,
   resolveOutputPath,
   transformImports,
   updateFonts,
-  writeComponentFiles
+  writeComponentFiles,
+  writeSteraUiCss
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stera-ui",
-  "version": "0.3.3",
+  "version": "0.5.0",
   "type": "module",
   "description": "Add Stera UI components to your project.",
   "license": "MIT",