@nexub/react 4.8.0 → 4.9.0

package/accessibility.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.8.0",
+  "version": "4.9.0",
   "standard": "WCAG 2.2 Level AA",
   "method": {
     "automated": "axe-core rules tagged wcag2a, wcag2aa, wcag21a, wcag21aa and wcag22aa, run on every Storybook story in light and dark on every pull request; a new violation fails the build.",

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { warnOnce } from "../../utils/deprecated.js";
 import * as React from "react";
 import { useIsomorphicLayoutEffect } from "../../hooks/useIsomorphicLayoutEffect.js";
 const GLASS_MODES = ["clear", "balanced", "tinted", "off"];
@@ -107,6 +108,14 @@ function ThemeProvider({
   seedTarget = "primary"
 }) {
   useSeedTheme(seed, seedTarget);
+  React.useEffect(() => {
+    if (React.version.startsWith("18.")) warnOnce("react-18", "React 18 support is deprecated; 5.0 requires React 19.");
+    if (!document.documentElement.closest("[data-expression]") && !document.querySelector("[data-expression]"))
+      warnOnce(
+        "expression-default",
+        `In 5.0 the Vivid expression becomes the default. Set data-expression="calm" on <html> to keep today's look, or data-expression="vivid" to opt in now.`
+      );
+  }, []);
   const [theme, setThemeState] = React.useState(defaultTheme);
   const [systemTheme, setSystemTheme] = React.useState("light");
   const [glass, setGlassState] = React.useState(defaultGlass);

package/dist/utils/deprecated.d.ts

@@ -4,3 +4,5 @@
  * Bundlers replace `process.env.NODE_ENV`, so production builds drop the call's body.
  */
 export declare function warnDeprecated(name: string, replacement: string): void;
+/** Warns once per key, outside production (same rules as warnDeprecated). Used for 4.9 → 5.0 notices. */
+export declare function warnOnce(key: string, message: string): void;

package/dist/utils/deprecated.js

@@ -11,6 +11,17 @@ function warnDeprecated(name, replacement) {
     `[@nexub/react] ${name} is deprecated and will be removed in 3.0. Use ${replacement} instead.`
   );
 }
+function warnOnce(key, message) {
+  try {
+    if (process.env.NODE_ENV === "production") return;
+  } catch {
+    return;
+  }
+  if (warned.has(key)) return;
+  warned.add(key);
+  console.warn(`[@nexub/react] ${message}`);
+}
 export {
-  warnDeprecated
+  warnDeprecated,
+  warnOnce
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/react",
-  "version": "4.8.0",
+  "version": "4.9.0",
   "description": "React component library for Nexub Design System — 90+ accessible, themeable UI components built on Radix UI primitives.",
   "type": "module",
   "license": "MIT",
@@ -81,13 +81,13 @@
     "date-fns": "^4.4.0",
     "react-day-picker": "^10.0.2",
     "tailwind-merge": "^3.7.0",
-    "@nexub/core": "4.8.0",
-    "@nexub/icons": "4.8.0"
+    "@nexub/core": "4.9.0",
+    "@nexub/icons": "4.9.0"
   },
   "peerDependencies": {
     "react": ">=18 <20",
     "react-dom": ">=18 <20",
-    "@nexub/tokens": "^4.8.0"
+    "@nexub/tokens": "^4.9.0"
   },
   "devDependencies": {
     "@playwright/test": "1.64.0",
@@ -113,8 +113,8 @@
     "vaul": "1.1.2",
     "vite": "^8.3.5",
     "vitest": "^5.0.5",
-    "@nexub/themes": "4.8.0",
-    "@nexub/tokens": "4.8.0"
+    "@nexub/themes": "4.9.0",
+    "@nexub/tokens": "4.9.0"
   },
   "scripts": {
     "build": "rm -rf dist && tsup && tsc -p tsconfig.build.json && rm -f dist/vendor/*.d.ts && node scripts/check-dts.mjs && tailwindcss -i src/styles.css -o dist/styles.css --minify && cp -R ../themes/src/fonts dist/fonts",