@jamadd/react-native-template-ui 0.7.6 → 0.7.7

package/lib/module/components/slider/Slider.js

@@ -0,0 +1,175 @@
+"use strict";
+
+import { useMappingHelper } from '@shopify/flash-list';
+import { memo, useLayoutEffect, useState } from 'react';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { scheduleOnRN } from 'react-native-worklets';
+import { useViewRef } from "../../hooks/view.js";
+import { sliderStepIndicatorDefaultWidth, sliderThumbDefaultSize, SliderTrackSize } from "../../utils/slider/const.js";
+import AnimatedThemedView from "../view/AnimatedThemedView.js";
+import ThemedView from "../view/ThemedView.js";
+import ThemedSliderStepIndicator from "./ThemedSliderStepIndicator.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Slider = ({
+  range,
+  steps = 1,
+  stepIndicator,
+  stepIndicatorProps,
+  snapToStepAnimated = true,
+  onValueChange,
+  sliderWrapProps,
+  trackSize = SliderTrackSize.M,
+  trackActiveColor = 'themePri',
+  trackActiveProps,
+  trackInactiveColor = 'separator',
+  trackInactiveProps,
+  thumbSize = sliderThumbDefaultSize,
+  thumbColor = 'themePri',
+  thumbProps,
+  gestureActivateDuration = 40,
+  setSelectedVal,
+  selectedValSharedVal
+}) => {
+  const isNumRange = typeof range[0] === 'number';
+  const processedRange = isNumRange ? range.sort() : range;
+  const totalSteps = isNumRange ? Math.abs(processedRange[1] - processedRange[0]) / steps : processedRange.length - 1;
+  const thumbSizeHalf = thumbSize / 2;
+  const {
+    getMappingKey
+  } = useMappingHelper();
+  const trackViewRef = useViewRef();
+  const [sliderWidth, setSliderWidth] = useState();
+  const [trackWidth, setTrackWidth] = useState();
+  const [stepWidth, setStepWidth] = useState();
+  const xSharedVal = useSharedValue(-(trackWidth ?? 0));
+  const trackAnimatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: xSharedVal.get()
+    }]
+  }), [trackWidth]);
+  const thumbAnimatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: xSharedVal.get() - thumbSizeHalf
+    }]
+  }), [thumbSizeHalf]);
+  useLayoutEffect(() => {
+    trackViewRef.current?.measure((_x, _y, w) => {
+      const tempWidth = w - thumbSize;
+      const tempStepWidth = tempWidth / totalSteps;
+      setSliderWidth(w + thumbSize + thumbSizeHalf);
+      setTrackWidth(tempWidth);
+      setStepWidth(tempStepWidth);
+      let index = 0;
+      if (isNumRange) {
+        const numRange = processedRange;
+        const numCurrentValue = selectedValSharedVal?.get();
+        index = numCurrentValue ? (numCurrentValue - numRange[0]) / steps : 0;
+      } else {
+        const strRange = processedRange;
+        const strCurrentValue = selectedValSharedVal?.get();
+        index = strCurrentValue ? strRange.indexOf(strCurrentValue) : 0;
+      }
+      xSharedVal.set(-(totalSteps - index) * tempStepWidth);
+    });
+  }, [thumbSize, isNumRange, processedRange, totalSteps]);
+  const updateSelectedVal = x => {
+    if (!stepWidth) {
+      return;
+    }
+    if (isNumRange) {
+      const numRange = processedRange;
+      const numIndex = Math.round(x / stepWidth);
+      const tempSelectedVal = numRange[1] - numIndex * steps;
+      setSelectedVal?.(tempSelectedVal);
+      onValueChange(tempSelectedVal);
+    } else {
+      const strRange = processedRange;
+      const strIndex = Math.round(x / stepWidth);
+      const tempSelectedVal = strRange[totalSteps - strIndex];
+      setSelectedVal?.(tempSelectedVal);
+      onValueChange(tempSelectedVal);
+    }
+  };
+  const updateXSharedVal = (x, animated = false) => {
+    'worklet';
+
+    const tempX = Math.min(0, Math.max(x, -(trackWidth ?? 0)));
+    xSharedVal.set(animated ? withTiming(tempX) : tempX);
+    scheduleOnRN(updateSelectedVal, Math.abs(tempX));
+  };
+  const touchStart = useSharedValue(0);
+  const gesture = Gesture.Simultaneous(Gesture.LongPress().minDuration(gestureActivateDuration).onStart(({
+    x
+  }) => {
+    if (sliderWidth) {
+      updateXSharedVal(-(sliderWidth - (x + thumbSize + thumbSizeHalf)));
+    }
+  }).onTouchesUp(({
+    allTouches
+  }) => {
+    const touch = allTouches[0];
+    if (touch && sliderWidth && stepWidth) {
+      const nearestStep = Math.round(-(sliderWidth - (touch.x + thumbSize + thumbSizeHalf)) / stepWidth);
+      updateXSharedVal(nearestStep * stepWidth, snapToStepAnimated);
+    }
+  }), Gesture.Pan().manualActivation(true).onBegin(() => {
+    touchStart.set(Date.now());
+  }).onTouchesMove(({}, state) => {
+    const timeToCheck = Date.now() - touchStart.get();
+    if (timeToCheck >= gestureActivateDuration) {
+      state.activate();
+    } else {
+      state.fail();
+    }
+  }).onChange(({
+    changeX
+  }) => {
+    updateXSharedVal(xSharedVal.get() + changeX);
+  }).onEnd(() => {
+    if (stepWidth) {
+      const nearestStep = Math.round(xSharedVal.get() / stepWidth);
+      updateXSharedVal(nearestStep * stepWidth, snapToStepAnimated);
+    }
+  }));
+  return /*#__PURE__*/_jsx(GestureDetector, {
+    gesture: gesture,
+    children: /*#__PURE__*/_jsxs(ThemedView, {
+      ref: trackViewRef,
+      alignItems: 'center',
+      justifyContent: 'center',
+      alignSelf: 'stretch',
+      height: thumbSize,
+      ...sliderWrapProps,
+      children: [/*#__PURE__*/_jsx(ThemedView, {
+        position: 'absolute',
+        width: trackWidth,
+        height: trackSize,
+        overflow: 'hidden',
+        backgroundColor: trackInactiveColor,
+        ...trackActiveProps,
+        children: /*#__PURE__*/_jsx(AnimatedThemedView, {
+          height: trackSize,
+          backgroundColor: trackActiveColor,
+          style: trackAnimatedStyle,
+          ...trackInactiveProps
+        })
+      }), !!stepIndicator && processedRange.map((value, index) => /*#__PURE__*/_jsx(ThemedSliderStepIndicator, {
+        left: index * (stepWidth ?? 0) + thumbSizeHalf - sliderStepIndicatorDefaultWidth / 2,
+        height: thumbSize,
+        ...stepIndicatorProps
+      }, getMappingKey(value, index))), /*#__PURE__*/_jsx(AnimatedThemedView, {
+        position: 'absolute',
+        right: -thumbSizeHalf,
+        width: thumbSize,
+        aspectRatio: 1,
+        opacity: 0.8,
+        backgroundColor: thumbColor,
+        style: thumbAnimatedStyle,
+        ...thumbProps
+      })]
+    })
+  });
+};
+export default /*#__PURE__*/memo(Slider);
+//# sourceMappingURL=Slider.js.map

