@windrun-huaiin/base-ui 3.2.3 → 3.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/base-ui",
-  "version": "3.2.3",
+  "version": "3.3.0",
   "description": "Base UI components for windrun-huaiin projects",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -16,10 +16,15 @@
       "import": "./dist/ui/*.mjs",
       "require": "./dist/ui/*.js"
     },
-    "./components/*": {
-      "types": "./dist/components/*.d.ts",
-      "import": "./dist/components/*.mjs",
-      "require": "./dist/components/*.js"
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.mjs",
+      "require": "./dist/components/index.js"
+    },
+    "./components/client": {
+      "types": "./dist/components/client/index.d.ts",
+      "import": "./dist/components/client/index.mjs",
+      "require": "./dist/components/client/index.js"
     },
     "./lib/*": {
       "types": "./dist/lib/*.d.ts",
@@ -36,14 +41,6 @@
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "build:css": "postcss src/styles/base-ui.css -o dist/base-ui.css",
-    "build": "tsup && pnpm build:css",
-    "build:prod": "tsup && pnpm build:css",
-    "dev": "tsup --watch",
-    "clean": "rm -rf dist",
-    "type-check": "tsc --noEmit"
-  },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.10",
     "@radix-ui/react-alert-dialog": "^1.1.13",
@@ -72,7 +69,6 @@
     "@radix-ui/react-toggle": "^1.1.8",
     "@radix-ui/react-toggle-group": "^1.1.9",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@windrun-huaiin/lib": "3.2.1",
     "class-variance-authority": "^0.7.1",
     "cmdk": "1.0.4",
     "embla-carousel-react": "8.5.1",
@@ -88,17 +84,19 @@
     "react-resizable-panels": "^2.1.9",
     "recharts": "2.15.3",
     "sonner": "^1.7.4",
-    "vaul": "^0.9.9"
+    "vaul": "^0.9.9",
+    "@windrun-huaiin/lib": "^3.2.2"
   },
   "peerDependencies": {
+    "clsx": "^2.0.0",
+    "next": "^15.3.2",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "next": "^15.3.2",
-    "tailwindcss": "^4.1.7",
-    "clsx": "^2.0.0",
-    "tailwind-merge": "^3.0.0"
+    "tailwind-merge": "^3.0.0",
+    "tailwindcss": "^4.1.7"
   },
   "devDependencies": {
+    "@types/node": "^22.15.33",
     "@types/react": "19.1.2",
     "@types/react-dom": "19.1.3",
     "tsup": "^8.3.5",
@@ -116,5 +114,13 @@
   "license": "MIT",
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build:css": "postcss src/styles/base-ui.css -o dist/base-ui.css",
+    "build": "tsup && pnpm build:css",
+    "build:prod": "tsup && pnpm build:css",
+    "dev": "tsup --watch",
+    "clean": "rm -rf dist",
+    "type-check": "tsc --noEmit"
   }
 }

package/src/components/404-page.tsx

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 
 import { NotFoundIcon } from "@base-ui/components/global-icon";
 import { SiteIcon } from "@base-ui/lib/site-icon";

package/src/components/client/index.ts

@@ -0,0 +1,15 @@
+"use client";
+
+// Client Components Only
+// These components use 'use client' directive and should be imported separately
+// to avoid contaminating server components in the main index.ts
+
+// Base Client Components
+export * from '../404-page';
+export * from '../go-to-top';
+export * from '../language-detector';
+export * from '../language-switcher';
+
+// Script Components (All Client-side)
+export * from '../script/google-analytics-script';
+export * from '../script/microsoft-clarity-script'; 

package/src/components/global-icon.tsx

@@ -147,7 +147,7 @@ export function getGlobalIcon(
   
   const Icon = globalLucideIcons[iconKey as keyof typeof globalLucideIcons];
   if (!Icon) {
-    if (process.env.NODE_ENV !== 'production') {
+    if (typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production') {
       // only show in dev|test
       // eslint-disable-next-line no-console
       console.warn(

package/src/components/index.ts

@@ -1,10 +1,17 @@
-// Base Components
-export * from './404-page';
+// Server Components and Universal Components
+// ⚠️ IMPORTANT: To avoid client/server component mixing issues in Next.js bundling,
+// client components with 'use client' directive are exported separately.
+//
+// Usage:
+// - Server components: import from '@base-ui/components' (this file)
+// - Client components: import from '@base-ui/components/client'
+//
+// Example:
+// import { globalLucideIcons, getGlobalIcon } from '@base-ui/components'
+// import { NotFoundPage, GoToTop } from '@base-ui/components/client'
+
+// Main server/universal components
 export * from './global-icon';
-export * from './go-to-top';
-export * from './language-detector';
-export * from './language-switcher';
 
-// Script Components
-export * from './script/google-analytics-script';
-export * from './script/microsoft-clarity-script'; 
+// For client components, please use:
+// import { ... } from '@base-ui/components/client' 

package/src/index.ts

@@ -1,4 +1,7 @@
 // Re-export everything from sub-modules for convenience
+// ⚠️ IMPORTANT: Client components are NOT exported here to avoid server component contamination
+// For client components, use: import { ... } from '@base-ui/components/client'
+
 export * from './ui';
-export * from './components';
+export * from './components'; // Only server/universal components
 export * from './lib';