trix-ui 0.2.8 → 0.2.10

package/dist/commands/init/command.js

@@ -1,115 +1,115 @@
-import path from "node:path";
-import { Command } from "commander";
-import ora from "ora";
-import prompts from "prompts";
-import { getConfigPath, writeConfig } from "../../lib/config.js";
-import { fileExists } from "../../lib/fs.js";
-import { logger } from "../../lib/logger.js";
-import { createConfig } from "./config.js";
-import { checkDependencies, confirmInstallation, installDependencies, } from "./dependencies.js";
-import { directoryExists } from "./filesystem.js";
-import { detectProject, validateProject } from "./project.js";
-import { setupGlobalStyles, setupTailwind } from "./tailwind.js";
-import { setupTypeScriptPaths } from "./tsconfig.js";
-import { displayProjectInfo, displaySuccessMessage } from "./ui.js";
-export const initCommand = new Command("init")
-    .description("Initialize a project for trix-ui artifacts")
-    .option("-f, --force", "overwrite existing files", false)
-    .option("-b, --barrel", "create components/ui/index.ts barrel file", false)
-    .option("-c, --cwd <path>", "working directory to init project")
-    .option("-y, --yes", "skip confirmation prompts", false)
-    .option("-s, --silent", "suppress output messages", false)
-    .action(async (options) => {
-    const spinner = options.silent ? null : ora({ color: "blue" });
-    const shouldLog = !options.silent;
-    const forceOverwrite = Boolean(options.force);
-    try {
-        const cwd = path.resolve(options.cwd || process.cwd());
-        if (shouldLog) {
-            logger.info({ cwd }, "Initializing trix-ui");
-        }
-        if (!(await directoryExists(cwd))) {
-            logger.error(`Directory does not exist: ${cwd}`);
-            process.exit(1);
-        }
-        spinner?.start("Detecting project configuration...");
-        const projectInfo = await detectProject(cwd);
-        spinner?.succeed("Project detected");
-        spinner?.start("Validating project setup...");
-        const validation = await validateProject(cwd, projectInfo);
-        spinner?.stop();
-        if (!validation.valid) {
-            logger.error({ errors: validation.errors }, "Project does not meet init requirements");
-            process.exit(1);
-        }
-        if (validation.warnings.length > 0 && shouldLog) {
-            logger.warn({ warnings: validation.warnings }, "Validation warnings");
-        }
-        if (!options.silent) {
-            displayProjectInfo(projectInfo);
-        }
-        const configPath = getConfigPath(cwd);
-        const configExists = await fileExists(configPath);
-        let shouldOverwriteConfig = forceOverwrite;
-        if (configExists && !options.force) {
-            const { overwrite } = await prompts({
-                type: "confirm",
-                name: "overwrite",
-                message: "Configuration already exists. Do you want to overwrite it?",
-                initial: false,
-            });
-            if (!overwrite) {
-                logger.info("Initialization cancelled");
-                process.exit(0);
-            }
-            shouldOverwriteConfig = true;
-        }
-        spinner?.start("Checking dependencies...");
-        const dependencies = await checkDependencies(cwd, projectInfo);
-        spinner?.stop();
-        if (dependencies.missing.length > 0) {
-            if (shouldLog) {
-                logger.warn({ missing: dependencies.missing }, "Missing required dependencies detected");
-            }
-            const shouldInstall = options.yes
-                ? true
-                : await confirmInstallation(dependencies);
-            if (shouldInstall) {
-                await installDependencies(cwd, projectInfo, dependencies, spinner);
-            }
-            else if (shouldLog) {
-                logger.warn({ missing: dependencies.missing }, "Skipping dependency installation. Some features may not work properly.");
-            }
-        }
-        if (!projectInfo.tailwind) {
-            spinner?.start("Setting up Tailwind CSS...");
-            await setupTailwind(cwd, projectInfo, options);
-            spinner?.succeed("Tailwind CSS configured");
-            projectInfo.tailwind = true;
-        }
-        spinner?.start("Creating configuration...");
-        const config = createConfig(projectInfo, options);
-        await writeConfig(cwd, config, shouldOverwriteConfig);
-        spinner?.succeed("Configuration created");
-        spinner?.start("Setting up CSS variables...");
-        await setupGlobalStyles(cwd, config, options);
-        spinner?.succeed("CSS variables configured");
-        if (projectInfo.typescript) {
-            spinner?.start("Configuring TypeScript path aliases...");
-            await setupTypeScriptPaths(cwd, projectInfo);
-            spinner?.succeed("TypeScript path aliases configured");
-        }
-        if (!options.silent) {
-            displaySuccessMessage(projectInfo, config);
-        }
-    }
-    catch (error) {
-        spinner?.fail("Initialization failed");
-        logger.error(error.message);
-        if (process.env.DEBUG) {
-            console.error(error);
-        }
-        process.exit(1);
-    }
-});
+import path from "node:path";
+import { Command } from "commander";
+import ora from "ora";
+import prompts from "prompts";
+import { getConfigPath, writeConfig } from "../../lib/config.js";
+import { fileExists } from "../../lib/fs.js";
+import { logger } from "../../lib/logger.js";
+import { createConfig } from "./config.js";
+import { checkDependencies, confirmInstallation, installDependencies, } from "./dependencies.js";
+import { directoryExists } from "./filesystem.js";
+import { detectProject, validateProject } from "./project.js";
+import { setupGlobalStyles, setupTailwind } from "./tailwind.js";
+import { setupTypeScriptPaths } from "./tsconfig.js";
+import { displayProjectInfo, displaySuccessMessage } from "./ui.js";
+export const initCommand = new Command("init")
+    .description("Initialize a project for trix-ui artifacts")
+    .option("-f, --force", "overwrite existing files", false)
+    .option("-b, --barrel", "create components/ui/index.ts barrel file", false)
+    .option("-c, --cwd <path>", "working directory to init project")
+    .option("-y, --yes", "skip confirmation prompts", false)
+    .option("-s, --silent", "suppress output messages", false)
+    .action(async (options) => {
+    const spinner = options.silent ? null : ora({ color: "blue" });
+    const shouldLog = !options.silent;
+    const forceOverwrite = Boolean(options.force);
+    try {
+        const cwd = path.resolve(options.cwd || process.cwd());
+        if (shouldLog) {
+            logger.info({ cwd }, "Initializing trix-ui");
+        }
+        if (!(await directoryExists(cwd))) {
+            logger.error(`Directory does not exist: ${cwd}`);
+            process.exit(1);
+        }
+        spinner?.start("Detecting project configuration...");
+        const projectInfo = await detectProject(cwd);
+        spinner?.succeed("Project detected");
+        spinner?.start("Validating project setup...");
+        const validation = await validateProject(cwd, projectInfo);
+        spinner?.stop();
+        if (!validation.valid) {
+            logger.error({ errors: validation.errors }, "Project does not meet init requirements");
+            process.exit(1);
+        }
+        if (validation.warnings.length > 0 && shouldLog) {
+            logger.warn({ warnings: validation.warnings }, "Validation warnings");
+        }
+        if (!options.silent) {
+            displayProjectInfo(projectInfo);
+        }
+        const configPath = getConfigPath(cwd);
+        const configExists = await fileExists(configPath);
+        let shouldOverwriteConfig = forceOverwrite;
+        if (configExists && !options.force) {
+            const { overwrite } = await prompts({
+                type: "confirm",
+                name: "overwrite",
+                message: "Configuration already exists. Do you want to overwrite it?",
+                initial: false,
+            });
+            if (!overwrite) {
+                logger.info("Initialization cancelled");
+                process.exit(0);
+            }
+            shouldOverwriteConfig = true;
+        }
+        spinner?.start("Checking dependencies...");
+        const dependencies = await checkDependencies(cwd, projectInfo);
+        spinner?.stop();
+        if (dependencies.missing.length > 0) {
+            if (shouldLog) {
+                logger.warn({ missing: dependencies.missing }, "Missing required dependencies detected");
+            }
+            const shouldInstall = options.yes
+                ? true
+                : await confirmInstallation(dependencies);
+            if (shouldInstall) {
+                await installDependencies(cwd, projectInfo, dependencies, spinner);
+            }
+            else if (shouldLog) {
+                logger.warn({ missing: dependencies.missing }, "Skipping dependency installation. Some features may not work properly.");
+            }
+        }
+        if (!projectInfo.tailwind) {
+            spinner?.start("Setting up Tailwind CSS...");
+            await setupTailwind(cwd, projectInfo, options);
+            spinner?.succeed("Tailwind CSS configured");
+            projectInfo.tailwind = true;
+        }
+        spinner?.start("Creating configuration...");
+        const config = createConfig(projectInfo, options);
+        await writeConfig(cwd, config, shouldOverwriteConfig);
+        spinner?.succeed("Configuration created");
+        spinner?.start("Setting up CSS variables...");
+        await setupGlobalStyles(cwd, config, options);
+        spinner?.succeed("CSS variables configured");
+        if (projectInfo.typescript) {
+            spinner?.start("Configuring TypeScript path aliases...");
+            await setupTypeScriptPaths(cwd, projectInfo);
+            spinner?.succeed("TypeScript path aliases configured");
+        }
+        if (!options.silent) {
+            displaySuccessMessage(projectInfo, config);
+        }
+    }
+    catch (error) {
+        spinner?.fail("Initialization failed");
+        logger.error(error.message);
+        if (process.env.DEBUG) {
+            console.error(error);
+        }
+        process.exit(1);
+    }
+});
 //# sourceMappingURL=command.js.map

