@vellira-ui/react-native 2.123.4 → 2.123.5

package/dist/index.js

@@ -1,5 +1,5 @@
 import { AccessibilityInfo, ActivityIndicator, Animated, BackHandler, Dimensions, Easing, FlatList, Modal as Modal$1, Platform, Pressable, ScrollView, StyleSheet, Text, TextInput, View, findNodeHandle, useWindowDimensions } from "react-native";
-import { Children, cloneElement, createContext, createElement, forwardRef, isValidElement, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { Children, cloneElement, createContext, createElement, forwardRef, isValidElement, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { createConsoleOverlayDiagnostics, createOverlayManagerStore, createOverlayZIndexPolicy, createRetainedResourceRegistry, deferOverlayFocusRestore, getCompoundSlot, markCompoundSlot, resolveOverlayPresentation, resolveSelectGroupSelection } from "@vellira-ui/core";
 import { controlSizes, darkTheme, highContrastTheme, lightTheme } from "@vellira-ui/tokens";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -360,11 +360,15 @@ function useOverlayPresentation(presentation = "auto", breakpoint = 768) {
 //#region src/hooks/useControllableState.ts
 const useControllableState = ({ value, defaultValue, onChange }) => {
 	const [internalValue, setInternalValue] = useState(defaultValue);
+	const onChangeRef = useRef(onChange);
+	useLayoutEffect(() => {
+		onChangeRef.current = onChange;
+	}, [onChange]);
 	const isControlled = value !== void 0;
 	return [isControlled ? value : internalValue, useCallback((next) => {
 		if (!isControlled) setInternalValue(next);
-		onChange?.(next);
-	}, [isControlled, onChange])];
+		onChangeRef.current?.(next);
+	}, [isControlled])];
 };
 //#endregion
 //#region src/hooks/useKeyboardNavigation.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vellira-ui/react-native",
-  "version": "2.123.4",
+  "version": "2.123.5",
   "description": "React Native components for Vellira Design System",
   "keywords": [
     "vellira",