@nexub/react 8.4.0 → 8.5.0

package/accessibility.json

@@ -1,5 +1,5 @@
 {
-  "version": "8.4.0",
+  "version": "8.5.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, and on open popups (menus, listboxes, dialogs), on every pull request; a new violation fails the build.",

package/dist/components/DatePicker/DatePicker.d.ts

@@ -22,6 +22,9 @@ export declare function useCalendarLocale(localeProp?: Locale): {
 };
 export interface DatePickerProps {
     value?: Date;
+    /** Called with the new value. */
+    onValueChange?: (date: Date | undefined) => void;
+    /** @deprecated 8.5: use `onValueChange` (the name every other Nexub input, and React Native, uses). Removed in 9.0. */
     onChange?: (date: Date | undefined) => void;
     placeholder?: string;
     disabled?: boolean;

package/dist/components/DatePicker/DatePicker.js

@@ -88,6 +88,7 @@ const calendarClassNames = {
 const DatePicker = React.forwardRef(
   function DatePicker2({
     value,
+    onValueChange,
     onChange,
     placeholder: placeholderProp,
     disabled = false,
@@ -102,6 +103,10 @@ const DatePicker = React.forwardRef(
     typeable = false
   }, ref) {
     const [open, setOpen] = React.useState(false);
+    const change = (v) => {
+      onValueChange?.(v);
+      onChange?.(v);
+    };
     const messages = useNexubMessages();
     const placeholder = placeholderProp ?? messages.pickDate;
     const calendar = useCalendarLocale(localeProp);
@@ -112,11 +117,11 @@ const DatePicker = React.forwardRef(
     const invalid = typed !== void 0 && (!isValid(typed) || minDate !== void 0 && typed < minDate || maxDate !== void 0 && typed > maxDate || disabledDates !== void 0 && dateMatchModifiers(typed, disabledDates));
     const commit = () => {
       if (text === null || invalid) return;
-      onChange?.(typed);
+      change(typed);
       setText(null);
     };
     const pick = (date) => {
-      onChange?.(date);
+      change(date);
       setText(null);
       setOpen(false);
     };

package/dist/components/DateTimePicker/DateTimePicker.d.ts

@@ -3,6 +3,9 @@ import type { Locale } from 'date-fns';
 export interface DateTimePickerProps {
     /** Date and time in the reader's local time. */
     value?: Date;
+    /** Called with the new value. */
+    onValueChange?: (value: Date | undefined) => void;
+    /** @deprecated 8.5: use `onValueChange` (the name every other Nexub input, and React Native, uses). Removed in 9.0. */
     onChange?: (value: Date | undefined) => void;
     /** Time used when a date is picked first. @default '09:00' */
     defaultTime?: string;
@@ -17,4 +20,4 @@ export interface DateTimePickerProps {
     locale?: Locale;
 }
 /** A DatePicker and a TimePicker that edit one `Date` together. */
-export declare function DateTimePicker({ value, onChange, defaultTime, minuteStep, minDate, maxDate, disabled, timeZone, 'aria-label': ariaLabel, className, locale, }: DateTimePickerProps): React.JSX.Element;
+export declare function DateTimePicker({ value, onValueChange, onChange, defaultTime, minuteStep, minDate, maxDate, disabled, timeZone, 'aria-label': ariaLabel, className, locale, }: DateTimePickerProps): React.JSX.Element;

package/dist/components/DateTimePicker/DateTimePicker.js

@@ -15,6 +15,7 @@ const withTime = (d, time) => {
 };
 function DateTimePicker({
   value,
+  onValueChange,
   onChange,
   defaultTime = "09:00",
   minuteStep,
@@ -26,6 +27,10 @@ function DateTimePicker({
   className,
   locale
 }) {
+  const change = (v) => {
+    onValueChange?.(v);
+    onChange?.(v);
+  };
   const messages = useNexubMessages();
   const intlLocale = useIntlLocale();
   const [pendingTime, setPendingTime] = React.useState(defaultTime);
@@ -37,7 +42,7 @@ function DateTimePicker({
       {
         "aria-label": messages.dateLabel,
         value,
-        onChange: (date) => onChange?.(date ? withTime(date, time) : void 0),
+        onValueChange: (date) => change(date ? withTime(date, time) : void 0),
         minDate,
         maxDate,
         disabled,
@@ -54,7 +59,7 @@ function DateTimePicker({
         disabled,
         onValueChange: (next) => {
           if (!next) return;
-          if (value) onChange?.(withTime(value, next));
+          if (value) change(withTime(value, next));
           else setPendingTime(next);
         }
       }

package/dist/components/NumberInput/NumberInput.d.ts

@@ -9,6 +9,9 @@ export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInp
     showSteppers?: boolean;
     value?: number;
     defaultValue?: number;
+    /** Called with the new value. */
+    onValueChange?: (value: number) => void;
+    /** @deprecated 8.5: use `onValueChange` (the name every other Nexub input, and React Native, uses). Removed in 9.0. */
     onChange?: (value: number) => void;
     invalid?: boolean;
 }

package/dist/components/NumberInput/NumberInput.js

@@ -26,19 +26,24 @@ const NumberInput = React.forwardRef(
     showSteppers = false,
     value,
     defaultValue = 0,
+    onValueChange,
     onChange,
     invalid,
     disabled,
     ...props
   }, ref) => {
     const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const change = (v) => {
+      onValueChange?.(v);
+      onChange?.(v);
+    };
     const messages = useNexubMessages();
     const controlled = value !== void 0;
     const currentValue = controlled ? value : internalValue;
     const commit = (next) => {
       const clamped = clampValue(next, min, max);
       if (!controlled) setInternalValue(clamped);
-      onChange?.(clamped);
+      change(clamped);
     };
     const handleChange = (e) => {
       const parsed = parseFloat(e.target.value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/react",
-  "version": "8.4.0",
+  "version": "8.5.0",
   "description": "React component library for Nexub Design System — 90+ accessible, themeable UI components built on Radix UI primitives.",
   "type": "module",
   "license": "MIT",
@@ -86,14 +86,14 @@
     "get-nonce": "^1.0.1",
     "react-day-picker": "^10.0.2",
     "tailwind-merge": "^3.7.0",
-    "@nexub/core": "8.4.0",
-    "@nexub/icons": "8.4.0"
+    "@nexub/core": "8.5.0",
+    "@nexub/icons": "8.5.0"
   },
   "peerDependencies": {
     "react": ">=19 <20",
     "react-dom": ">=19 <20",
     "@tanstack/react-virtual": "^3.14.22",
-    "@nexub/tokens": "^8.4.0"
+    "@nexub/tokens": "^8.5.0"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-virtual": {
@@ -126,8 +126,8 @@
     "vaul": "1.1.2",
     "vite": "^8.3.5",
     "vitest": "^5.0.5",
-    "@nexub/themes": "8.4.0",
-    "@nexub/tokens": "8.4.0"
+    "@nexub/themes": "8.5.0",
+    "@nexub/tokens": "8.5.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",