package/dist/commands/init/config.d.ts

@@ -1,2 +1,2 @@
-import type { InitConfig, InitOptions, ProjectInfo } from "./types.js";
-export declare function createConfig(projectInfo: ProjectInfo, options: InitOptions): InitConfig;
+import type { InitConfig, InitOptions, ProjectInfo } from "./types.js";
+export declare function createConfig(projectInfo: ProjectInfo, options: InitOptions): InitConfig;

package/dist/commands/init/config.js

@@ -1,26 +1,26 @@
-import path from "node:path";
-import { DEFAULT_CONFIG } from "../../lib/config.js";
-export function createConfig(projectInfo, options) {
-    const baseDir = projectInfo.srcDir ? "src" : ".";
-    const ext = projectInfo.typescript ? "ts" : "js";
-    const stylesPath = projectInfo.framework === "next"
-        ? "globals.css"
-        : projectInfo.srcDir
-            ? path.join("src", "globals.css")
-            : "globals.css";
-    return {
-        ...DEFAULT_CONFIG,
-        barrel: Boolean(options.barrel),
-        typescript: projectInfo.typescript,
-        framework: projectInfo.framework,
-        paths: {
-            components: path.join(baseDir, "components/ui"),
-            sections: path.join(baseDir, "components/sections"),
-            wrappers: path.join(baseDir, "components/wrappers"),
-            composites: path.join(baseDir, "components/composites"),
-            utils: path.join(baseDir, "lib", `utils.${ext}`),
-            styles: stylesPath
-        }
-    };
-}
+import path from "node:path";
+import { DEFAULT_CONFIG } from "../../lib/config.js";
+export function createConfig(projectInfo, options) {
+    const baseDir = projectInfo.srcDir ? "src" : ".";
+    const ext = projectInfo.typescript ? "ts" : "js";
+    const stylesPath = projectInfo.framework === "next"
+        ? "globals.css"
+        : projectInfo.srcDir
+            ? path.join("src", "globals.css")
+            : "globals.css";
+    return {
+        ...DEFAULT_CONFIG,
+        barrel: Boolean(options.barrel),
+        typescript: projectInfo.typescript,
+        framework: projectInfo.framework,
+        paths: {
+            components: path.join(baseDir, "components/ui"),
+            sections: path.join(baseDir, "components/sections"),
+            wrappers: path.join(baseDir, "components/wrappers"),
+            composites: path.join(baseDir, "components/composites"),
+            utils: path.join(baseDir, "lib", `utils.${ext}`),
+            styles: stylesPath
+        }
+    };
+}
 //# sourceMappingURL=config.js.map

