Add README files for core packages

Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

Author: Copilot

packages/components/README.md

@@ -0,0 +1,170 @@
+# @object-ui/components
+
+Standard UI component library for Object UI, built with Shadcn UI + Tailwind CSS.
+
+## Features
+
+- 🎨 **Tailwind Native** - Built entirely with Tailwind CSS utility classes
+- 🧩 **Shadcn UI** - Based on Radix UI primitives for accessibility
+- 📦 **50+ Components** - Complete set of UI components
+- ♿ **Accessible** - WCAG compliant components
+- 🎯 **Type-Safe** - Full TypeScript support
+- 🔌 **Extensible** - Easy to customize and extend
+
+## Installation
+
+```bash
+npm install @object-ui/components @object-ui/react @object-ui/core
+```
+
+**Peer Dependencies:**
+- `react` ^18.0.0 || ^19.0.0
+- `react-dom` ^18.0.0 || ^19.0.0
+- `tailwindcss` ^3.0.0
+
+## Setup
+
+### 1. Configure Tailwind
+
+Add to your `tailwind.config.js`:
+
+```js
+module.exports = {
+  content: [
+    './src/**/*.{js,jsx,ts,tsx}',
+    './node_modules/@object-ui/components/**/*.{js,ts,jsx,tsx}'
+  ],
+  // ... your config
+}
+```
+
+### 2. Import Styles
+
+Add to your main CSS file:
+
+```css
+@import '@object-ui/components/dist/style.css';
+```
+
+### 3. Register Components
+
+```tsx
+import { registerDefaultRenderers } from '@object-ui/components'
+
+registerDefaultRenderers()
+```
+
+## Usage
+
+### With SchemaRenderer
+
+```tsx
+import { SchemaRenderer } from '@object-ui/react'
+import { registerDefaultRenderers } from '@object-ui/components'
+
+registerDefaultRenderers()
+
+const schema = {
+  type: 'card',
+  title: 'Welcome',
+  body: {
+    type: 'text',
+    value: 'Hello from Object UI!'
+  }
+}
+
+function App() {
+  return <SchemaRenderer schema={schema} />
+}
+```
+
+### Direct Import
+
+You can also import UI components directly:
+
+```tsx
+import { Button, Input, Card } from '@object-ui/components'
+
+function MyComponent() {
+  return (
+    <Card>
+      <Input placeholder="Enter text" />
+      <Button>Submit</Button>
+    </Card>
+  )
+}
+```
+
+## Available Components
+
+### Form Components
+- `input` - Text input
+- `textarea` - Multi-line text
+- `select` - Dropdown select
+- `checkbox` - Checkbox
+- `radio` - Radio button
+- `date-picker` - Date selection
+- `switch` - Toggle switch
+
+### Layout Components
+- `container` - Container wrapper
+- `grid` - Grid layout
+- `flex` - Flexbox layout
+- `card` - Card container
+- `tabs` - Tab navigation
+- `accordion` - Collapsible sections
+
+### Data Display
+- `table` - Data table
+- `list` - List view
+- `badge` - Badge label
+- `avatar` - User avatar
+- `progress` - Progress bar
+
+### Feedback
+- `alert` - Alert messages
+- `toast` - Toast notifications
+- `dialog` - Modal dialog
+- `popover` - Popover overlay
+
+### Navigation
+- `button` - Button component
+- `link` - Link component
+- `breadcrumb` - Breadcrumb navigation
+
+## Customization
+
+### Override Styles
+
+All components accept `className` for Tailwind classes:
+
+```json
+{
+  "type": "button",
+  "label": "Click Me",
+  "className": "bg-blue-500 hover:bg-blue-700 text-white"
+}
+```
+
+### Custom Components
+
+Register your own components:
+
+```tsx
+import { registerRenderer } from '@object-ui/react'
+import { Button } from '@object-ui/components'
+
+function CustomButton(props) {
+  return <Button {...props} className="my-custom-style" />
+}
+
+registerRenderer('custom-button', CustomButton)
+```
+
+## API Reference
+
+See [full documentation](https://objectui.org/api/components) for detailed API reference.
+
+## License
+
+MIT

packages/core/README.md

@@ -0,0 +1,84 @@
+# @object-ui/core
+
+Core logic, types, and validation for Object UI. Zero React dependencies.
+
+## Features
+
+- 🎯 **Type Definitions** - Complete TypeScript schemas for all components
+- 🔍 **Component Registry** - Framework-agnostic component registration system
+- 📊 **Data Scope** - Data scope management and expression evaluation
+- ✅ **Validation** - Zod-based schema validation
+- 🚀 **Zero React** - Can run in Node.js or any JavaScript environment
+
+## Installation
+
+```bash
+npm install @object-ui/core
+```
+
+## Usage
+
+### Type Definitions
+
+```typescript
+import type { 
+  PageSchema, 
+  FormSchema, 
+  InputSchema,
+  BaseSchema 
+} from '@object-ui/core'
+
+const mySchema: PageSchema = {
+  type: 'page',
+  title: 'My Page',
+  body: []
+}
+```
+
+### Component Registry
+
+```typescript
+import { ComponentRegistry } from '@object-ui/core'
+
+const registry = new ComponentRegistry()
+registry.register('button', buttonMetadata)
+const metadata = registry.get('button')
+```
+
+### Data Scope
+
+```typescript
+import { DataScope } from '@object-ui/core'
+
+const scope = new DataScope({ 
+  user: { name: 'John', role: 'admin' } 
+})
+
+const userName = scope.get('user.name') // 'John'
+const isAdmin = scope.evaluate('${user.role === "admin"}') // true
+```
+
+## Philosophy
+
+This package is designed to be **framework-agnostic**. It contains:
+
+- ✅ Pure TypeScript types and interfaces
+- ✅ Core logic and utilities
+- ✅ Validation schemas
+- ❌ NO React components
+- ❌ NO UI rendering logic
+- ❌ NO framework dependencies
+
+This allows the core types and logic to be used in:
+- Build tools and CLI utilities
+- Backend validation
+- Code generators
+- Alternative framework adapters (Vue, Svelte, etc.)
+
+## API Reference
+
+See [full documentation](https://objectui.org/api/core) for detailed API reference.
+
+## License
+
+MIT

packages/react/README.md

@@ -0,0 +1,121 @@
+# @object-ui/react
+
+React bindings and SchemaRenderer component for Object UI.
+
+## Features
+
+- ⚛️ **SchemaRenderer** - Main component for rendering Object UI schemas
+- 🪝 **React Hooks** - Hooks for accessing renderer context
+- 🔄 **Context Providers** - React Context for state management
+- 📦 **Tree-Shakable** - Import only what you need
+
+## Installation
+
+```bash
+npm install @object-ui/react @object-ui/core
+```
+
+**Peer Dependencies:**
+- `react` ^18.0.0 || ^19.0.0
+- `react-dom` ^18.0.0 || ^19.0.0
+
+## Usage
+
+### Basic Example
+
+```tsx
+import { SchemaRenderer } from '@object-ui/react'
+
+const schema = {
+  type: 'text',
+  value: 'Hello, Object UI!'
+}
+
+function App() {
+  return <SchemaRenderer schema={schema} />
+}
+```
+
+### With Data
+
+```tsx
+import { SchemaRenderer } from '@object-ui/react'
+
+const schema = {
+  type: 'form',
+  body: [
+    {
+      type: 'input',
+      name: 'name',
+      label: 'Name',
+      value: '${user.name}'
+    }
+  ]
+}
+
+const data = {
+  user: { name: 'John Doe' }
+}
+
+function App() {
+  return <SchemaRenderer schema={schema} data={data} />
+}
+```
+
+### Handling Actions
+
+```tsx
+import { SchemaRenderer } from '@object-ui/react'
+
+function App() {
+  const handleSubmit = (data) => {
+    console.log('Form submitted:', data)
+  }
+
+  return (
+    <SchemaRenderer 
+      schema={formSchema}
+      onSubmit={handleSubmit}
+    />
+  )
+}
+```
+
+## Hooks
+
+### useSchemaContext
+
+Access the current schema context:
+
+```tsx
+import { useSchemaContext } from '@object-ui/react'
+
+function MyComponent() {
+  const { data, updateData } = useSchemaContext()
+  
+  return <div>{data.value}</div>
+}
+```
+
+### useRegistry
+
+Access the component registry:
+
+```tsx
+import { useRegistry } from '@object-ui/react'
+
+function MyComponent() {
+  const registry = useRegistry()
+  const Component = registry.get('button')
+  
+  return <Component {...props} />
+}
+```
+
+## API Reference
+
+See [full documentation](https://objectui.org/api/react) for detailed API reference.
+
+## License
+
+MIT