chore(kumo): update Base UI to 1.6.0 (#598)

Author: mattrothenberg

.changeset/fresh-otters-draw.md

@@ -0,0 +1,5 @@
+---
+"@cloudflare/kumo": patch
+---
+
+Update Base UI to 1.6.0.

packages/kumo/package.json

@@ -469,7 +469,7 @@
     }
   },
   "dependencies": {
-    "@base-ui/react": "^1.5.0",
+    "@base-ui/react": "^1.6.0",
     "@shikijs/langs": "^4.0.0",
     "@shikijs/themes": "^4.0.0",
     "clsx": "^2.1.1",

packages/kumo/scripts/generate-primitives.ts

@@ -33,6 +33,12 @@ const EXCLUDED_EXPORTS = new Set([
   "./use-render", // Internal hook
 ]);
 
+const COMPATIBILITY_EXPORTS: Record<string, string[]> = {
+  "otp-field": [
+    'export { OTPField as OTPFieldPreview } from "@base-ui/react/otp-field";',
+  ],
+};
+
 function main() {
   // Read base-ui package.json
   if (!existsSync(BASE_UI_PACKAGE)) {
@@ -97,6 +103,7 @@ function generateBarrelExport(subpaths: string[]) {
   for (const subpath of subpaths) {
     const modulePath = `@base-ui/react/${subpath.replace("./", "")}`;
     lines.push(`export * from "${modulePath}";`);
+    lines.push(...(COMPATIBILITY_EXPORTS[subpath.replace("./", "")] ?? []));
   }
   lines.push("");
 
@@ -109,6 +116,7 @@ function generateIndividualPrimitives(subpaths: string[]) {
     const primitiveFile = join(PRIMITIVES_DIR, `${primitiveName}.ts`);
     const modulePath = `@base-ui/react/${primitiveName}`;
 
+    const compatibilityExports = COMPATIBILITY_EXPORTS[primitiveName] ?? [];
     const content = [
       "/**",
       ` * ${primitiveName} primitive`,
@@ -123,6 +131,7 @@ function generateIndividualPrimitives(subpaths: string[]) {
       " */",
       "",
       `export * from "${modulePath}";`,
+      ...compatibilityExports,
       "",
     ].join("\n");
 

packages/kumo/src/primitives/index.ts

@@ -37,6 +37,7 @@ export * from "@base-ui/react/meter";
 export * from "@base-ui/react/navigation-menu";
 export * from "@base-ui/react/number-field";
 export * from "@base-ui/react/otp-field";
+export { OTPField as OTPFieldPreview } from "@base-ui/react/otp-field";
 export * from "@base-ui/react/popover";
 export * from "@base-ui/react/preview-card";
 export * from "@base-ui/react/progress";

packages/kumo/src/primitives/otp-field.ts

@@ -11,3 +11,4 @@
  */
 
 export * from "@base-ui/react/otp-field";
+export { OTPField as OTPFieldPreview } from "@base-ui/react/otp-field";

packages/kumo/tests/imports/primitives.test.ts

@@ -27,7 +27,7 @@ try {
 const EXPORT_NAME_OVERRIDES: Record<string, string> = {
   "csp-provider": "CSPProvider", // All caps CSP
   drawer: "Drawer", // Stable in base-ui 1.4.0
-  "otp-field": "OTPFieldPreview", // Preview component with all caps OTP
+  "otp-field": "OTPField", // Stable component with all caps OTP
 };
 
 // Exports excluded by generate-primitives.ts
@@ -123,6 +123,14 @@ describe("Primitives Export", () => {
       expect(missingExports).toEqual([]);
     });
 
+    it("should keep OTPFieldPreview as a compatibility alias", async () => {
+      const barrelPrimitives = await import("../../src/primitives/index.ts");
+      const otpFieldPrimitives = await import("../../src/primitives/otp-field.ts");
+
+      expect(barrelPrimitives.OTPFieldPreview).toBe(barrelPrimitives.OTPField);
+      expect(otpFieldPrimitives.OTPFieldPreview).toBe(otpFieldPrimitives.OTPField);
+    });
+
     it("should re-export all non-excluded base-ui exports", () => {
       const baseUiPackage = JSON.parse(
         readFileSync(baseUiPackagePath, "utf-8"),