package/dist/commands/init/constants.d.ts

@@ -1,3 +1,3 @@
-import type { Framework } from "./types.js";
-export declare const TAILWIND_CONTENT_PATHS: Record<Framework, string[]>;
-export declare const BASE_CSS_VARS = "@import \"tailwindcss\";\n\n@custom-variant dark (&:is(.dark *));\n\n@theme inline {\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n  --font-sans: var(--font-geist-sans);\n  --font-mono: var(--font-geist-mono);\n  --color-sidebar-ring: var(--sidebar-ring);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar: var(--sidebar);\n  --color-ring: var(--ring);\n  --color-input: var(--input);\n  --color-border: var(--border);\n  --color-destructive: var(--destructive);\n  --color-accent-foreground: var(--accent-foreground);\n  --color-accent: var(--accent);\n  --color-muted-foreground: var(--muted-foreground);\n  --color-muted: var(--muted);\n  --color-secondary-foreground: var(--secondary-foreground);\n  --color-secondary: var(--secondary);\n  --color-primary-foreground: var(--primary-foreground);\n  --color-primary: var(--primary);\n  --color-popover-foreground: var(--popover-foreground);\n  --color-popover: var(--popover);\n  --color-card-foreground: var(--card-foreground);\n  --color-card: var(--card);\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: var(--radius);\n  --radius-xl: calc(var(--radius) + 4px);\n  --radius-2xl: calc(var(--radius) + 8px);\n  --radius-3xl: calc(var(--radius) + 12px);\n  --radius-4xl: calc(var(--radius) + 16px);\n}\n\n:root {\n  --radius: 0.625rem;\n  --background: oklch(1 0 0);\n  --foreground: oklch(0.145 0 0);\n  --card: oklch(1 0 0);\n  --card-foreground: oklch(0.145 0 0);\n  --popover: oklch(1 0 0);\n  --popover-foreground: oklch(0.145 0 0);\n  --primary: oklch(54.61% 0.215 262.88);\n  --primary-foreground: oklch(0.985 0 0);\n  --secondary: oklch(0.97 0 0);\n  --secondary-foreground: oklch(0.205 0 0);\n  --muted: oklch(0.97 0 0);\n  --muted-foreground: oklch(0.556 0 0);\n  --accent: oklch(0.97 0 0);\n  --accent-foreground: oklch(0.205 0 0);\n  --destructive: oklch(0.577 0.245 27.325);\n  --border: oklch(0.922 0 0);\n  --input: oklch(0.922 0 0);\n  --ring: oklch(0.708 0 0);\n}\n\n.dark {\n  --background: oklch(0.145 0 0);\n  --foreground: oklch(0.985 0 0);\n  --card: oklch(0.205 0 0);\n  --card-foreground: oklch(0.985 0 0);\n  --popover: oklch(0.205 0 0);\n  --popover-foreground: oklch(0.985 0 0);\n  --primary: oklch(54.61% 0.215 262.88);\n  --primary-foreground: oklch(0.205 0 0);\n  --secondary: oklch(0.269 0 0);\n  --secondary-foreground: oklch(0.985 0 0);\n  --muted: oklch(0.269 0 0);\n  --muted-foreground: oklch(0.708 0 0);\n  --accent: oklch(0.269 0 0);\n  --accent-foreground: oklch(0.985 0 0);\n  --destructive: oklch(0.704 0.191 22.216);\n  --border: oklch(1 0 0 / 10%);\n  --input: oklch(1 0 0 / 15%);\n  --ring: oklch(0.556 0 0);\n}\n\n@layer base {\n  * {\n    @apply border-border outline-ring/50;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}\n";
+import type { Framework } from "./types.js";
+export declare const TAILWIND_CONTENT_PATHS: Record<Framework, string[]>;
+export declare const BASE_CSS_VARS = "@import \"tailwindcss\";\n\n@custom-variant dark (&:is(.dark *));\n\n@theme inline {\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n  --font-sans: var(--font-geist-sans);\n  --font-mono: var(--font-geist-mono);\n  --color-sidebar-ring: var(--sidebar-ring);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar: var(--sidebar);\n  --color-ring: var(--ring);\n  --color-input: var(--input);\n  --color-border: var(--border);\n  --color-destructive: var(--destructive);\n  --color-accent-foreground: var(--accent-foreground);\n  --color-accent: var(--accent);\n  --color-muted-foreground: var(--muted-foreground);\n  --color-muted: var(--muted);\n  --color-secondary-foreground: var(--secondary-foreground);\n  --color-secondary: var(--secondary);\n  --color-primary-foreground: var(--primary-foreground);\n  --color-primary: var(--primary);\n  --color-popover-foreground: var(--popover-foreground);\n  --color-popover: var(--popover);\n  --color-card-foreground: var(--card-foreground);\n  --color-card: var(--card);\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: var(--radius);\n  --radius-xl: calc(var(--radius) + 4px);\n  --radius-2xl: calc(var(--radius) + 8px);\n  --radius-3xl: calc(var(--radius) + 12px);\n  --radius-4xl: calc(var(--radius) + 16px);\n}\n\n:root {\n  --radius: 0.625rem;\n  --background: oklch(1 0 0);\n  --foreground: oklch(0.145 0 0);\n  --card: oklch(1 0 0);\n  --card-foreground: oklch(0.145 0 0);\n  --popover: oklch(1 0 0);\n  --popover-foreground: oklch(0.145 0 0);\n  --primary: oklch(54.61% 0.215 262.88);\n  --primary-foreground: oklch(0.985 0 0);\n  --secondary: oklch(0.97 0 0);\n  --secondary-foreground: oklch(0.205 0 0);\n  --muted: oklch(0.97 0 0);\n  --muted-foreground: oklch(0.556 0 0);\n  --accent: oklch(0.97 0 0);\n  --accent-foreground: oklch(0.205 0 0);\n  --destructive: oklch(0.577 0.245 27.325);\n  --border: oklch(0.922 0 0);\n  --input: oklch(0.922 0 0);\n  --ring: oklch(0.708 0 0);\n}\n\n.dark {\n  --background: oklch(0.145 0 0);\n  --foreground: oklch(0.985 0 0);\n  --card: oklch(0.205 0 0);\n  --card-foreground: oklch(0.985 0 0);\n  --popover: oklch(0.205 0 0);\n  --popover-foreground: oklch(0.985 0 0);\n  --primary: oklch(54.61% 0.215 262.88);\n  --primary-foreground: oklch(0.205 0 0);\n  --secondary: oklch(0.269 0 0);\n  --secondary-foreground: oklch(0.985 0 0);\n  --muted: oklch(0.269 0 0);\n  --muted-foreground: oklch(0.708 0 0);\n  --accent: oklch(0.269 0 0);\n  --accent-foreground: oklch(0.985 0 0);\n  --destructive: oklch(0.704 0.191 22.216);\n  --border: oklch(1 0 0 / 10%);\n  --input: oklch(1 0 0 / 15%);\n  --ring: oklch(0.556 0 0);\n}\n\n@layer base {\n  * {\n    @apply border-border outline-ring/50;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n}\n";

