@object-ui/components 3.1.3 → 3.1.4

package/dist/src/lib/use-sync-external-store-shim.d.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';

package/dist/src/lib/use-sync-external-store-with-selector-shim.d.ts

@@ -0,0 +1 @@
+export declare function useSyncExternalStoreWithSelector<Snapshot, Selection>(subscribe: (onStoreChange: () => void) => () => void, getSnapshot: () => Snapshot, getServerSnapshot: undefined | null | (() => Snapshot), selector: (snapshot: Snapshot) => Selection, isEqual?: (a: Selection, b: Selection) => boolean): Selection;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/components",
-  "version": "3.1.3",
+  "version": "3.1.4",
   "type": "module",
   "license": "MIT",
   "description": "Standard UI component library for Object UI, built with Shadcn UI + Tailwind CSS",
@@ -36,16 +36,16 @@
     "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.2",
+    "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.3",
-    "@object-ui/react": "3.1.3",
-    "@object-ui/types": "3.1.3"
+    "@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",
@@ -59,17 +59,17 @@
     "@storybook/blocks": "^8.6.14",
     "@storybook/react": "^8.6.18",
     "@storybook/react-vite": "^8.6.18",
-    "@tailwindcss/postcss": "^4.2.1",
+    "@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.8",
-    "shadcn": "^4.0.2",
+    "shadcn": "^4.1.0",
     "storybook": "^8.6.18",
-    "tailwindcss": "^4.2.1",
+    "tailwindcss": "^4.2.2",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^8.0.1",
     "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {

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';

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

