gradient-forge 1.0.4 → 1.0.5

package/cli/index.mjs

@@ -188,18 +188,26 @@ body {
 // Generate theme context
 const generateContext = (themeId, mode) => {
   return `"use client";
-import React, { createContext, useContext, useEffect, useState } from "react";
+import { createContext, useContext, useEffect, useState, type ReactNode } from "react";
 
 export type ThemeId = string;
 export type ColorMode = string;
 
+interface ThemeContextType {
+  themeId: string;
+  colorMode: string;
+  setThemeId: (id: string) => void;
+  setColorMode: (mode: string) => void;
+  themes: { id: string; label: string }[];
+}
+
 const allThemes = [
 ${themes.map(t => `  { id: "${t.id}", label: "${t.label}" }`).join(",\n")}
 ];
 
-const ThemeContext: any = createContext(null);
+const ThemeContext = createContext<ThemeContextType | null>(null);
 
-export const ThemeProvider = ({ children }: { children: any }) => {
+export const ThemeProvider = ({ children }: { children: ReactNode }) => {
   const [themeId, setThemeId] = useState("${themeId}");
   const [colorMode, setColorMode] = useState("${mode}");
 
@@ -231,8 +239,8 @@ export function ThemeSwitcher() {
   const { themeId, colorMode, setThemeId, setColorMode, themes } = useTheme();
   return (
     <div style={{ display: "flex", gap: "8px", padding: "8px" }}>
-      <select value={themeId} onChange={(e: any) => setThemeId(e.target.value)} style={{ padding: "4px" }}>
-        {themes.map((t: any) => <option key={t.id} value={t.id}>{t.label}</option>)}
+      <select value={themeId} onChange={(e) => setThemeId(e.target.value)} style={{ padding: "4px" }}>
+        {themes.map((t) => <option key={t.id} value={t.id}>{t.label}</option>)}
       </select>
       <button onClick={() => setColorMode(colorMode === "dark" ? "light" : "dark")} style={{ padding: "4px 8px" }}>
         {colorMode === "dark" ? "🌙" : "☀️"}
@@ -276,8 +284,8 @@ const setupNextJs = (projectRoot, themeId, mode) => {
     let content = fs.readFileSync(layoutPath, "utf8");
     
     if (!content.includes("ThemeProvider")) {
-      // Add import
-      const importStmt = `import { ThemeProvider } from "./components/theme/theme-context";`;
+      // Use @/ import path for Next.js
+      const importStmt = `import { ThemeProvider } from "@/components/theme/theme-context";`;
       if (!content.includes(importStmt)) {
         content = importStmt + "\n" + content;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gradient-forge",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "A production-ready gradient theming framework for shadcn/ui with CLI support",
   "type": "module",
   "bin": {