package/dist/commands/init/constants.js

@@ -1,106 +1,106 @@
-export const TAILWIND_CONTENT_PATHS = {
-    next: [
-        "./app/**/*.{js,ts,jsx,tsx,mdx}",
-        "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-        "./components/**/*.{js,ts,jsx,tsx,mdx}",
-        "./src/**/*.{js,ts,jsx,tsx,mdx}"
-    ],
-    react: ["./src/**/*.{js,ts,jsx,tsx}", "./index.html"],
-    vite: ["./src/**/*.{js,ts,jsx,tsx}", "./index.html"],
-    unknown: ["./src/**/*.{js,ts,jsx,tsx}", "./index.html"]
-};
-export const BASE_CSS_VARS = `@import "tailwindcss";
-
-@custom-variant dark (&:is(.dark *));
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-  --color-sidebar-ring: var(--sidebar-ring);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar: var(--sidebar);
-  --color-ring: var(--ring);
-  --color-input: var(--input);
-  --color-border: var(--border);
-  --color-destructive: var(--destructive);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-accent: var(--accent);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-muted: var(--muted);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-secondary: var(--secondary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-primary: var(--primary);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-popover: var(--popover);
-  --color-card-foreground: var(--card-foreground);
-  --color-card: var(--card);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --radius-2xl: calc(var(--radius) + 8px);
-  --radius-3xl: calc(var(--radius) + 12px);
-  --radius-4xl: calc(var(--radius) + 16px);
-}
-
-:root {
-  --radius: 0.625rem;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(54.61% 0.215 262.88);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-}
-
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(54.61% 0.215 262.88);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}
-`;
+export const TAILWIND_CONTENT_PATHS = {
+    next: [
+        "./app/**/*.{js,ts,jsx,tsx,mdx}",
+        "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+        "./components/**/*.{js,ts,jsx,tsx,mdx}",
+        "./src/**/*.{js,ts,jsx,tsx,mdx}"
+    ],
+    react: ["./src/**/*.{js,ts,jsx,tsx}", "./index.html"],
+    vite: ["./src/**/*.{js,ts,jsx,tsx}", "./index.html"],
+    unknown: ["./src/**/*.{js,ts,jsx,tsx}", "./index.html"]
+};
+export const BASE_CSS_VARS = `@import "tailwindcss";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+  --radius-3xl: calc(var(--radius) + 12px);
+  --radius-4xl: calc(var(--radius) + 16px);
+}
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(54.61% 0.215 262.88);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(54.61% 0.215 262.88);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+`;
 //# sourceMappingURL=constants.js.map

