npm package diff

Package: @chakra-ui/react

Versions: 2.10.1 - 2.10.2

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

Index: package/dist/esm/slider/use-range-slider.mjs
===================================================================
--- package/dist/esm/slider/use-range-slider.mjs
+++ package/dist/esm/slider/use-range-slider.mjs
@@ -1,6 +1,6 @@
 'use client';
-import { useCallbackRef, useControllableState, useSizes, useUpdateEffect, usePanEvent, mergeRefs } from '@chakra-ui/hooks';
+import { useCallbackRef, useControllableState, 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, orient, getIsReversed, getIds } from './slider-utils.mjs';
 
@@ -67,15 +67,8 @@
   const thumbPercents = thumbValues.map((val) => valueToPercent(val, min, max));
   const isVertical = orientation === "vertical";
   const trackRef = useRef(null);
   const rootRef = useRef(null);
-  const thumbRects = useSizes({
-    getNodes() {
-      const rootNode = rootRef.current;
-      const thumbNodes = rootNode?.querySelectorAll("[role=slider]");
-      return thumbNodes ? Array.from(thumbNodes) : [];
-    }
-  });
   const reactId = useId();
   const uuid = idProp ?? reactId;
   const ids = getIds(uuid);
   const getValueFromPointer = useCallback(
@@ -157,12 +150,11 @@
   const { getThumbStyle, rootStyle, trackStyle, innerTrackStyle } = useMemo(
     () => getStyles({
       isReversed,
       orientation,
-      thumbRects,
       thumbPercents
     }),
-    [isReversed, orientation, thumbPercents, thumbRects]
+    [isReversed, orientation, thumbPercents]
   );
   const focusThumb = useCallback(
     (index) => {
       const idx = index ?? activeIndex;