package/lib/module/components/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMappingHelper","memo","useLayoutEffect","useState","Gesture","GestureDetector","useAnimatedStyle","useSharedValue","withTiming","scheduleOnRN","useViewRef","sliderStepIndicatorDefaultWidth","sliderThumbDefaultSize","SliderTrackSize","AnimatedThemedView","ThemedView","ThemedSliderStepIndicator","jsx","_jsx","jsxs","_jsxs","Slider","range","steps","stepIndicator","stepIndicatorProps","snapToStepAnimated","onValueChange","sliderWrapProps","trackSize","M","trackActiveColor","trackActiveProps","trackInactiveColor","trackInactiveProps","thumbSize","thumbColor","thumbProps","gestureActivateDuration","setSelectedVal","selectedValSharedVal","isNumRange","processedRange","sort","totalSteps","Math","abs","length","thumbSizeHalf","getMappingKey","trackViewRef","sliderWidth","setSliderWidth","trackWidth","setTrackWidth","stepWidth","setStepWidth","xSharedVal","trackAnimatedStyle","transform","translateX","get","thumbAnimatedStyle","current","measure","_x","_y","w","tempWidth","tempStepWidth","index","numRange","numCurrentValue","strRange","strCurrentValue","indexOf","set","updateSelectedVal","x","numIndex","round","tempSelectedVal","strIndex","updateXSharedVal","animated","tempX","min","max","touchStart","gesture","Simultaneous","LongPress","minDuration","onStart","onTouchesUp","allTouches","touch","nearestStep","Pan","manualActivation","onBegin","Date","now","onTouchesMove","state","timeToCheck","activate","fail","onChange","changeX","onEnd","children","ref","alignItems","justifyContent","alignSelf","height","position","width","overflow","backgroundColor","style","map","value","left","right","aspectRatio","opacity"],"sourceRoot":"../../../../src","sources":["components/slider/Slider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/slider/ThemedSlider.js

@@ -1,142 +1,46 @@
 "use strict";
 