package/dist/commands/init/dependencies.d.ts

@@ -1,5 +1,5 @@
-import type { Ora } from "ora";
-import type { DependencyInstallation, ProjectInfo } from "./types.js";
-export declare function checkDependencies(cwd: string, projectInfo: ProjectInfo): Promise<DependencyInstallation>;
-export declare function confirmInstallation(dependencies: DependencyInstallation): Promise<boolean>;
-export declare function installDependencies(cwd: string, projectInfo: ProjectInfo, dependencies: DependencyInstallation, spinner: Ora | null): Promise<void>;
+import type { Ora } from "ora";
+import type { DependencyInstallation, ProjectInfo } from "./types.js";
+export declare function checkDependencies(cwd: string, projectInfo: ProjectInfo): Promise<DependencyInstallation>;
+export declare function confirmInstallation(dependencies: DependencyInstallation): Promise<boolean>;
+export declare function installDependencies(cwd: string, projectInfo: ProjectInfo, dependencies: DependencyInstallation, spinner: Ora | null): Promise<void>;

package/dist/commands/init/dependencies.js

@@ -1,53 +1,53 @@
-import { execa } from "execa";
-import prompts from "prompts";
-import { collectDependencies, readPackageJson } from "./package-json.js";
-export async function checkDependencies(cwd, projectInfo) {
-    const packageJson = await readPackageJson(cwd);
-    const allDeps = collectDependencies(packageJson);
-    const required = [];
-    const devDependencies = projectInfo.tailwind
-        ? []
-        : ["tailwindcss", "@tailwindcss/postcss"];
-    const missing = [
-        ...required.filter((dep) => !allDeps[dep]),
-        ...devDependencies.filter((dep) => !allDeps[dep])
-    ];
-    return {
-        required,
-        devDependencies,
-        missing
-    };
-}
-export async function confirmInstallation(dependencies) {
-    const { shouldInstall } = await prompts({
-        type: "confirm",
-        name: "shouldInstall",
-        message: `Install missing dependencies? (${dependencies.missing.join(", ")})`,
-        initial: true
-    });
-    return shouldInstall;
-}
-export async function installDependencies(cwd, projectInfo, dependencies, spinner) {
-    const requiredMissing = dependencies.missing.filter((dep) => dependencies.required.includes(dep));
-    const devMissing = dependencies.missing.filter((dep) => dependencies.devDependencies.includes(dep));
-    const pm = projectInfo.packageManager;
-    const installCmd = pm === "npm" ? "install" : "add";
-    try {
-        if (requiredMissing.length > 0) {
-            spinner?.start(`Installing dependencies with ${pm}...`);
-            await execa(pm, [installCmd, ...requiredMissing], { cwd });
-            spinner?.succeed("Dependencies installed");
-        }
-        if (devMissing.length > 0) {
-            spinner?.start(`Installing dev dependencies with ${pm}...`);
-            const devFlag = pm === "npm" ? "--save-dev" : "-D";
-            await execa(pm, [installCmd, devFlag, ...devMissing], { cwd });
-            spinner?.succeed("Dev dependencies installed");
-        }
-    }
-    catch (error) {
-        spinner?.fail("Failed to install dependencies");
-        throw new Error(`Failed to install dependencies: ${error.message}`);
-    }
-}
+import { execa } from "execa";
+import prompts from "prompts";
+import { collectDependencies, readPackageJson } from "./package-json.js";
+export async function checkDependencies(cwd, projectInfo) {
+    const packageJson = await readPackageJson(cwd);
+    const allDeps = collectDependencies(packageJson);
+    const required = [];
+    const devDependencies = projectInfo.tailwind
+        ? []
+        : ["tailwindcss", "@tailwindcss/postcss"];
+    const missing = [
+        ...required.filter((dep) => !allDeps[dep]),
+        ...devDependencies.filter((dep) => !allDeps[dep])
+    ];
+    return {
+        required,
+        devDependencies,
+        missing
+    };
+}
+export async function confirmInstallation(dependencies) {
+    const { shouldInstall } = await prompts({
+        type: "confirm",
+        name: "shouldInstall",
+        message: `Install missing dependencies? (${dependencies.missing.join(", ")})`,
+        initial: true
+    });
+    return shouldInstall;
+}
+export async function installDependencies(cwd, projectInfo, dependencies, spinner) {
+    const requiredMissing = dependencies.missing.filter((dep) => dependencies.required.includes(dep));
+    const devMissing = dependencies.missing.filter((dep) => dependencies.devDependencies.includes(dep));
+    const pm = projectInfo.packageManager;
+    const installCmd = pm === "npm" ? "install" : "add";
+    try {
+        if (requiredMissing.length > 0) {
+            spinner?.start(`Installing dependencies with ${pm}...`);
+            await execa(pm, [installCmd, ...requiredMissing], { cwd });
+            spinner?.succeed("Dependencies installed");
+        }
+        if (devMissing.length > 0) {
+            spinner?.start(`Installing dev dependencies with ${pm}...`);
+            const devFlag = pm === "npm" ? "--save-dev" : "-D";
+            await execa(pm, [installCmd, devFlag, ...devMissing], { cwd });
+            spinner?.succeed("Dev dependencies installed");
+        }
+    }
+    catch (error) {
+        spinner?.fail("Failed to install dependencies");
+        throw new Error(`Failed to install dependencies: ${error.message}`);
+    }
+}
 //# sourceMappingURL=dependencies.js.map

package/dist/commands/init/filesystem.d.ts

@@ -1 +1 @@
-export declare function directoryExists(dir: string): Promise<boolean>;
+export declare function directoryExists(dir: string): Promise<boolean>;