myoperator-ui 0.0.11 → 0.0.13

package/dist/index.js

@@ -17,6 +17,9 @@ function prefixTailwindClasses(content, prefix) {
     if (classString.includes("/") || classString.includes("::") || classString.includes("import")) {
       return match;
     }
+    if (/^[a-z][a-z0-9-]*$/.test(classString) && !classString.includes(" ")) {
+      return match;
+    }
     if (!classString.includes(" ") && !classString.includes("-") && !classString.includes(":") && !classString.includes("[")) {
       return match;
     }
@@ -329,31 +332,36 @@ var CSS_VARIABLES_V4 = `@import "tailwindcss";
   --ring: 212.7 26.8% 83.9%;
 }
 `;
-var CSS_VARIABLES_V4_BOOTSTRAP = `/* myOperator UI - Tailwind utilities for Bootstrap projects */
-@import "tailwindcss/utilities" layer(utilities);
+var getCSS_VARIABLES_V4_BOOTSTRAP = (prefix) => `/* myOperator UI - Tailwind CSS for Bootstrap projects */
+@import "tailwindcss" prefix(${prefix || "tw-"});
+
+/* Disable Preflight (CSS reset) to avoid conflicts with Bootstrap */
+@layer base {
+  /* Preflight disabled - using Bootstrap's reset instead */
+}
 
 /* Tell Tailwind to scan component files for utility classes */
 @source "./src/components/**/*.{js,ts,jsx,tsx}";
 @source "./src/lib/**/*.{js,ts,jsx,tsx}";
 
-/* myOperator UI theme colors - these won't conflict with your existing :root variables */
-:root {
-  --mo-background: 0 0% 100%;
-  --mo-foreground: 222.2 84% 4.9%;
-  --mo-primary: 222.2 47.4% 11.2%;
-  --mo-primary-foreground: 210 40% 98%;
-  --mo-secondary: 210 40% 96.1%;
-  --mo-secondary-foreground: 222.2 47.4% 11.2%;
-  --mo-muted: 210 40% 96.1%;
-  --mo-muted-foreground: 215.4 16.3% 46.9%;
-  --mo-accent: 210 40% 96.1%;
-  --mo-accent-foreground: 222.2 47.4% 11.2%;
-  --mo-destructive: 0 84.2% 60.2%;
-  --mo-destructive-foreground: 210 40% 98%;
-  --mo-border: 214.3 31.8% 91.4%;
-  --mo-input: 214.3 31.8% 91.4%;
-  --mo-ring: 222.2 84% 4.9%;
-  --mo-radius: 0.5rem;
+/* myOperator UI theme colors */
+@theme {
+  --color-mo-background: hsl(0 0% 100%);
+  --color-mo-foreground: hsl(222.2 84% 4.9%);
+  --color-mo-primary: hsl(222.2 47.4% 11.2%);
+  --color-mo-primary-foreground: hsl(210 40% 98%);
+  --color-mo-secondary: hsl(210 40% 96.1%);
+  --color-mo-secondary-foreground: hsl(222.2 47.4% 11.2%);
+  --color-mo-muted: hsl(210 40% 96.1%);
+  --color-mo-muted-foreground: hsl(215.4 16.3% 46.9%);
+  --color-mo-accent: hsl(210 40% 96.1%);
+  --color-mo-accent-foreground: hsl(222.2 47.4% 11.2%);
+  --color-mo-destructive: hsl(0 84.2% 60.2%);
+  --color-mo-destructive-foreground: hsl(210 40% 98%);
+  --color-mo-border: hsl(214.3 31.8% 91.4%);
+  --color-mo-input: hsl(214.3 31.8% 91.4%);
+  --color-mo-ring: hsl(222.2 84% 4.9%);
+  --radius-mo: 0.5rem;
 }
 
 /* End myOperator UI imports */
@@ -623,7 +631,7 @@ export function cn(...inputs: ClassValue[]) {
     const globalCssPath = path2.join(cwd, response.globalCss);
     let cssContent;
     if (response.tailwindVersion === "v4") {
-      cssContent = hasBootstrap ? CSS_VARIABLES_V4_BOOTSTRAP : prefix ? CSS_VARIABLES_V4_BOOTSTRAP : CSS_VARIABLES_V4;
+      cssContent = hasBootstrap || prefix ? getCSS_VARIABLES_V4_BOOTSTRAP(prefix) : CSS_VARIABLES_V4;
     } else {
       cssContent = CSS_VARIABLES_V3;
     }

package/package.json

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