@@ -0,0 +1,90 @@
+/**
+ * ESM re-export of useSyncExternalStoreWithSelector.
+ *
+ * The CJS shim package uses `require("react")` which produces a
+ * Rolldown `require` polyfill incompatible with Next.js Turbopack SSR.
+ * This module provides a pure-ESM implementation using React 18+
+ * native useSyncExternalStore.
+ */
+import { useRef, useEffect, useMemo, useDebugValue, useSyncExternalStore } from 'react';
+
+function is(x: unknown, y: unknown): boolean {
+  return (x === y && (0 !== x || 1 / (x as number) === 1 / (y as number))) || (x !== x && y !== y);
+}
+
+const objectIs: (x: unknown, y: unknown) => boolean =
+  typeof Object.is === 'function' ? Object.is : is;
+
+export function useSyncExternalStoreWithSelector<Snapshot, Selection>(
+  subscribe: (onStoreChange: () => void) => () => void,
+  getSnapshot: () => Snapshot,
+  getServerSnapshot: undefined | null | (() => Snapshot),
+  selector: (snapshot: Snapshot) => Selection,
+  isEqual?: (a: Selection, b: Selection) => boolean,
+): Selection {
+  const instRef = useRef<{
+    hasValue: boolean;
+    value: Selection;
+  } | null>(null);
+  let inst: { hasValue: boolean; value: Selection };
+  if (instRef.current === null) {
+    inst = { hasValue: false, value: null as Selection };
+    instRef.current = inst;
+  } else {
+    inst = instRef.current;
+  }
+
+  const [getSelection, getServerSelection] = useMemo(() => {
+    let hasMemo = false;
+    let memoizedSnapshot: Snapshot;
+    let memoizedSelection: Selection;
+    const memoizedSelector = (nextSnapshot: Snapshot): Selection => {
+      if (!hasMemo) {
+        hasMemo = true;
+        memoizedSnapshot = nextSnapshot;
+        const nextSelection = selector(nextSnapshot);
+        if (isEqual !== undefined) {
+          if (inst.hasValue) {
+            const currentSelection = inst.value;
+            if (isEqual(currentSelection, nextSelection)) {
+              memoizedSelection = currentSelection;
+              return currentSelection;
+            }
+          }
+        }
+        memoizedSelection = nextSelection;
+        return nextSelection;
+      }
+      const prevSnapshot = memoizedSnapshot;
+      const prevSelection = memoizedSelection;
+      if (objectIs(prevSnapshot, nextSnapshot)) {
+        return prevSelection;
+      }
+      const nextSelection = selector(nextSnapshot);
+      if (isEqual !== undefined && isEqual(prevSelection, nextSelection)) {
+        memoizedSnapshot = nextSnapshot;
+        return prevSelection;
+      }
+      memoizedSnapshot = nextSnapshot;
+      memoizedSelection = nextSelection;
+      return nextSelection;
+    };
+    const maybeGetServerSelection =
+      getServerSnapshot === undefined || getServerSnapshot === null
+        ? undefined
+        : () => memoizedSelector(getServerSnapshot());
+    return [() => memoizedSelector(getSnapshot()), maybeGetServerSelection];
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [getSnapshot, getServerSnapshot, selector, isEqual]);
+
+  const value = useSyncExternalStore(subscribe, getSelection, getServerSelection);
+
+  useEffect(() => {
+    inst.hasValue = true;
+    inst.value = value;
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value]);
+
+  useDebugValue(value);
+  return value;
+}

package/vite.config.ts

@@ -20,16 +20,22 @@ export default defineConfig({
     }),
   ],
   resolve: {
-    alias: {
-      '@': resolve(__dirname, './src'),
-      '@object-ui/core': resolve(__dirname, '../core/src'),
-      '@object-ui/types': resolve(__dirname, '../types/src'),
-      '@object-ui/react': resolve(__dirname, '../react/src'),
-      '@object-ui/components': resolve(__dirname, './src'), // Self-reference for vitest.setup.tsx
-      '@object-ui/fields': resolve(__dirname, '../fields/src'),
-      '@object-ui/plugin-dashboard': resolve(__dirname, '../plugin-dashboard/src'),
-      '@object-ui/plugin-grid': resolve(__dirname, '../plugin-grid/src'),
-    },
+    alias: [
+      { find: '@', replacement: resolve(__dirname, './src') },
+      { find: '@object-ui/core', replacement: resolve(__dirname, '../core/src') },
+      { find: '@object-ui/types', replacement: resolve(__dirname, '../types/src') },
+      { find: '@object-ui/react', replacement: resolve(__dirname, '../react/src') },
+      { find: '@object-ui/components', replacement: resolve(__dirname, './src') }, // Self-reference for vitest.setup.tsx
+      { find: '@object-ui/fields', replacement: resolve(__dirname, '../fields/src') },
+      { find: '@object-ui/plugin-dashboard', replacement: resolve(__dirname, '../plugin-dashboard/src') },
+      { find: '@object-ui/plugin-grid', replacement: resolve(__dirname, '../plugin-grid/src') },
+      // The CJS shims use require("react") which produces a Rolldown
+      // require polyfill incompatible with Next.js Turbopack SSR.
+      // Alias to ESM modules that re-export from React 18+ directly.
+      { find: /^use-sync-external-store\/shim\/with-selector(\.js)?$/, replacement: resolve(__dirname, 'src/lib/use-sync-external-store-with-selector-shim.ts') },
+      { find: /^use-sync-external-store\/shim(\.js)?$/, replacement: resolve(__dirname, 'src/lib/use-sync-external-store-shim.ts') },
+      { find: /^use-sync-external-store\/with-selector(\.js)?$/, replacement: resolve(__dirname, 'src/lib/use-sync-external-store-with-selector-shim.ts') },
+    ],
   },
   build: {
     lib: {
@@ -38,7 +44,9 @@ export default defineConfig({
       fileName: 'index',
     },
     rollupOptions: {
-      external: ['react', 'react-dom', '@object-ui/core', '@object-ui/react', '@object-ui/types'],
+      // Use a function to match subpath imports (e.g. react/jsx-runtime)
+      // so Rolldown does not bundle CJS wrappers that use require().
+      external: (id) => /^(react|react-dom|@object-ui\/(core|react|types))(\/|$)/.test(id),
       output: {
         globals: {
           react: 'React',