npm package diff

Package: @chakra-ui/react

Versions: 2.10.1 - 2.10.2

File: package/dist/esm/slider/use-slider.mjs

Index: package/dist/esm/slider/use-slider.mjs
===================================================================
--- package/dist/esm/slider/use-slider.mjs
+++ package/dist/esm/slider/use-slider.mjs
@@ -1,6 +1,6 @@
 'use client';
-import { useCallbackRef, useControllableState, useLatestRef, useSize, useUpdateEffect, usePanEvent, mergeRefs } from '@chakra-ui/hooks';
+import { useCallbackRef, useControllableState, useLatestRef, useUpdateEffect, usePanEvent, mergeRefs } from '@chakra-ui/hooks';
 import { clampValue, valueToPercent, percentToValue, roundValueToStep, ariaAttr, dataAttr, callAllHandlers } from '@chakra-ui/utils';
 import { useState, useRef, useId, useCallback, useMemo } from 'react';
 import { getStyles, getIsReversed } from './slider-utils.mjs';
 
@@ -148,19 +148,16 @@
     },
     [actions, constrain, tenSteps, stateRef]
   );
   const valueText = getAriaValueText?.(value) ?? ariaValueText;
-  const thumbSize = useSize(thumbRef);
   const { getThumbStyle, rootStyle, trackStyle, innerTrackStyle } = useMemo(() => {
     const state2 = stateRef.current;
-    const thumbRect = thumbSize ?? { width: 0, height: 0 };
     return getStyles({
       isReversed,
       orientation: state2.orientation,
-      thumbRects: [thumbRect],
       thumbPercents: [thumbPercent]
     });
-  }, [isReversed, thumbSize, thumbPercent, stateRef]);
+  }, [isReversed, thumbPercent, stateRef]);
   const focusThumb = useCallback(() => {
     const state2 = stateRef.current;
     if (state2.focusThumbOnChange) {
       setTimeout(() => thumbRef.current?.focus());