@object-ui/components 3.1.5 → 3.3.1

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@object-ui/components",
-  "version": "3.1.5",
+  "version": "3.3.1",
   "type": "module",
   "license": "MIT",
   "description": "Standard UI component library for Object UI, built with Shadcn UI + Tailwind CSS",
-  "homepage": "https://www.objectui.org",
+  "homepage": "https://www.objectui.org/docs/components",
   "repository": {
     "type": "git",
-    "url": "https://github.com/objectstack-ai/objectui.git",
+    "url": "git+https://github.com/objectstack-ai/objectui.git",
     "directory": "packages/components"
   },
   "bugs": {
@@ -26,26 +26,53 @@
     "./style.css": "./dist/index.css"
   },
   "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
-    "lucide-react": "^0.577.0",
+    "lucide-react": "^1.8.0",
     "next-themes": "^0.4.6",
-    "radix-ui": "^1.4.3",
     "react-day-picker": "^9.14.0",
-    "react-hook-form": "^7.72.0",
-    "react-resizable-panels": "^4.7.5",
-    "recharts": "3.8.0",
+    "react-hook-form": "^7.75.0",
+    "react-resizable-panels": "^4.11.0",
+    "recharts": "3.8.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.2",
-    "@object-ui/core": "3.1.5",
-    "@object-ui/react": "3.1.5",
-    "@object-ui/types": "3.1.5"
+    "@object-ui/core": "3.3.1",
+    "@object-ui/i18n": "3.3.1",
+    "@object-ui/react": "3.3.1",
+    "@object-ui/types": "3.3.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -59,22 +86,43 @@
     "@storybook/blocks": "^8.6.14",
     "@storybook/react": "^8.6.18",
     "@storybook/react-vite": "^8.6.18",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
-    "autoprefixer": "^10.4.27",
-    "postcss": "^8.5.8",
-    "shadcn": "^4.1.0",
+    "autoprefixer": "^10.5.0",
+    "postcss": "^8.5.13",
+    "shadcn": "^4.6.0",
     "storybook": "^8.6.18",
-    "tailwindcss": "^4.2.2",
-    "typescript": "^5.9.3",
-    "vite": "^8.0.1",
+    "tailwindcss": "^4.2.4",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.9",
     "vite-plugin-dts": "^4.5.4"
   },
