Upgrade Base UI to 1.3.0.

Move Origin onto the stable Drawer API and refresh the internal Base UI sync check so future upgrades stay aligned with the installed package.

Made-with: Cursor

Author: jaymantri

package-lock.json

@@ -58,8 +58,8 @@
     "prepack": "npm run build:styles"
   },
   "dependencies": {
-    "@base-ui/react": "^1.1.0",
-    "@base-ui/utils": "^0.2.3",
+    "@base-ui/react": "^1.3.0",
+    "@base-ui/utils": "^0.2.6",
     "@tanstack/react-table": "^8.21.3",
     "ajv": "^8.18.0",
     "clsx": "^2.1.1"

package.json

@@ -13,13 +13,13 @@ import { fileURLToPath } from 'url';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 const UTILS_FILE = path.join(__dirname, '../src/lib/base-ui-utils.ts');
-const BASE_UI_PKG = path.join(__dirname, '../node_modules/@base-ui-components/react/package.json');
+const BASE_UI_PKG = path.join(__dirname, '../node_modules/@base-ui/react/package.json');
 
 // Files we copied from Base UI
 const COPIED_FILES = [
-  'esm/utils/getStateAttributesProps.js',
-  'esm/utils/createBaseUIEventDetails.js',
-  'esm/utils/reason-parts.js',
+  'utils/getStateAttributesProps.js',
+  'utils/createBaseUIEventDetails.js',
+  'utils/reason-parts.js',
 ];
 
 function getInstalledVersion() {
@@ -48,7 +48,7 @@ function main() {
     console.log('');
     console.log('Review these files for changes:');
     COPIED_FILES.forEach(file => {
-      console.log(`  node_modules/@base-ui-components/react/${file}`);
+      console.log(`  node_modules/@base-ui/react/${file}`);
     });
     console.log('');
     console.log('After syncing, update @baseui-version in src/lib/base-ui-utils.ts');

scripts/check-baseui-version.js

@@ -32,7 +32,7 @@ export type {
   DrawerIndentBackgroundProps,
 } from './parts';
 
-export { DrawerPreview as BaseDrawer } from '@base-ui/react/drawer';
+export { Drawer as BaseDrawer } from '@base-ui/react/drawer';
 
 import {
   DrawerProvider,
@@ -51,9 +51,9 @@ import {
   DrawerIndentBackground,
 } from './parts';
 
-import { DrawerPreview } from '@base-ui/react/drawer';
+import { Drawer as BaseDrawer } from '@base-ui/react/drawer';
 
-export const createHandle = DrawerPreview.createHandle;
+export const createHandle = BaseDrawer.createHandle;
 
 export const Drawer = {
   Provider: DrawerProvider,
@@ -70,5 +70,5 @@ export const Drawer = {
   Handle: DrawerHandle,
   Indent: DrawerIndent,
   IndentBackground: DrawerIndentBackground,
-  createHandle: DrawerPreview.createHandle,
+  createHandle: BaseDrawer.createHandle,
 };

src/components/Drawer/index.ts

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { DrawerPreview as BaseDrawer } from '@base-ui/react/drawer';
+import { Drawer as BaseDrawer } from '@base-ui/react/drawer';
 import clsx from 'clsx';
 import { useTrackedOpenChange } from '../Analytics/useTrackedOpenChange';
 import styles from './Drawer.module.scss';

src/components/Drawer/parts.tsx

@@ -7,11 +7,11 @@
  *
  * Zero drift from Base UI patterns.
  *
- * @baseui-version 1.2.0
- * @synced 2026-02-11
+ * @baseui-version 1.3.0
+ * @synced 2026-03-17
  *
  * To check for updates: npm run check:baseui
- * To sync: Compare files below with node_modules/@base-ui/react/esm/utils/
+ * To sync: Compare files below with node_modules/@base-ui/react/utils/
  *
  * ## Direct imports (always prefer these)
  *