Fix fumadocs styling: Import ObjectUI components CSS for proper button colors and calendar spacing

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

apps/site/app/components/InteractiveDemo.tsx

@@ -16,7 +16,7 @@ const pluginsLoading = typeof window !== 'undefined'
       import('@object-ui/plugin-charts'),
       import('@object-ui/plugin-kanban'),
       import('@object-ui/plugin-markdown'),
-      import('@object-ui/plugin-object'),
+      // import('@object-ui/plugin-object'), // Temporarily disabled due to missing dependency
     ])
   : Promise.resolve([]);
 

apps/site/app/components/ObjectUIProvider.tsx

@@ -11,7 +11,7 @@ if (typeof window !== 'undefined') {
   import('@object-ui/plugin-charts');
   import('@object-ui/plugin-kanban');
   import('@object-ui/plugin-markdown');
-  import('@object-ui/plugin-object');
+  // import('@object-ui/plugin-object'); // Temporarily disabled due to missing dependency
 }
 
 export function ObjectUIProvider({ children }: { children: React.ReactNode }) {

apps/site/app/layout.tsx

@@ -1,4 +1,5 @@
 import './global.css';
+import '@object-ui/components/style.css';
 import { RootProvider } from 'fumadocs-ui/provider/next';
 import { ObjectUIProvider } from './components/ObjectUIProvider';
 import type { ReactNode } from 'react';

packages/components/package.json

@@ -23,7 +23,7 @@
       "import": "./dist/index.js",
       "require": "./dist/index.umd.cjs"
     },
-    "./dist/style.css": "./dist/style.css"
+    "./style.css": "./dist/index.css"
   },
   "scripts": {
     "build": "vite build",