-import { useMappingHelper } from '@shopify/flash-list';
-import { useDeferredValue, useLayoutEffect, useState } from 'react';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-import { scheduleOnRN } from 'react-native-worklets';
-import { useViewRef } from "../../hooks/view.js";
-import { sliderStepIndicatorDefaultWidth, SliderThumbSize, SliderTrackSize, SliderValueDisplayMode } from "../../utils/slider/const.js";
-import AnimatedThemedView from "../view/AnimatedThemedView.js";
+import { memo, useLayoutEffect } from 'react';
+import { useSharedValue } from 'react-native-reanimated';
+import { useDeferredState } from "../../hooks/react.js";
+import { useThemeSpacing } from "../../hooks/theme.js";
+import { sliderThumbDefaultSize, SliderValueDisplayMode } from "../../utils/slider/const.js";
 import ThemedView from "../view/ThemedView.js";
+import Slider from "./Slider.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ThemedText = require('../text/ThemedText').default;
-const ThemedSliderStepIndicator = require('./ThemedSliderStepIndicator').default;
+const MemoThemedText = /*#__PURE__*/memo(ThemedText);
 const ThemedSlider = ({
-  range,
-  steps = 1,
   defaultValue,
-  stepIndicator,
-  stepIndicatorProps,
-  snapToStepAnimated = true,
-  onValueChange,
-  trackSize = SliderTrackSize.M,
-  trackActiveColor = 'themePri',
-  trackActiveProps,
-  trackInactiveColor = 'separator',
-  trackInactiveProps,
-  thumbSize = SliderThumbSize.M,
-  thumbColor = 'themePri',
-  thumbProps,
+  wrapProps: {
+    paddingHorizontal,
+    px,
+    ...wrapProps
+  } = {},
   valueDisplayMode = SliderValueDisplayMode.None,
   valueDisplayWrapProps,
   valueTextProps,
   valueDescription,
   valueDescriptionTextProps,
-  wrapProps
+  ...props
 }) => {
-  const isNumRange = typeof range[0] === 'number';
-  const processedRange = isNumRange ? range.sort() : range;
-  const totalSteps = isNumRange ? Math.abs(processedRange[1] - processedRange[0]) / steps : processedRange.length - 1;
-  const thumbSizeHalf = thumbSize / 2;
   const {
-    getMappingKey
-  } = useMappingHelper();
-  const sliderViewRef = useViewRef();
-  const trackViewRef = useViewRef();
-  const [sliderWidth, setSliderWidth] = useState();
-  const [trackWidth, setTrackWidth] = useState();
-  const [stepWidth, setStepWidth] = useState();
-  const [selectedVal, setSelectedVal] = useState(defaultValue);
-  const deferredSelectedValue = useDeferredValue(selectedVal);
-  const xSharedVal = useSharedValue(-(trackWidth ?? 0));
-  const trackAnimatedStyle = useAnimatedStyle(() => ({
-    transform: [{
-      translateX: xSharedVal.get()
-    }]
-  }), [trackWidth]);
-  const thumbAnimatedStyle = useAnimatedStyle(() => ({
-    transform: [{
-      translateX: xSharedVal.get() - thumbSizeHalf
-    }]
-  }), [thumbSizeHalf]);
-  useLayoutEffect(() => {
-    sliderViewRef.current?.measure((_x, _y, w) => {
-      setSliderWidth(w);
-    });
-  }, []);
+    thumbSize
+  } = props;
+  const themeSpacing = useThemeSpacing();
+  const {
+    state: selectedVal,
+    setState: setSelectedVal,
+    deferredState: deferredSelectedValue
+  } = useDeferredState(defaultValue);
+  const selectedValSharedVal = useSharedValue(selectedVal);
   useLayoutEffect(() => {
-    trackViewRef.current?.measure((_x, _y, w) => {
-      const tempWidth = w - thumbSize;
-      const tempStepWidth = tempWidth / totalSteps;
-      setTrackWidth(tempWidth);
-      setStepWidth(tempStepWidth);
-      let index = 0;
-      if (isNumRange) {
-        const numRange = processedRange;
-        const numCurrentValue = selectedVal;
-        index = numCurrentValue ? (numCurrentValue - numRange[0]) / steps : 0;
-      } else {
-        const strRange = processedRange;
-        const strCurrentValue = selectedVal;
-        index = strCurrentValue ? strRange.indexOf(strCurrentValue) : 0;
-      }
-      xSharedVal.set(-(totalSteps - index) * tempStepWidth);
-    });
-  }, [thumbSize, isNumRange, processedRange, totalSteps]);
+    selectedValSharedVal.set(selectedVal);
+  }, [selectedVal]);
+  const thumbSizeHalf = (thumbSize ?? sliderThumbDefaultSize) / 2;
   const wrapStyle = {
-    marginHorizontal: thumbSizeHalf
+    marginHorizontal: typeof paddingHorizontal === 'string' ? themeSpacing[paddingHorizontal] : typeof px === 'string' ? themeSpacing[px] : thumbSizeHalf
   };
