@object-ui/components 3.1.2 → 3.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/components",
-  "version": "3.1.2",
+  "version": "3.1.4",
   "type": "module",
   "license": "MIT",
   "description": "Standard UI component library for Object UI, built with Shadcn UI + Tailwind CSS",
@@ -26,52 +26,26 @@
     "./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.576.0",
+    "lucide-react": "^0.577.0",
     "next-themes": "^0.4.6",
+    "radix-ui": "^1.4.3",
     "react-day-picker": "^9.14.0",
-    "react-hook-form": "^7.71.2",
-    "react-resizable-panels": "^4.7.0",
-    "recharts": "2.15.4",
+    "react-hook-form": "^7.72.0",
+    "react-resizable-panels": "^4.7.5",
+    "recharts": "3.8.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.2",
-    "@object-ui/core": "3.1.2",
-    "@object-ui/react": "3.1.2",
-    "@object-ui/types": "3.1.2"
+    "@object-ui/core": "3.1.4",
+    "@object-ui/react": "3.1.4",
+    "@object-ui/types": "3.1.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -81,21 +55,21 @@
   "devDependencies": {
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-links": "^8.6.17",
+    "@storybook/addon-links": "^8.6.18",
     "@storybook/blocks": "^8.6.14",
-    "@storybook/react": "^8.6.15",
-    "@storybook/react-vite": "^8.6.15",
-    "@tailwindcss/postcss": "^4.2.1",
+    "@storybook/react": "^8.6.18",
+    "@storybook/react-vite": "^8.6.18",
+    "@tailwindcss/postcss": "^4.2.2",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "autoprefixer": "^10.4.27",
-    "postcss": "^8.5.6",
-    "shadcn": "^3.8.5",
-    "storybook": "^8.6.17",
-    "tailwindcss": "^4.2.1",
+    "postcss": "^8.5.8",
+    "shadcn": "^4.1.0",
+    "storybook": "^8.6.18",
+    "tailwindcss": "^4.2.2",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^8.0.1",
     "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {

package/shadcn-components.json

@@ -17,7 +17,9 @@
   "components": {
     "accordion": {
       "source": "https://ui.shadcn.com/r/styles/default/accordion.json",
-      "dependencies": ["@radix-ui/react-accordion"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "alert": {
@@ -27,17 +29,25 @@
     },
     "alert-dialog": {
       "source": "https://ui.shadcn.com/r/styles/default/alert-dialog.json",
-      "dependencies": ["@radix-ui/react-alert-dialog"],
-      "registryDependencies": ["button"]
+      "dependencies": [
+        "radix-ui"
+      ],
+      "registryDependencies": [
+        "button"
+      ]
     },
     "aspect-ratio": {
       "source": "https://ui.shadcn.com/r/styles/default/aspect-ratio.json",
-      "dependencies": ["@radix-ui/react-aspect-ratio"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "avatar": {
       "source": "https://ui.shadcn.com/r/styles/default/avatar.json",
-      "dependencies": ["@radix-ui/react-avatar"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "badge": {
@@ -52,13 +62,20 @@
     },
     "button": {
       "source": "https://ui.shadcn.com/r/styles/default/button.json",
-      "dependencies": ["@radix-ui/react-slot"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "calendar": {
       "source": "https://ui.shadcn.com/r/styles/default/calendar.json",
-      "dependencies": ["react-day-picker", "date-fns"],
-      "registryDependencies": ["button"]
+      "dependencies": [
+        "react-day-picker",
+        "date-fns"
+      ],
+      "registryDependencies": [
+        "button"
+      ]
     },
     "card": {
       "source": "https://ui.shadcn.com/r/styles/default/card.json",
@@ -67,57 +84,89 @@
     },
     "carousel": {
       "source": "https://ui.shadcn.com/r/styles/default/carousel.json",
-      "dependencies": ["embla-carousel-react"],
-      "registryDependencies": ["button"]
+      "dependencies": [
+        "embla-carousel-react"
+      ],
+      "registryDependencies": [
+        "button"
+      ]
     },
     "chart": {
       "source": "https://ui.shadcn.com/r/styles/default/chart.json",
-      "dependencies": ["recharts", "lucide-react"],
+      "dependencies": [
+        "recharts",
+        "lucide-react"
+      ],
       "registryDependencies": []
     },
     "checkbox": {
       "source": "https://ui.shadcn.com/r/styles/default/checkbox.json",
-      "dependencies": ["@radix-ui/react-checkbox"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "collapsible": {
       "source": "https://ui.shadcn.com/r/styles/default/collapsible.json",
-      "dependencies": ["@radix-ui/react-collapsible"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "command": {
       "source": "https://ui.shadcn.com/r/styles/default/command.json",
-      "dependencies": ["cmdk"],
-      "registryDependencies": ["dialog"]
+      "dependencies": [
+        "cmdk"
+      ],
+      "registryDependencies": [
+        "dialog"
+      ]
     },
     "context-menu": {
       "source": "https://ui.shadcn.com/r/styles/default/context-menu.json",
-      "dependencies": ["@radix-ui/react-context-menu"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "dialog": {
       "source": "https://ui.shadcn.com/r/styles/default/dialog.json",
-      "dependencies": ["@radix-ui/react-dialog"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "drawer": {
       "source": "https://ui.shadcn.com/r/styles/default/drawer.json",
-      "dependencies": ["vaul"],
+      "dependencies": [
+        "vaul"
+      ],
       "registryDependencies": []
     },
     "dropdown-menu": {
       "source": "https://ui.shadcn.com/r/styles/default/dropdown-menu.json",
-      "dependencies": ["@radix-ui/react-dropdown-menu"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "form": {
       "source": "https://ui.shadcn.com/r/styles/default/form.json",
-      "dependencies": ["@radix-ui/react-label", "react-hook-form", "@hookform/resolvers"],
-      "registryDependencies": ["button", "label"]
+      "dependencies": [
+        "radix-ui",
+        "react-hook-form",
+        "@hookform/resolvers"
+      ],
+      "registryDependencies": [
+        "button",
+        "label"
+      ]
     },
     "hover-card": {
       "source": "https://ui.shadcn.com/r/styles/default/hover-card.json",
-      "dependencies": ["@radix-ui/react-hover-card"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "input": {
@@ -127,73 +176,107 @@
     },
     "input-otp": {
       "source": "https://ui.shadcn.com/r/styles/default/input-otp.json",
-      "dependencies": ["input-otp"],
+      "dependencies": [
+        "input-otp"
+      ],
       "registryDependencies": []
     },
     "label": {
       "source": "https://ui.shadcn.com/r/styles/default/label.json",
-      "dependencies": ["@radix-ui/react-label"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "menubar": {
       "source": "https://ui.shadcn.com/r/styles/default/menubar.json",
-      "dependencies": ["@radix-ui/react-menubar"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "navigation-menu": {
       "source": "https://ui.shadcn.com/r/styles/default/navigation-menu.json",
-      "dependencies": ["@radix-ui/react-navigation-menu"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "pagination": {
       "source": "https://ui.shadcn.com/r/styles/default/pagination.json",
       "dependencies": [],
-      "registryDependencies": ["button"]
+      "registryDependencies": [
+        "button"
+      ]
     },
     "popover": {
       "source": "https://ui.shadcn.com/r/styles/default/popover.json",
-      "dependencies": ["@radix-ui/react-popover"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "progress": {
       "source": "https://ui.shadcn.com/r/styles/default/progress.json",
-      "dependencies": ["@radix-ui/react-progress"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "radio-group": {
       "source": "https://ui.shadcn.com/r/styles/default/radio-group.json",
-      "dependencies": ["@radix-ui/react-radio-group"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "resizable": {
       "source": "https://ui.shadcn.com/r/styles/default/resizable.json",
-      "dependencies": ["react-resizable-panels"],
+      "dependencies": [
+        "react-resizable-panels"
+      ],
       "registryDependencies": []
     },
     "scroll-area": {
       "source": "https://ui.shadcn.com/r/styles/default/scroll-area.json",
-      "dependencies": ["@radix-ui/react-scroll-area"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "select": {
       "source": "https://ui.shadcn.com/r/styles/default/select.json",
-      "dependencies": ["@radix-ui/react-select"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "separator": {
       "source": "https://ui.shadcn.com/r/styles/default/separator.json",
-      "dependencies": ["@radix-ui/react-separator"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "sheet": {
       "source": "https://ui.shadcn.com/r/styles/default/sheet.json",
-      "dependencies": ["@radix-ui/react-dialog"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "sidebar": {
       "source": "https://ui.shadcn.com/r/styles/default/sidebar.json",
-      "dependencies": ["@radix-ui/react-separator", "@radix-ui/react-slot"],
-      "registryDependencies": ["button", "separator", "sheet", "skeleton", "tooltip"]
+      "dependencies": [
+        "radix-ui"
+      ],
+      "registryDependencies": [
+        "button",
+        "separator",
+        "sheet",
+        "skeleton",
+        "tooltip"
+      ]
     },
     "skeleton": {
       "source": "https://ui.shadcn.com/r/styles/default/skeleton.json",
@@ -202,17 +285,24 @@
     },
     "slider": {
       "source": "https://ui.shadcn.com/r/styles/default/slider.json",
-      "dependencies": ["@radix-ui/react-slider"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "sonner": {
       "source": "https://ui.shadcn.com/r/styles/default/sonner.json",
-      "dependencies": ["sonner", "next-themes"],
+      "dependencies": [
+        "sonner",
+        "next-themes"
+      ],
       "registryDependencies": []
     },
     "switch": {
       "source": "https://ui.shadcn.com/r/styles/default/switch.json",
-      "dependencies": ["@radix-ui/react-switch"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "table": {
@@ -222,7 +312,9 @@
     },
     "tabs": {
       "source": "https://ui.shadcn.com/r/styles/default/tabs.json",
-      "dependencies": ["@radix-ui/react-tabs"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "textarea": {
@@ -232,47 +324,70 @@
     },
     "toast": {
       "source": "https://ui.shadcn.com/r/styles/default/toast.json",
-      "dependencies": ["@radix-ui/react-toast"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "toggle": {
       "source": "https://ui.shadcn.com/r/styles/default/toggle.json",
-      "dependencies": ["@radix-ui/react-toggle"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "toggle-group": {
       "source": "https://ui.shadcn.com/r/styles/default/toggle-group.json",
-      "dependencies": ["@radix-ui/react-toggle-group"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     },
     "tooltip": {
       "source": "https://ui.shadcn.com/r/styles/default/tooltip.json",
-      "dependencies": ["@radix-ui/react-tooltip"],
+      "dependencies": [
+        "radix-ui"
+      ],
       "registryDependencies": []
     }
   },
   "customComponents": {
     "button-group": {
       "description": "Custom ObjectUI component - Button group wrapper",
-      "dependencies": ["button"]
+      "dependencies": [
+        "button"
+      ]
     },
     "calendar-view": {
       "description": "Custom ObjectUI component - Full calendar view (moved to @object-ui/plugin-calendar-view)",
-      "dependencies": ["calendar"],
+      "dependencies": [
+        "calendar"
+      ],
       "movedToPlugin": "@object-ui/plugin-calendar-view"
     },
     "chatbot": {
       "description": "Custom ObjectUI component - Chatbot interface (moved to @object-ui/plugin-chatbot)",
-      "dependencies": ["card", "input", "button"],
+      "dependencies": [
+        "card",
+        "input",
+        "button"
+      ],
       "movedToPlugin": "@object-ui/plugin-chatbot"
     },
     "combobox": {
       "description": "Custom ObjectUI component - Combo box (select + input)",
-      "dependencies": ["popover", "command"]
+      "dependencies": [
+        "popover",
+        "command"
+      ]
     },
     "date-picker": {
       "description": "Custom ObjectUI component - Date picker wrapper",
-      "dependencies": ["calendar", "popover", "button"]
+      "dependencies": [
+        "calendar",
+        "popover",
+        "button"
+      ]
     },
     "empty": {
       "description": "Custom ObjectUI component - Empty state",
@@ -280,15 +395,23 @@
     },
     "field": {
       "description": "Custom ObjectUI component - Form field wrapper",
-      "dependencies": ["label"]
+      "dependencies": [
+        "label"
+      ]
     },
     "filter-builder": {
       "description": "Custom ObjectUI component - Query filter builder",
-      "dependencies": ["select", "input", "button"]
+      "dependencies": [
+        "select",
+        "input",
+        "button"
+      ]
     },
     "input-group": {
       "description": "Custom ObjectUI component - Input group with addons",
-      "dependencies": ["input"]
+      "dependencies": [
+        "input"
+      ]
     },
     "item": {
       "description": "Custom ObjectUI component - Generic item component",
@@ -309,7 +432,9 @@
     },
     "toaster": {
       "description": "Custom ObjectUI component - Toast container",
-      "dependencies": ["toast"]
+      "dependencies": [
+        "toast"
+      ]
     }
   }
 }

package/src/__tests__/navigation-overlay.test.tsx

@@ -16,7 +16,7 @@ import type { NavigationOverlayProps } from '../custom/navigation-overlay';
 function createProps(overrides: Partial<NavigationOverlayProps> = {}): NavigationOverlayProps {
   return {
     isOpen: true,
-    selectedRecord: { _id: '1', name: 'Test Record', email: 'test@example.com' },
+    selectedRecord: { id: '1', name: 'Test Record', email: 'test@example.com' },
     mode: 'drawer',
     close: vi.fn(),
     setIsOpen: vi.fn(),
@@ -276,7 +276,7 @@ describe('NavigationOverlay', () => {
 
   describe('children render prop', () => {
     it('should pass the selected record to children', () => {
-      const record = { _id: '42', name: 'Jane Doe', status: 'active' };
+      const record = { id: '42', name: 'Jane Doe', status: 'active' };
       render(
         <NavigationOverlay
           {...createProps({

package/src/custom/button-group.tsx

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { Slot } from "@radix-ui/react-slot"
+import { Slot as SlotPrimitive } from "radix-ui"
 import { cva, type VariantProps } from "class-variance-authority"
 
 import { cn } from "../lib/utils"
@@ -52,7 +52,7 @@ function ButtonGroupText({
 }: React.ComponentProps<"div"> & {
   asChild?: boolean
 }) {
-  const Comp = asChild ? Slot : "div"
+  const Comp = asChild ? SlotPrimitive.Slot : "div"
 
   return (
     <Comp

package/src/custom/field.tsx

@@ -7,7 +7,7 @@
  */
 
 import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
+import { Slot as SlotPrimitive } from "radix-ui"
 import { cva, type VariantProps } from "class-variance-authority"
 
 import { cn } from "../lib/utils"
@@ -43,7 +43,7 @@ const Field = React.forwardRef<HTMLDivElement, FieldProps>(
           </Label>
         )}
         
-        <Slot 
+        <SlotPrimitive.Slot 
           id={fieldId}
           aria-describedby={
             [description && descriptionId, error && errorId]
@@ -53,7 +53,7 @@ const Field = React.forwardRef<HTMLDivElement, FieldProps>(
           aria-invalid={!!error}
         >
           {children}
-        </Slot>
+        </SlotPrimitive.Slot>
 
         {description && !error && (
           <p

package/src/custom/item.tsx

@@ -7,7 +7,7 @@
  */
 
 import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
+import { Slot as SlotPrimitive } from "radix-ui"
 import { cva, type VariantProps } from "class-variance-authority"
 
 import { cn } from "../lib/utils"
@@ -67,7 +67,7 @@ function Item({
   ...props
 }: React.ComponentProps<"div"> &
   VariantProps<typeof itemVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "div"
+  const Comp = asChild ? SlotPrimitive.Slot : "div"
   return (
     <Comp
       data-slot="item"

package/src/custom/mobile-dialog-content.tsx

@@ -18,7 +18,7 @@
  */
 
 import * as React from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { Dialog as DialogPrimitive } from "radix-ui";
 import { X } from 'lucide-react';
 import { cn } from '../lib/utils';
 import { DialogOverlay, DialogPortal } from '../ui/dialog';

package/src/lib/use-sync-external-store-shim.ts

@@ -0,0 +1,10 @@
+/**
+ * ESM re-export of useSyncExternalStore from React.
+ *
+ * React 18+ ships useSyncExternalStore natively. The CJS shim package
+ * (`use-sync-external-store/shim`) uses `require("react")` which
+ * produces a Rolldown `require` polyfill incompatible with Next.js
+ * Turbopack SSR. This module provides the same API surface using a
+ * static ESM import instead.
+ */
+export { useSyncExternalStore } from 'react';