feat(demo): integrate SidebarProvider with SchemaRenderer in InteractiveDemo component

refactor(stories): update Meta type to use any for button and card stories
fix(vite): add setupFiles path for test configuration
fix(vitest): exclude specific directories from test coverage

Author: hotlong

apps/site/app/components/InteractiveDemo.tsx

@@ -2,6 +2,7 @@
 
 import React from 'react';
 import { SchemaRenderer } from '@object-ui/react';
+import { SidebarProvider } from '@object-ui/components';
 import type { SchemaNode } from '@object-ui/core';
 import { Tabs, Tab } from 'fumadocs-ui/components/tabs';
 import { CodeBlock, Pre } from 'fumadocs-ui/components/codeblock';
@@ -54,7 +55,11 @@ export function InteractiveDemo({
                     </div>
                   )}
                   <div className="p-6 bg-background">
-                    <SchemaRenderer schema={example.schema} />
+                    <SidebarProvider className="min-h-0 w-full" defaultOpen={false}>
+                      <div className="w-full">
+                        <SchemaRenderer schema={example.schema} />
+                      </div>
+                    </SidebarProvider>
                   </div>
                 </div>
               ))}
@@ -93,7 +98,11 @@ export function InteractiveDemo({
       <Tabs items={['Preview', 'Code']} defaultIndex={0}>
         <Tab value="Preview">
           <div className="border rounded-lg p-6 bg-background">
-            <SchemaRenderer schema={schema} />
+            <SidebarProvider className="min-h-0 w-full" defaultOpen={false}>
+              <div className="w-full">
+                <SchemaRenderer schema={schema} />
+              </div>
+            </SidebarProvider>
           </div>
         </Tab>
         <Tab value="Code">

packages/components/src/stories-json/button.stories.tsx

@@ -15,7 +15,7 @@ const meta = {
     props: { control: "object" },
     children: { control: "object" }
   },
-} satisfies Meta<typeof SchemaRenderer>;
+} satisfies Meta<any>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

packages/components/src/stories-json/card.stories.tsx

@@ -13,7 +13,7 @@ const meta = {
     schema: { table: { disable: true } },
     children: { control: "object" }
   },
-} satisfies Meta<typeof SchemaRenderer>;
+} satisfies Meta<any>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

packages/components/vite.config.ts

@@ -45,7 +45,7 @@ export default defineConfig({
   test: {
     globals: true,
     environment: 'happy-dom',
-    setupFiles: [],
+    setupFiles: ['../../vitest.setup.ts'],
     // Ensure dependencies are resolved properly for tests
     deps: {
       inline: ['@object-ui/core', '@object-ui/react'],

vitest.config.mts

@@ -10,6 +10,7 @@ export default defineConfig({
     globals: true,
     environment: 'happy-dom',
     setupFiles: [path.resolve(__dirname, 'vitest.setup.ts')],
+    exclude: ['**/node_modules/**', '**/dist/**', '**/cypress/**', '**/.{idea,git,cache,output,temp}/**'],
     coverage: {
       provider: 'v8',
       reporter: ['text', 'json', 'html'],