-  const updateSelectedVal = x => {
-    if (!stepWidth) {
-      return;
-    }
-    if (isNumRange) {
-      const numRange = processedRange;
-      const numIndex = Math.round(x / stepWidth);
-      const tempSelectedVal = numRange[1] - numIndex * steps;
-      setSelectedVal(tempSelectedVal);
-      onValueChange(tempSelectedVal);
-    } else {
-      const strRange = processedRange;
-      const strIndex = Math.round(x / stepWidth);
-      const tempSelectedVal = strRange[totalSteps - strIndex];
-      setSelectedVal(tempSelectedVal);
-      onValueChange(tempSelectedVal);
-    }
-  };
-  const updateXSharedVal = (x, animated = false) => {
-    'worklet';
-
-    const tempX = Math.min(0, Math.max(x, -(trackWidth ?? 0)));
-    xSharedVal.set(animated ? withTiming(tempX) : tempX);
-    scheduleOnRN(updateSelectedVal, Math.abs(tempX));
-  };
-  const gesture = Gesture.Simultaneous(Gesture.Tap().onTouchesDown(({
-    allTouches
-  }) => {
-    const touch = allTouches[0];
-    if (touch && sliderWidth) {
-      updateXSharedVal(-(sliderWidth - (touch.x + thumbSize + thumbSizeHalf)));
-    }
-  }).onTouchesUp(({
-    allTouches
-  }) => {
-    const touch = allTouches[0];
-    if (touch && sliderWidth && stepWidth) {
-      const nearestStep = Math.round(-(sliderWidth - (touch.x + thumbSize + thumbSizeHalf)) / stepWidth);
-      updateXSharedVal(nearestStep * stepWidth, snapToStepAnimated);
-    }
-  }), Gesture.Pan().onChange(({
-    changeX
-  }) => {
-    updateXSharedVal(xSharedVal.get() + changeX);
-  }).onEnd(() => {
-    if (stepWidth) {
-      const nearestStep = Math.round(xSharedVal.get() / stepWidth);
-      updateXSharedVal(nearestStep * stepWidth, snapToStepAnimated);
-    }
-  }));
   const isValueDisplayModeNone = valueDisplayMode === SliderValueDisplayMode.None;
   const isValueDisplayModeTop = valueDisplayMode === SliderValueDisplayMode.Top;
   const isValueDisplayModeBottom = valueDisplayMode === SliderValueDisplayMode.Bottom;
