myoperator-ui 0.0.21 → 0.0.23

package/dist/index.js

@@ -14,7 +14,7 @@ import ora from "ora";
 // src/utils/registry.ts
 function prefixTailwindClasses(content, prefix) {
   if (!prefix) return content;
-  const cleanPrefix = prefix.replace(/-/g, "") + ":";
+  const cleanPrefix = prefix;
   return content.replace(/"([^"]+)"/g, (match, classString) => {
     if (classString.startsWith("@") || classString.startsWith(".") || classString.includes("::")) {
       return match;
@@ -62,7 +62,7 @@ import { Loader2 } from "lucide-react"
 import { cn } from "@/lib/utils"
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1e293b] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1e293b] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -77,10 +77,10 @@ const buttonVariants = cva(
         link: "text-[#343E55] underline-offset-4 hover:underline",
       },
       size: {
-        default: "py-2.5 px-4",
-        sm: "py-2 px-3 text-xs",
-        lg: "py-3 px-6",
-        icon: "p-2.5",
+        default: "h-10 py-2.5 px-4",
+        sm: "h-9 py-2 px-3 text-xs",
+        lg: "h-11 py-3 px-6",
+        icon: "h-10 w-10 p-2.5",
       },
     },
     defaultVariants: {
@@ -334,14 +334,11 @@ var CSS_VARIABLES_V4 = `@import "tailwindcss";
   --ring: 212.7 26.8% 83.9%;
 }
 `;
-var getCSS_VARIABLES_V4_BOOTSTRAP = (prefix) => {
-  const cleanPrefix = prefix ? prefix.replace(/-/g, "") : "";
-  const prefixOption = cleanPrefix ? ` prefix(${cleanPrefix})` : "";
-  return `/* myOperator UI - Tailwind CSS for Bootstrap projects */
+var CSS_VARIABLES_V4_BOOTSTRAP = `/* myOperator UI - Tailwind CSS for Bootstrap projects */
 /* Selective imports to avoid Preflight conflicts with Bootstrap */
 @layer theme, base, components, utilities;
 @import "tailwindcss/theme.css" layer(theme);
-@import "tailwindcss/utilities.css" layer(utilities)${prefixOption};
+@import "tailwindcss/utilities.css" layer(utilities);
 
 /* Tell Tailwind to scan component files for utility classes */
 @source "./components/**/*.{js,ts,jsx,tsx}";
@@ -350,7 +347,6 @@ var getCSS_VARIABLES_V4_BOOTSTRAP = (prefix) => {
 /* End myOperator UI imports */
 
 `;
-};
 var CSS_VARIABLES_V3 = `@tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -542,14 +538,17 @@ async function init() {
       initial: 0
     },
     {
-      type: "confirm",
+      // Skip prefix prompt for Bootstrap + v4 since prefix() doesn't work with selective imports
+      type: (prev, values) => hasBootstrap && values.tailwindVersion === "v4" ? null : "confirm",
       name: "usePrefix",
       message: "Use a prefix for Tailwind classes? (recommended if using Bootstrap/other CSS frameworks)",
       initial: hasBootstrap
-      // Auto-set to true if Bootstrap detected
     },
     {
-      type: (prev) => prev ? "text" : null,
+      type: (prev, values) => {
+        if (hasBootstrap && values.tailwindVersion === "v4") return null;
+        return prev ? "text" : null;
+      },
       name: "prefix",
       message: "Enter prefix for Tailwind classes:",
       initial: "tw"
@@ -615,7 +614,7 @@ export function cn(...inputs: ClassValue[]) {
     const globalCssPath = path2.join(cwd, response.globalCss);
     let cssContent;
     if (response.tailwindVersion === "v4") {
-      cssContent = hasBootstrap ? getCSS_VARIABLES_V4_BOOTSTRAP(prefix) : CSS_VARIABLES_V4;
+      cssContent = hasBootstrap ? CSS_VARIABLES_V4_BOOTSTRAP : CSS_VARIABLES_V4;
     } else {
       cssContent = CSS_VARIABLES_V3;
     }

package/package.json

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