+  "keywords": [
+    "objectui",
+    "sdui",
+    "schema-driven-ui",
+    "react",
+    "tailwind",
+    "shadcn",
+    "objectstack",
+    "components",
+    "radix-ui",
+    "ui-library"
+  ],
+  "author": "ObjectStack Team <team@objectstack.ai>",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
   "scripts": {
-    "test:compliance": "vitest run src/__tests__/compliance.test.tsx",
-    "build": "vite build",
+    "build": "vite build && node scripts/build-css.mjs",
     "prebuild": "pnpm --filter @object-ui/types build && pnpm --filter @object-ui/core build && pnpm --filter @object-ui/react build",
     "pretest": "pnpm run prebuild",
     "test": "vitest run",

package/.turbo/turbo-build.log

@@ -1,64 +0,0 @@
-
-> @object-ui/components@3.1.5 prebuild /home/runner/work/objectui/objectui/packages/components
-> pnpm --filter @object-ui/types build && pnpm --filter @object-ui/core build && pnpm --filter @object-ui/react build
-
-
-> @object-ui/types@3.1.5 build /home/runner/work/objectui/objectui/packages/types
-> tsc
-
-
-> @object-ui/core@3.1.5 build /home/runner/work/objectui/objectui/packages/core
-> tsc
-
-
-> @object-ui/react@3.1.5 build /home/runner/work/objectui/objectui/packages/react
-> tsc
-
-
-> @object-ui/components@3.1.5 build /home/runner/work/objectui/objectui/packages/components
-> vite build
-
-vite v8.0.1 building client environment for production...
-
-rendering chunks...
-
-[vite:dts] Start generate declaration files...
-src/ui/chart.tsx:117:7 - error TS2339: Property 'payload' does not exist on type 'Omit<Omit<Props<ValueType, NameType>, PropertiesReadFromContext> & { active?: boolean | undefined; allowEscapeViewBox?: AllowInDimension | undefined; ... 24 more ...; wrapperStyle?: CSSProperties | undefined; } & ClassAttributes<...> & HTMLAttributes<...> & { ...; }, "ref">'.
-
-117       payload,
-          ~~~~~~~
-src/ui/chart.tsx:122:7 - error TS2339: Property 'label' does not exist on type 'Omit<Omit<Props<ValueType, NameType>, PropertiesReadFromContext> & { active?: boolean | undefined; allowEscapeViewBox?: AllowInDimension | undefined; ... 24 more ...; wrapperStyle?: CSSProperties | undefined; } & ClassAttributes<...> & HTMLAttributes<...> & { ...; }, "ref">'.
-
-122       label,
-          ~~~~~
-src/ui/chart.tsx:264:41 - error TS2344: Type '"payload" | "verticalAlign"' does not satisfy the constraint '"string" | "filter" | "fill" | "values" | "className" | "color" | "slot" | "style" | "children" | "content" | "clipPath" | "mask" | "path" | "key" | "suppressHydrationWarning" | ... 435 more ... | "onBBoxUpdate"'.
-  Type '"payload"' is not assignable to type '"string" | "filter" | "fill" | "values" | "className" | "color" | "slot" | "style" | "children" | "content" | "clipPath" | "mask" | "path" | "key" | "suppressHydrationWarning" | ... 435 more ... | "onBBoxUpdate"'.
-
-264     Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-                                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~
-src/ui/chart.tsx:275:19 - error TS2339: Property 'length' does not exist on type '{}'.
-
-275     if (!payload?.length) {
-                      ~~~~~~
-src/ui/chart.tsx:289:12 - error TS2339: Property 'filter' does not exist on type '{}'.
-
-289           .filter((item) => item.type !== "none")
-               ~~~~~~
-
-[vite:dts] Declaration files built in 7995ms.
-
-computing gzip size...
-dist/index.css    117.20 kB │ gzip:  19.15 kB
-dist/index.js   2,017.82 kB │ gzip: 470.41 kB
-
-[PLUGIN_TIMINGS] Warning: Your build spent significant time in plugin `vite:dts`. See https://rolldown.rs/options/checks#plugintimings for more details.
-
-
-rendering chunks...
-computing gzip size...
-dist/index.css        117.20 kB │ gzip:  19.15 kB
-dist/index.umd.cjs  1,552.98 kB │ gzip: 419.79 kB
-
-[MISSING_GLOBAL_NAME] Warning: No name was provided for external module "react/jsx-runtime" in "output.globals" – guessing "react_jsx_runtime".
-
-✓ built in 11.63s

package/README_SHADCN_SYNC.md

@@ -1,281 +0,0 @@
-# Shadcn Components Synchronization
-
-This directory contains tools for keeping ObjectUI components in sync with Shadcn UI.
-
-## Files
-
-- `shadcn-components.json` - Component manifest tracking Shadcn components and custom ObjectUI components
-- `shadcn-sync.js` - Automated sync script (requires network access to ui.shadcn.com)
-
-## Component Categories
-
-### Shadcn Components (46)
-
-These components come from Shadcn UI and can be updated from the registry:
-
-**Form Controls:**
-- input, textarea, select, checkbox, radio-group, switch, form, label, input-otp
-
-**Layout:**
-- card, tabs, accordion, separator, scroll-area, resizable
-
-**Overlays:**
-- dialog, popover, tooltip, hover-card, sheet, drawer, alert-dialog
-
-**Navigation:**
-- button, breadcrumb, navigation-menu, dropdown-menu, context-menu, menubar, pagination
-
-**Data Display:**
-- table, avatar, badge, skeleton, progress, slider
-
-**Feedback:**
-- alert, toast, sonner
-
-**Advanced:**
-- command, carousel, sidebar, collapsible, calendar, aspect-ratio, toggle, toggle-group
-
-### Custom ObjectUI Components (14)
-
-These are custom to ObjectUI and should NOT be auto-updated:
-
-- `button-group` - Button group wrapper
-- `calendar-view` - Full calendar implementation
-- `chatbot` - Chatbot UI interface
-- `combobox` - Combined select/input component
-- `date-picker` - Date picker with calendar
-- `empty` - Empty state component
-- `field` - Form field wrapper with validation
-- `filter-builder` - Advanced query builder
-- `input-group` - Input with prefix/suffix
-- `item` - Generic item display
-- `kbd` - Keyboard shortcut display
-- `spinner` - Loading spinner
-- `timeline` - Timeline/activity feed
-- `toaster` - Toast notification manager
-
-## Usage
-
-### Automated Sync (Requires Internet)
-
-```bash
-# Check component status
-pnpm shadcn:check
-
-# Update a specific component
-pnpm shadcn:update button
-
-# Update all components
-pnpm shadcn:update-all
-
-# Show diff for a component
-pnpm shadcn:diff button
-
-# List all components
-pnpm shadcn:list
-```
-
-### Manual Sync Process
-
-If you don't have network access or prefer manual control:
-
-1. **Visit Shadcn UI Documentation**
-   - Go to https://ui.shadcn.com/docs/components/[component-name]
-   - Click "View Code" to see the latest implementation
-
-2. **Compare with Local Version**
-   ```bash
-   # View local component
-   cat packages/components/src/ui/button.tsx
-   ```
-
-3. **Copy Latest Version**
-   - Copy the component code from Shadcn docs
-   - Paste into a temporary file
-
-4. **Adjust Imports**
-   Replace Shadcn imports:
-   ```typescript
-   // FROM:
-   import { cn } from "@/lib/utils"
-   import { Button } from "@/components/ui/button"
-   
-   // TO:
-   import { cn } from "../lib/utils"
-   import { Button } from "./button"
-   ```
-
-5. **Add ObjectUI Header**
-   ```typescript
-   /**
-    * ObjectUI
-    * Copyright (c) 2024-present ObjectStack Inc.
-    *
-    * This source code is licensed under the MIT license found in the
-    * LICENSE file in the root directory of this source tree.
-    */
-   ```
-
-6. **Preserve Customizations**
-   - Keep any `data-slot` attributes
-   - Keep ObjectUI-specific variants
-   - Keep dark mode enhancements
-   - Keep accessibility improvements
-
-7. **Test the Component**
-   ```bash
-   pnpm --filter @object-ui/components build
-   pnpm --filter @object-ui/components test
-   ```
-
-## Using Official Shadcn CLI
-
-You can also use the official Shadcn CLI:
-
-```bash
-# Install Shadcn CLI
-npm install -g shadcn@latest
-
-# Initialize (if not done)
-cd packages/components
-npx shadcn@latest init
-
-# Add/update a component
-npx shadcn@latest add button --overwrite
-
-# Add all components
-npx shadcn@latest add --all --overwrite
-```
-
-**⚠️ Warning:** This will overwrite all ObjectUI customizations! You'll need to:
-
-1. Review the diff carefully: `git diff src/ui/`
-2. Restore ObjectUI copyright headers
-3. Re-add any custom variants or styling
-4. Re-add data-slot attributes
-5. Test thoroughly
-
-## Checking for Updates
-
-### Manual Check
-
-1. Visit [Shadcn UI GitHub](https://github.com/shadcn-ui/ui/tree/main/apps/www/registry/default/ui)
-2. Compare file dates with last update
-3. Check [Shadcn Releases](https://github.com/shadcn-ui/ui/releases) for changelog
-
-### Compare Dependencies
-
-```bash
-# Check Radix UI versions
-cat packages/components/package.json | grep @radix-ui
-
-# Check latest versions
-npm view @radix-ui/react-dialog version
-npm view @radix-ui/react-select version
-```
-
-### Review Breaking Changes
-
-Check Shadcn's changelog:
-- [UI Changelog](https://github.com/shadcn-ui/ui/releases)
-- [Radix UI Releases](https://github.com/radix-ui/primitives/releases)
-
-## Common Customizations in ObjectUI
-
-When updating components, preserve these ObjectUI patterns:
-
-### 1. Copyright Headers
-
-```typescript
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-```
-
-### 2. Data Slot Attributes
-
-```typescript
-<div data-slot="card-header" className={...}>
-```
-
-### 3. Additional Variants
-
-```typescript
-const buttonVariants = cva(
-  "...",
-  {
-    variants: {
-      // ObjectUI-specific variants
-      size: {
-        "icon-sm": "h-8 w-8",  // Extra size variant
-        "icon-lg": "h-10 w-10", // Extra size variant
-      }
-    }
-  }
-)
-```
-
-### 4. Enhanced Dark Mode
-
-ObjectUI may have enhanced dark mode styles:
-
-```typescript
-className="... dark:bg-background/95 dark:backdrop-blur-sm"
-```
-
-## Testing After Updates
-
-```bash
-# Type check
-pnpm --filter @object-ui/components type-check
-
-# Build
-pnpm --filter @object-ui/components build
-
-# Run tests
-pnpm --filter @object-ui/components test
-
-# Visual regression (if available)
-pnpm --filter @object-ui/components storybook
-
-# Integration test
-pnpm test
-```
-
-## Rollback
-
-If an update causes issues:
-
-```bash
-# Revert specific file
-git checkout HEAD -- packages/components/src/ui/button.tsx
-
-# Revert all UI components
-git checkout HEAD -- packages/components/src/ui/
-
-# Restore from backup (if created)
-cp packages/components/.backup/button.tsx.* packages/components/src/ui/button.tsx
-```
-
-## Contributing
-
-When you update a component:
-
-1. Document the changes in CHANGELOG.md
-2. Update the version in shadcn-components.json (add lastUpdated field)
-3. Test with all examples
-4. Create a PR with:
-   - Component name in title
-   - Reason for update
-   - Breaking changes (if any)
-   - Screenshots (if visual changes)
-
-## Resources
-
-- [Shadcn UI Docs](https://ui.shadcn.com)
-- [Radix UI Docs](https://www.radix-ui.com)
-- [Tailwind CSS Docs](https://tailwindcss.com)
-- [CVA (Class Variance Authority)](https://cva.style)