@@ -144,16 +48,14 @@ const ThemedSlider = ({
     flexDirection: 'row',
     alignItems: 'center',
     alignSelf: 'stretch',
-    marginTop: isValueDisplayModeBottom ? 's' : undefined,
-    marginBottom: isValueDisplayModeTop ? 's' : undefined,
     ...valueDisplayWrapProps,
-    children: [!!valueDescription && /*#__PURE__*/_jsx(ThemedText, {
+    children: [!!valueDescription && /*#__PURE__*/_jsx(MemoThemedText, {
       variant: 'textS',
       flex: 1,
       textAlign: 'center',
       ...valueDescriptionTextProps,
       children: valueDescription
-    }), /*#__PURE__*/_jsx(ThemedText, {
+    }), /*#__PURE__*/_jsx(MemoThemedText, {
       variant: 'textSBold',
       flex: 1,
       textAlign: 'center',
@@ -161,47 +63,18 @@ const ThemedSlider = ({
       children: deferredSelectedValue
     })]
   });
+  const sliderProps = {
+    ...props,
+    setSelectedVal,
+    selectedValSharedVal
+  };
   return /*#__PURE__*/_jsxs(ThemedView, {
-    ref: sliderViewRef,
-    alignItems: 'center',
-    children: [isValueDisplayModeTop && valueDisplayComponent, /*#__PURE__*/_jsx(GestureDetector, {
-      gesture: gesture,
-      children: /*#__PURE__*/_jsxs(ThemedView, {
-        ref: trackViewRef,
-        alignItems: 'center',
-        justifyContent: 'center',
-        alignSelf: 'stretch',
-        height: thumbSize,
-        style: wrapStyle,
-        ...wrapProps,
-        children: [/*#__PURE__*/_jsx(ThemedView, {
-          position: 'absolute',
-          width: trackWidth,
-          height: trackSize,
-          overflow: 'hidden',
-          backgroundColor: trackInactiveColor,
-          ...trackActiveProps,
-          children: /*#__PURE__*/_jsx(AnimatedThemedView, {
-            height: trackSize,
-            backgroundColor: trackActiveColor,
-            style: trackAnimatedStyle,
-            ...trackInactiveProps
-          })
-        }), !!stepIndicator && processedRange.map((value, index) => /*#__PURE__*/_jsx(ThemedSliderStepIndicator, {
-          left: index * (stepWidth ?? 0) + thumbSizeHalf - sliderStepIndicatorDefaultWidth / 2,
-          height: thumbSize,
-          ...stepIndicatorProps
-        }, getMappingKey(value, index))), /*#__PURE__*/_jsx(AnimatedThemedView, {
-          position: 'absolute',
-          right: -thumbSizeHalf,
-          width: thumbSize,
-          aspectRatio: 1,
-          opacity: 0.8,
-          backgroundColor: thumbColor,
-          style: thumbAnimatedStyle,
-          ...thumbProps
-        })]
-      })
+    paddingVertical: 's',
+    gap: 'xs',
+    style: wrapStyle,
+    ...wrapProps,
+    children: [isValueDisplayModeTop && valueDisplayComponent, /*#__PURE__*/_jsx(Slider, {
+      ...sliderProps
     }), isValueDisplayModeBottom && valueDisplayComponent]
   });
 };

package/lib/module/components/slider/ThemedSlider.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMappingHelper","useDeferredValue","useLayoutEffect","useState","Gesture","GestureDetector","useAnimatedStyle","useSharedValue","withTiming","scheduleOnRN","useViewRef","sliderStepIndicatorDefaultWidth","SliderThumbSize","SliderTrackSize","SliderValueDisplayMode","AnimatedThemedView","ThemedView","jsx","_jsx","jsxs","_jsxs","ThemedText","require","default","ThemedSliderStepIndicator","ThemedSlider","range","steps","defaultValue","stepIndicator","stepIndicatorProps","snapToStepAnimated","onValueChange","trackSize","M","trackActiveColor","trackActiveProps","trackInactiveColor","trackInactiveProps","thumbSize","thumbColor","thumbProps","valueDisplayMode","None","valueDisplayWrapProps","valueTextProps","valueDescription","valueDescriptionTextProps","wrapProps","isNumRange","processedRange","sort","totalSteps","Math","abs","length","thumbSizeHalf","getMappingKey","sliderViewRef","trackViewRef","sliderWidth","setSliderWidth","trackWidth","setTrackWidth","stepWidth","setStepWidth","selectedVal","setSelectedVal","deferredSelectedValue","xSharedVal","trackAnimatedStyle","transform","translateX","get","thumbAnimatedStyle","current","measure","_x","_y","w","tempWidth","tempStepWidth","index","numRange","numCurrentValue","strRange","strCurrentValue","indexOf","set","wrapStyle","marginHorizontal","updateSelectedVal","x","numIndex","round","tempSelectedVal","strIndex","updateXSharedVal","animated","tempX","min","max","gesture","Simultaneous","Tap","onTouchesDown","allTouches","touch","onTouchesUp","nearestStep","Pan","onChange","changeX","onEnd","isValueDisplayModeNone","isValueDisplayModeTop","Top","isValueDisplayModeBottom","Bottom","valueDisplayComponent","flexDirection","alignItems","alignSelf","marginTop","undefined","marginBottom","children","variant","flex","textAlign","ref","justifyContent","height","style","position","width","overflow","backgroundColor","map","value","left","right","aspectRatio","opacity"],"sourceRoot":"../../../../src","sources":["components/slider/ThemedSlider.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useLayoutEffect","useSharedValue","useDeferredState","useThemeSpacing","sliderThumbDefaultSize","SliderValueDisplayMode","ThemedView","Slider","jsx","_jsx","jsxs","_jsxs","ThemedText","require","default","MemoThemedText","ThemedSlider","defaultValue","wrapProps","paddingHorizontal","px","valueDisplayMode","None","valueDisplayWrapProps","valueTextProps","valueDescription","valueDescriptionTextProps","props","thumbSize","themeSpacing","state","selectedVal","setState","setSelectedVal","deferredState","deferredSelectedValue","selectedValSharedVal","set","thumbSizeHalf","wrapStyle","marginHorizontal","isValueDisplayModeNone","isValueDisplayModeTop","Top","isValueDisplayModeBottom","Bottom","valueDisplayComponent","flexDirection","alignItems","alignSelf","children","variant","flex","textAlign","sliderProps","paddingVertical","gap","style"],"sourceRoot":"../../../../src","sources":["components/slider/ThemedSlider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/slider/ThemedSliderStepIndicator.js

@@ -2,6 +2,7 @@
 
 /** @internal */
 
+import { memo } from 'react';
 import { sliderStepIndicatorDefaultWidth } from "../../utils/slider/const.js";
 import ThemedView from "../view/ThemedView.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -18,5 +19,5 @@ const ThemedSliderStepIndicator = ({
     ...props
   });
 };
-export default ThemedSliderStepIndicator;
+export default /*#__PURE__*/memo(ThemedSliderStepIndicator);
 //# sourceMappingURL=ThemedSliderStepIndicator.js.map

package/lib/module/components/slider/ThemedSliderStepIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["sliderStepIndicatorDefaultWidth","ThemedView","jsx","_jsx","ThemedSliderStepIndicator","width","height","props","position","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/slider/ThemedSliderStepIndicator.tsx"],"mappings":";;AAAA;;AAGA,SAASA,+BAA+B,QAAQ,6BAA0B;AAC1E,OAAOC,UAAU,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,MAAMC,yBAA6D,GAAGA,CAAC;EACrEC,KAAK,GAAGL,+BAA+B;EACvCM,MAAM;EACN,GAAGC;AACL,CAAC,KAAK;EACJ,oBACEJ,IAAA,CAACF,UAAU;IACTO,QAAQ,EAAE,UAAW;IACrBH,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfG,eAAe,EAAE,UAAW;IAAA,GACxBF;EAAK,CACV,CAAC;AAEN,CAAC;AAED,eAAeH,yBAAyB","ignoreList":[]}
+{"version":3,"names":["memo","sliderStepIndicatorDefaultWidth","ThemedView","jsx","_jsx","ThemedSliderStepIndicator","width","height","props","position","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/slider/ThemedSliderStepIndicator.tsx"],"mappings":";;AAAA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAE5B,SAASC,+BAA+B,QAAQ,6BAA0B;AAC1E,OAAOC,UAAU,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,MAAMC,yBAA6D,GAAGA,CAAC;EACrEC,KAAK,GAAGL,+BAA+B;EACvCM,MAAM;EACN,GAAGC;AACL,CAAC,KAAK;EACJ,oBACEJ,IAAA,CAACF,UAAU;IACTO,QAAQ,EAAE,UAAW;IACrBH,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfG,eAAe,EAAE,UAAW;IAAA,GACxBF;EAAK,CACV,CAAC;AAEN,CAAC;AAED,4BAAeR,IAAI,CAACK,yBAAyB,CAAC","ignoreList":[]}

package/lib/module/hooks/react.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { useEffect, useRef } from 'react';
+import { useDeferredValue, useEffect, useRef, useState } from 'react';
 export function useTimeout() {
   const timeoutRef = useRef(null);
   const clearTimeoutRef = () => {
@@ -29,4 +29,13 @@ export function useInterval() {
     clearIntervalRef
   };
 }
+export function useDeferredState(initialState) {
+  const [state, setState] = useState(initialState);
+  const deferredState = useDeferredValue(state);
+  return {
+    state,
+    setState,
+    deferredState
+  };
+}
 //# sourceMappingURL=react.js.map

package/lib/module/hooks/react.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","useTimeout","timeoutRef","clearTimeoutRef","current","clearTimeout","useInterval","intervalRef","clearIntervalRef","clearInterval"],"sourceRoot":"../../../src","sources":["hooks/react.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEzC,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3B,MAAMC,UAAU,GAAGF,MAAM,CAAS,IAAI,CAAC;EACvC,MAAMG,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAID,UAAU,CAACE,OAAO,EAAE;MACtBC,YAAY,CAACH,UAAU,CAACE,OAAO,CAAC;MAChCF,UAAU,CAACE,OAAO,GAAG,IAAI;IAC3B;EACF,CAAC;EACDL,SAAS,CAAC,MAAMI,eAAe,EAAE,EAAE,CAAC;EAEpC,OAAO;IAAED,UAAU;IAAEC;EAAgB,CAAC;AACxC;AAEA,OAAO,SAASG,WAAWA,CAAA,EAAG;EAC5B,MAAMC,WAAW,GAAGP,MAAM,CAAS,IAAI,CAAC;EACxC,MAAMQ,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,IAAID,WAAW,CAACH,OAAO,EAAE;MACvBK,aAAa,CAACF,WAAW,CAACH,OAAO,CAAC;MAClCG,WAAW,CAACH,OAAO,GAAG,IAAI;IAC5B;EACF,CAAC;EACDL,SAAS,CAAC,MAAMS,gBAAgB,EAAE,EAAE,CAAC;EAErC,OAAO;IAAED,WAAW;IAAEC;EAAiB,CAAC;AAC1C","ignoreList":[]}
+{"version":3,"names":["useDeferredValue","useEffect","useRef","useState","useTimeout","timeoutRef","clearTimeoutRef","current","clearTimeout","useInterval","intervalRef","clearIntervalRef","clearInterval","useDeferredState","initialState","state","setState","deferredState"],"sourceRoot":"../../../src","sources":["hooks/react.ts"],"mappings":";;AAAA,SAASA,gBAAgB,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAErE,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3B,MAAMC,UAAU,GAAGH,MAAM,CAAS,IAAI,CAAC;EACvC,MAAMI,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAID,UAAU,CAACE,OAAO,EAAE;MACtBC,YAAY,CAACH,UAAU,CAACE,OAAO,CAAC;MAChCF,UAAU,CAACE,OAAO,GAAG,IAAI;IAC3B;EACF,CAAC;EACDN,SAAS,CAAC,MAAMK,eAAe,EAAE,EAAE,CAAC;EAEpC,OAAO;IAAED,UAAU;IAAEC;EAAgB,CAAC;AACxC;AAEA,OAAO,SAASG,WAAWA,CAAA,EAAG;EAC5B,MAAMC,WAAW,GAAGR,MAAM,CAAS,IAAI,CAAC;EACxC,MAAMS,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,IAAID,WAAW,CAACH,OAAO,EAAE;MACvBK,aAAa,CAACF,WAAW,CAACH,OAAO,CAAC;MAClCG,WAAW,CAACH,OAAO,GAAG,IAAI;IAC5B;EACF,CAAC;EACDN,SAAS,CAAC,MAAMU,gBAAgB,EAAE,EAAE,CAAC;EAErC,OAAO;IAAED,WAAW;IAAEC;EAAiB,CAAC;AAC1C;AAEA,OAAO,SAASE,gBAAgBA,CAAIC,YAAgB,EAAE;EACpD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGb,QAAQ,CAAgBW,YAAY,CAAC;EAC/D,MAAMG,aAAa,GAAGjB,gBAAgB,CAACe,KAAK,CAAC;EAE7C,OAAO;IAAEA,KAAK;IAAEC,QAAQ;IAAEC;EAAc,CAAC;AAC3C","ignoreList":[]}

package/lib/module/utils/slider/const.js

@@ -19,5 +19,6 @@ export let SliderThumbSize = /*#__PURE__*/function (SliderThumbSize) {
   SliderThumbSize[SliderThumbSize["L"] = 28] = "L";
   return SliderThumbSize;
 }({});
+export const sliderThumbDefaultSize = SliderThumbSize.M;
 export const sliderStepIndicatorDefaultWidth = BorderSize.M;
 //# sourceMappingURL=const.js.map

package/lib/module/utils/slider/const.js.map

@@ -1 +1 @@
-{"version":3,"names":["BorderSize","SliderValueDisplayMode","SliderTrackSize","SliderThumbSize","sliderStepIndicatorDefaultWidth","M"],"sourceRoot":"../../../../src","sources":["utils/slider/const.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,mBAAgB;AAE3C,WAAYC,sBAAsB,0BAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA;AAMlC,WAAYC,eAAe,0BAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAM3B,WAAYC,eAAe,0BAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAM3B,OAAO,MAAMC,+BAA+B,GAAGJ,UAAU,CAACK,CAAC","ignoreList":[]}
+{"version":3,"names":["BorderSize","SliderValueDisplayMode","SliderTrackSize","SliderThumbSize","sliderThumbDefaultSize","M","sliderStepIndicatorDefaultWidth"],"sourceRoot":"../../../../src","sources":["utils/slider/const.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,mBAAgB;AAE3C,WAAYC,sBAAsB,0BAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA;AAMlC,WAAYC,eAAe,0BAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAM3B,WAAYC,eAAe,0BAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAM3B,OAAO,MAAMC,sBAAsB,GAAGD,eAAe,CAACE,CAAC;AAEvD,OAAO,MAAMC,+BAA+B,GAAGN,UAAU,CAACK,CAAC","ignoreList":[]}

package/lib/typescript/src/components/slider/Slider.d.ts

@@ -0,0 +1,4 @@
+import type { SliderProps } from '../../types/slider';
+declare const _default: import("react").NamedExoticComponent<SliderProps>;
+export default _default;
+//# sourceMappingURL=Slider.d.ts.map

package/lib/typescript/src/components/slider/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAEV,WAAW,EAEZ,MAAM,oBAAoB,CAAC;;AAoM5B,wBAA4B"}

package/lib/typescript/src/components/slider/ThemedSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemedSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/ThemedSlider.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAS7E,OAAO,KAAK,EAGV,iBAAiB,EAElB,MAAM,oBAAoB,CAAC;AAgB5B,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAkOvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ThemedSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/ThemedSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIvD,OAAO,KAAK,EAAe,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAczE,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAkFvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/typescript/src/components/slider/ThemedSliderStepIndicator.d.ts

@@ -1,4 +1,3 @@
-import type { ThemedSliderStepIndicatorProps } from '../../types/slider';
-declare const ThemedSliderStepIndicator: FC<ThemedSliderStepIndicatorProps>;
-export default ThemedSliderStepIndicator;
+declare const _default: import("react").NamedExoticComponent<import("../..").ThemedViewProps>;
+export default _default;
 //# sourceMappingURL=ThemedSliderStepIndicator.d.ts.map

package/lib/typescript/src/components/slider/ThemedSliderStepIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemedSliderStepIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/ThemedSliderStepIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,oBAAoB,CAAC;AAIzE,QAAA,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAcjE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"ThemedSliderStepIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/ThemedSliderStepIndicator.tsx"],"names":[],"mappings":";AAuBA,wBAA+C"}

package/lib/typescript/src/hooks/react.d.ts

@@ -6,4 +6,9 @@ export declare function useInterval(): {
     intervalRef: import("react").RefObject<number | null>;
     clearIntervalRef: () => void;
 };
+export declare function useDeferredState<T>(initialState?: T): {
+    state: T | undefined;
+    setState: import("react").Dispatch<import("react").SetStateAction<T | undefined>>;
+    deferredState: T | undefined;
+};
 //# sourceMappingURL=react.d.ts.map

package/lib/typescript/src/hooks/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../../src/hooks/react.ts"],"names":[],"mappings":"AAEA,wBAAgB,UAAU;;;EAWzB;AAED,wBAAgB,WAAW;;;EAW1B"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../../src/hooks/react.ts"],"names":[],"mappings":"AAEA,wBAAgB,UAAU;;;EAWzB;AAED,wBAAgB,WAAW;;;EAW1B;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC;;;;EAKnD"}

package/lib/typescript/src/types/slider.d.ts

@@ -1,4 +1,6 @@
+import type { SharedValue } from 'react-native-reanimated';
 import type { SliderThumbSize, SliderTrackSize, SliderValueDisplayMode } from '../utils/slider/const';
+import type { SetState } from './react';
 import type { ThemedTextProps } from './text';
 import type { ThemeColors } from './theme';
 import type { AnimatedThemedViewProps, ThemedViewProps } from './view';
@@ -16,9 +18,10 @@ export type StringSlider = {
     stepIndicator?: boolean;
     stepIndicatorProps?: ThemedSliderStepIndicatorProps;
 };
-export type ThemedSliderProps = (NumberSlider | StringSlider) & {
+export type SliderProps = (NumberSlider | StringSlider) & {
     snapToStepAnimated?: boolean;
     onValueChange: (value: number | string) => void;
+    sliderWrapProps?: ThemedViewProps;
     trackSize?: SliderTrackSize | number;
     trackActiveColor?: ThemeColors;
     trackActiveProps?: ThemedViewProps;
@@ -32,6 +35,13 @@ export type ThemedSliderProps = (NumberSlider | StringSlider) & {
     valueTextProps?: Omit<ThemedTextProps, 'children'>;
     valueDescription?: string;
     valueDescriptionTextProps?: Omit<ThemedTextProps, 'children'>;
+    gestureActivateDuration?: number;
+    setSelectedVal: SetState<number | string | undefined>;
+    selectedValSharedVal: SharedValue<number | string | undefined>;
+};
+export type ThemedSliderProps = Omit<SliderProps, 'setSelectedVal' | 'selectedValSharedVal'> & {
+    snapToStepAnimated?: boolean;
+    onValueChange: (value: number | string) => void;
     wrapProps?: ThemedViewProps;
 };
 export type ThemedSliderStepIndicatorProps = ThemedViewProps;

package/lib/typescript/src/types/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../src/types/slider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,sBAAsB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,8BAA8B,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAAC,YAAY,GAAG,YAAY,CAAC,GAAG;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACrC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C,SAAS,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACrC,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,qBAAqB,CAAC,EAAE,eAAe,CAAC;IACxC,cAAc,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IAC9D,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,eAAe,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../src/types/slider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,sBAAsB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,8BAA8B,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,YAAY,GAAG,YAAY,CAAC,GAAG;IACxD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACrC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,kBAAkB,CAAC,EAAE,uBAAuB,CAAC;IAC7C,SAAS,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACrC,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,qBAAqB,CAAC,EAAE,eAAe,CAAC;IACxC,cAAc,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yBAAyB,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IAC9D,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,cAAc,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;IACtD,oBAAoB,EAAE,WAAW,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,WAAW,EACX,gBAAgB,GAAG,sBAAsB,CAC1C,GAAG;IACF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,eAAe,CAAC"}

package/lib/typescript/src/utils/slider/const.d.ts

@@ -14,5 +14,6 @@ export declare enum SliderThumbSize {
     M = 24,
     L = 28
 }
+export declare const sliderThumbDefaultSize = SliderThumbSize.M;
 export declare const sliderStepIndicatorDefaultWidth = BorderSize.M;
 //# sourceMappingURL=const.d.ts.map

package/lib/typescript/src/utils/slider/const.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../../src/utils/slider/const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,oBAAY,eAAe;IACzB,CAAC,IAAI;IACL,CAAC,KAAK;IACN,CAAC,KAAK;CACP;AAED,oBAAY,eAAe;IACzB,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;CACP;AAED,eAAO,MAAM,+BAA+B,eAAe,CAAC"}
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../../src/utils/slider/const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,oBAAY,eAAe;IACzB,CAAC,IAAI;IACL,CAAC,KAAK;IACN,CAAC,KAAK;CACP;AAED,oBAAY,eAAe;IACzB,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;CACP;AAED,eAAO,MAAM,sBAAsB,oBAAoB,CAAC;AAExD,eAAO,MAAM,+BAA+B,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jamadd/react-native-template-ui",
-  "version": "0.7.6",
+  "version": "0.7.7",
   "description": "React Native Template UI is a collection of UI components designed by JaMa D&D.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",