myoperator-ui 0.0.5 → 0.0.7

package/dist/index.js

@@ -354,7 +354,8 @@ var CSS_VARIABLES_V4 = `@import "tailwindcss";
   --ring: 212.7 26.8% 83.9%;
 }
 `;
-var CSS_VARIABLES_V4_PREFIXED = `@import "tailwindcss/utilities" layer(utilities);
+var CSS_VARIABLES_V4_PREFIXED = `@import "tailwindcss/theme" layer(theme);
+@import "tailwindcss/utilities" layer(utilities);
 
 @theme {
   --color-background: hsl(0 0% 100%);
@@ -592,6 +593,17 @@ async function init() {
       process.exit(0);
     }
   }
+  const packageJsonPath = path2.join(cwd, "package.json");
+  let hasBootstrap = false;
+  let isESM = false;
+  if (await fs2.pathExists(packageJsonPath)) {
+    const packageJson = await fs2.readJson(packageJsonPath);
+    hasBootstrap = !!(packageJson.dependencies?.bootstrap || packageJson.devDependencies?.bootstrap);
+    isESM = packageJson.type === "module";
+    if (hasBootstrap) {
+      console.log(chalk2.blue("  \u2139 Bootstrap detected - will configure Tailwind to avoid conflicts\n"));
+    }
+  }
   const response = await prompts2([
     {
       type: "select",
@@ -607,7 +619,8 @@ async function init() {
       type: "confirm",
       name: "usePrefix",
       message: "Use a prefix for Tailwind classes? (recommended if using Bootstrap/other CSS frameworks)",
-      initial: false
+      initial: hasBootstrap
+      // Auto-set to true if Bootstrap detected
     },
     {
       type: (prev) => prev ? "text" : null,
@@ -676,7 +689,7 @@ export function cn(...inputs: ClassValue[]) {
     const globalCssPath = path2.join(cwd, response.globalCss);
     let cssContent;
     if (response.tailwindVersion === "v4") {
-      cssContent = prefix ? CSS_VARIABLES_V4_PREFIXED : CSS_VARIABLES_V4;
+      cssContent = prefix || hasBootstrap ? CSS_VARIABLES_V4_PREFIXED : CSS_VARIABLES_V4;
     } else {
       cssContent = CSS_VARIABLES_V3;
     }
@@ -727,7 +740,12 @@ export function cn(...inputs: ClassValue[]) {
       }
     }
     const postcssConfigPath = path2.join(cwd, "postcss.config.js");
-    const postcssConfigContent = `export default {
+    const postcssConfigContent = isESM ? `export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+}
+` : `module.exports = {
   plugins: {
     '@tailwindcss/postcss': {},
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-ui",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "CLI for adding myOperator UI components to your project",
   "type": "module",
   "exports": "./dist/index.js",