related-ui-components 2.6.6 → 2.6.7

package/lib/module/components/Input/CountryPickerView.js

@@ -5,7 +5,13 @@ import { Text, View, TouchableOpacity, StyleSheet } from "react-native";
 import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
 import { useTheme } from "../../theme/index.js";
 import { iso2ToFlagEmoji } from "../../utils/flags.js";
+import { allCountries } from "country-telephone-data";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+const DEFAULT_COUNTRIES = allCountries.map(c => ({
+  code: `+${c.dialCode}`,
+  iso2: c.iso2,
+  name: c.name
+}));
 const CountryRow = /*#__PURE__*/React.memo(({
   item,
   onSelectCountry,
@@ -32,7 +38,7 @@ const CountryRow = /*#__PURE__*/React.memo(({
   });
 });
 const CountryPickerView = ({
-  countries,
+  countries = DEFAULT_COUNTRIES,
   onSelectCountry,
   listTitle,
   listTitleStyle,
@@ -42,8 +48,6 @@ const CountryPickerView = ({
   const {
     theme
   } = useTheme();
-
-  // ADDED: Memoize styles to pass them stably to the memoized row component
   const memoizedNameStyle = useMemo(() => [styles.countryName, {
     color: theme.text
   }, countryNameStyle], [theme.text, countryNameStyle]);

package/lib/module/components/Input/CountryPickerView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Text","View","TouchableOpacity","StyleSheet","BottomSheetFlatList","useTheme","iso2ToFlagEmoji","jsxs","_jsxs","jsx","_jsx","CountryRow","memo","item","onSelectCountry","nameStyle","codeStyle","handlePress","style","styles","countryRow","onPress","children","flag","iso2","countryText","name","code","CountryPickerView","countries","listTitle","listTitleStyle","countryNameStyle","countryCodeStyle","theme","memoizedNameStyle","countryName","color","text","memoizedCodeStyle","countryCode","helper","renderCountry","popup","popupTitle","data","keyExtractor","c","renderItem","contentContainerStyle","paddingBottom","initialNumToRender","maxToRenderPerBatch","create","flex","width","paddingHorizontal","loaderContainer","alignItems","justifyContent","fontSize","fontWeight","marginBottom","paddingTop","flexDirection","paddingVertical","height","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/CountryPickerView.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","Text","View","TouchableOpacity","StyleSheet","BottomSheetFlatList","useTheme","iso2ToFlagEmoji","allCountries","jsxs","_jsxs","jsx","_jsx","DEFAULT_COUNTRIES","map","c","code","dialCode","iso2","name","CountryRow","memo","item","onSelectCountry","nameStyle","codeStyle","handlePress","style","styles","countryRow","onPress","children","flag","countryText","CountryPickerView","countries","listTitle","listTitleStyle","countryNameStyle","countryCodeStyle","theme","memoizedNameStyle","countryName","color","text","memoizedCodeStyle","countryCode","helper","renderCountry","popup","popupTitle","data","keyExtractor","renderItem","contentContainerStyle","paddingBottom","initialNumToRender","maxToRenderPerBatch","create","flex","width","paddingHorizontal","loaderContainer","alignItems","justifyContent","fontSize","fontWeight","marginBottom","paddingTop","flexDirection","paddingVertical","height","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/CountryPickerView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Input/PhoneInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useMemo","useCallback","Text","TouchableOpacity","StyleSheet","CustomInput","useTheme","Ionicons","useBottomSheetStack","allCountries","iso2ToFlagEmoji","CountryPickerView","jsx","_jsx","jsxs","_jsxs","DEFAULT_COUNTRIES","map","c","code","dialCode","iso2","name","PhoneInput","value","onChangeText","selectedCountry","onSelectCountry","countries","containerStyle","inputContainerStyle","inputStyle","label","labelStyle","error","errorStyle","helper","helperStyle","listTitle","listTitleStyle","countryCodeStyle","countryNameStyle","isBottomSheet","rest","ref","theme","push","clear","sel","find","handleCountryPress","openCountryPicker","component","snapPoints","leftIcon","style","styles","selector","backgroundColor","inputBackground","borderRightColor","border","hitSlop","left","top","right","bottom","onPress","activeOpacity","children","flag","color","inputText","size","marginHorizontal","keyboardType","placeholder","create","flexDirection","alignItems","borderRightWidth","paddingHorizontal","fontSize","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/PhoneInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useMemo","useCallback","Text","TouchableOpacity","StyleSheet","CustomInput","useTheme","Ionicons","useBottomSheetStack","allCountries","iso2ToFlagEmoji","CountryPickerView","jsx","_jsx","jsxs","_jsxs","DEFAULT_COUNTRIES","map","c","code","dialCode","iso2","name","PhoneInput","value","onChangeText","selectedCountry","onSelectCountry","countries","containerStyle","inputContainerStyle","inputStyle","label","labelStyle","error","errorStyle","helper","helperStyle","listTitle","listTitleStyle","countryCodeStyle","countryNameStyle","isBottomSheet","rest","ref","theme","push","clear","sel","find","handleCountryPress","openCountryPicker","component","snapPoints","leftIcon","style","styles","selector","backgroundColor","inputBackground","borderRightColor","border","hitSlop","left","top","right","bottom","onPress","activeOpacity","children","flag","color","inputText","size","marginHorizontal","keyboardType","placeholder","create","flexDirection","alignItems","borderRightWidth","paddingHorizontal","fontSize","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/PhoneInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/RangeSlider/RangeSlider.js

@@ -1,69 +1,15 @@
 "use strict";
 
 import React, { useCallback, useState } from "react";
-import { StyleSheet, View, Text, I18nManager } from "react-native";
+import { StyleSheet, View } from "react-native";
 import { Gesture, GestureDetector } from "react-native-gesture-handler";
 import Animated, { runOnJS, useAnimatedStyle, useSharedValue } from "react-native-reanimated";
+import { SliderLabels } from "./SliderLabel.js";
 import { useTheme } from "../../theme/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const THUMB_SIZE = 28;
 const RAIL_HEIGHT = 6;
 const LABEL_HEIGHT = 26;
-
-/**
- * Renders the floating labels above the thumbs.
- */
-const SliderLabels = ({
-  leftValue,
-  rightValue,
-  leftPosition,
-  rightPosition,
-  sliderWidth,
-  isRTL,
-  theme
-}) => {
-  const styles = getStyles(theme);
-  const animatedLeftLabelStyle = useAnimatedStyle(() => {
-    const labelWidth = leftValue.length * 8;
-    const centeredPosition = leftPosition.value + THUMB_SIZE / 2 - labelWidth / 2;
-    const clampedPosition = Math.max(0, Math.min(centeredPosition, sliderWidth - labelWidth));
-    return {
-      transform: [{
-        translateX: clampedPosition
-      }]
-    };
-  });
-  const animatedRightLabelStyle = useAnimatedStyle(() => {
-    const labelWidth = rightValue.length * 8;
-    const centeredPosition = rightPosition.value + THUMB_SIZE / 2 - labelWidth / 2;
-    const clampedPosition = Math.max(0, Math.min(centeredPosition, sliderWidth - labelWidth));
-    return {
-      transform: [{
-        translateX: clampedPosition
-      }]
-    };
-  });
-  const minLabel = isRTL ? rightValue : leftValue;
-  const maxLabel = isRTL ? leftValue : rightValue;
-  const minStyle = isRTL ? animatedRightLabelStyle : animatedLeftLabelStyle;
-  const maxStyle = isRTL ? animatedLeftLabelStyle : animatedRightLabelStyle;
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.labelRow,
-    children: [/*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.labelContainer, minStyle],
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.labelText,
-        children: minLabel
-      })
-    }), /*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.labelContainer, maxStyle],
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.labelText,
-        children: maxLabel
-      })
-    })]
-  });
-};
 const RangeSlider = ({
   min,
   max,
@@ -78,38 +24,32 @@ const RangeSlider = ({
     theme: defaultTheme
   } = useTheme();
   const currTheme = theme || defaultTheme;
-  const isRTL = I18nManager.isRTL;
   const styles = getStyles(currTheme);
-  const railWidth = sliderWidth - THUMB_SIZE;
+
+  // State for label text values, passed down to the SliderLabels component
+  const [leftLabel, setLeftLabel] = useState(initialMinValue.toLocaleString());
+  const [rightLabel, setRightLabel] = useState(initialMaxValue.toLocaleString());
   const valueToPosition = useCallback(value => {
     "worklet";
 
-    const percentage = (value - min) / (max - min);
-    return isRTL ? (1 - percentage) * railWidth : percentage * railWidth;
-  }, [min, max, railWidth, isRTL]);
+    return (value - min) / (max - min) * sliderWidth;
+  }, [min, max, sliderWidth]);
   const positionToValue = useCallback(position => {
     "worklet";
 
-    const percentage = position / railWidth;
-    const rawValue = isRTL ? max - percentage * (max - min) : percentage * (max - min) + min;
+    const rawValue = position / sliderWidth * (max - min) + min;
     return Math.round(rawValue / step) * step;
-  }, [min, max, step, railWidth, isRTL]);
-
-  // --- Shared Values for Animation ---
+  }, [min, max, step, sliderWidth]);
   const leftPosition = useSharedValue(valueToPosition(initialMinValue));
   const rightPosition = useSharedValue(valueToPosition(initialMaxValue));
-  const [leftLabel, setLeftLabel] = useState(initialMinValue.toLocaleString());
-  const [rightLabel, setRightLabel] = useState(initialMaxValue.toLocaleString());
   const context = useSharedValue({
     x: 0
   });
   const activeThumb = useSharedValue(null);
-
-  // --- Gesture Handler ---
   const panGesture = Gesture.Pan().onBegin(e => {
     const distToLeft = Math.abs(e.x - leftPosition.value);
     const distToRight = Math.abs(e.x - rightPosition.value);
-    if (distToLeft < distToRight) {
+    if (distToLeft <= distToRight) {
       activeThumb.value = "left";
       context.value = {
         x: leftPosition.value
@@ -124,11 +64,11 @@ const RangeSlider = ({
     if (activeThumb.value === null) return;
     const newPos = context.value.x + e.translationX;
     if (activeThumb.value === "left") {
-      const clampedPos = Math.max(0, Math.min(newPos, rightPosition.value));
+      const clampedPos = Math.max(0, Math.min(newPos, rightPosition.value - THUMB_SIZE));
       leftPosition.value = clampedPos;
       runOnJS(setLeftLabel)(positionToValue(clampedPos).toLocaleString());
     } else {
-      const clampedPos = Math.min(railWidth, Math.max(newPos, leftPosition.value));
+      const clampedPos = Math.min(sliderWidth, Math.max(newPos, leftPosition.value + THUMB_SIZE));
       rightPosition.value = clampedPos;
       runOnJS(setRightLabel)(positionToValue(clampedPos).toLocaleString());
     }
@@ -142,8 +82,6 @@ const RangeSlider = ({
     });
     activeThumb.value = null;
   });
-
-  // --- Animated Styles ---
   const animatedLeftThumbStyle = useAnimatedStyle(() => ({
     transform: [{
       translateX: leftPosition.value
@@ -151,12 +89,12 @@ const RangeSlider = ({
   }));
   const animatedRightThumbStyle = useAnimatedStyle(() => ({
     transform: [{
-      translateX: rightPosition.value
+      translateX: rightPosition.value - THUMB_SIZE
     }]
   }));
   const animatedActiveRailStyle = useAnimatedStyle(() => ({
-    left: leftPosition.value + THUMB_SIZE / 2,
-    right: railWidth - rightPosition.value + THUMB_SIZE / 2
+    left: leftPosition.value,
+    right: sliderWidth - rightPosition.value
   }));
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.container, {
@@ -168,8 +106,7 @@ const RangeSlider = ({
       leftPosition: leftPosition,
       rightPosition: rightPosition,
       sliderWidth: sliderWidth,
-      isRTL: isRTL,
-      theme: currTheme
+      thumbSize: THUMB_SIZE
     }), /*#__PURE__*/_jsx(GestureDetector, {
       gesture: panGesture,
       children: /*#__PURE__*/_jsxs(View, {
@@ -196,7 +133,8 @@ const RangeSlider = ({
 const getStyles = theme => StyleSheet.create({
   container: {
     height: LABEL_HEIGHT + THUMB_SIZE,
-    justifyContent: "flex-end"
+    justifyContent: "center",
+    marginTop: LABEL_HEIGHT // Add margin to prevent label cutoff
   },
   railContainer: {
     justifyContent: "center",
@@ -226,23 +164,6 @@ const getStyles = theme => StyleSheet.create({
     backgroundColor: theme.background,
     borderColor: theme.primary,
     borderWidth: 5
-  },
-  labelRow: {
-    position: "absolute",
-    top: 0,
-    width: "100%"
-  },
-  labelContainer: {
-    position: "absolute",
-    backgroundColor: theme.primary,
-    borderRadius: 4,
-    paddingVertical: 4,
-    paddingHorizontal: 8,
-    height: LABEL_HEIGHT
-  },
-  labelText: {
-    color: theme.onPrimary,
-    fontSize: 12
   }
 });
 export default RangeSlider;

package/lib/module/components/RangeSlider/RangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","StyleSheet","View","Text","I18nManager","Gesture","GestureDetector","Animated","runOnJS","useAnimatedStyle","useSharedValue","useTheme","jsx","_jsx","jsxs","_jsxs","THUMB_SIZE","RAIL_HEIGHT","LABEL_HEIGHT","SliderLabels","leftValue","rightValue","leftPosition","rightPosition","sliderWidth","isRTL","theme","styles","getStyles","animatedLeftLabelStyle","labelWidth","length","centeredPosition","value","clampedPosition","Math","max","min","transform","translateX","animatedRightLabelStyle","minLabel","maxLabel","minStyle","maxStyle","style","labelRow","children","labelContainer","labelText","RangeSlider","step","initialMinValue","initialMaxValue","onValueChange","defaultTheme","currTheme","railWidth","valueToPosition","percentage","positionToValue","position","rawValue","round","leftLabel","setLeftLabel","toLocaleString","rightLabel","setRightLabel","context","x","activeThumb","panGesture","Pan","onBegin","e","distToLeft","abs","distToRight","onUpdate","newPos","translationX","clampedPos","onEnd","finalLeftValue","finalRightValue","animatedLeftThumbStyle","animatedRightThumbStyle","animatedActiveRailStyle","left","right","container","width","gesture","railContainer","rail","activeRail","thumbContainer","thumb","create","height","justifyContent","borderRadius","backgroundColor","surface","primary","alignItems","background","borderColor","borderWidth","top","paddingVertical","paddingHorizontal","color","onPrimary","fontSize"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RangeSlider/RangeSlider.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","StyleSheet","View","Gesture","GestureDetector","Animated","runOnJS","useAnimatedStyle","useSharedValue","SliderLabels","useTheme","jsx","_jsx","jsxs","_jsxs","THUMB_SIZE","RAIL_HEIGHT","LABEL_HEIGHT","RangeSlider","min","max","step","sliderWidth","initialMinValue","initialMaxValue","onValueChange","theme","defaultTheme","currTheme","styles","getStyles","leftLabel","setLeftLabel","toLocaleString","rightLabel","setRightLabel","valueToPosition","value","positionToValue","position","rawValue","Math","round","leftPosition","rightPosition","context","x","activeThumb","panGesture","Pan","onBegin","e","distToLeft","abs","distToRight","onUpdate","newPos","translationX","clampedPos","onEnd","finalLeftValue","finalRightValue","animatedLeftThumbStyle","transform","translateX","animatedRightThumbStyle","animatedActiveRailStyle","left","right","style","container","width","children","leftValue","rightValue","thumbSize","gesture","railContainer","rail","activeRail","thumbContainer","thumb","create","height","justifyContent","marginTop","borderRadius","backgroundColor","surface","primary","alignItems","background","borderColor","borderWidth"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RangeSlider/RangeSlider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/Input/CountryPickerView.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { StyleProp, TextStyle } from "react-native";
 import { Country } from "./PhoneInput";
 interface CountryPickerViewProps {
-    countries: Country[];
+    countries?: Country[];
     onSelectCountry: (c: Country) => void;
     listTitle: string;
     listTitleStyle?: StyleProp<TextStyle>;

package/lib/typescript/src/components/Input/CountryPickerView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CountryPickerView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/CountryPickerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAOL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACzC;AA4BD,QAAA,MAAM,iBAAiB,GAAI,gGAOxB,sBAAsB,sBA2CxB,CAAC;AAwCF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"CountryPickerView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/CountryPickerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAOL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAIvC,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACzC;AAkCD,QAAA,MAAM,iBAAiB,GAAI,gGAOxB,sBAAsB,sBA0CxB,CAAC;AAwCF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/components/Input/PhoneInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EACL,SAAS,EAMT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AASxD,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,gBAAgB,EACd,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,OAAO,GACP,sBAAsB,CACzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IAGtB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAQD,QAAA,MAAM,UAAU,mFA0Hf,CAAC;AAkBF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EACL,SAAS,EAIT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQxD,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,gBAAgB,EACd,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,OAAO,GACP,sBAAsB,CACzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IAGtB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAQD,QAAA,MAAM,UAAU,mFA0Hf,CAAC;AAkBF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/components/RangeSlider/RangeSlider.d.ts

@@ -11,7 +11,6 @@ interface RangeSliderProps {
         min: number;
         max: number;
     }) => void;
-    isRTL?: boolean;
     theme?: ThemeType;
 }
 declare const RangeSlider: React.FC<RangeSliderProps>;

package/lib/typescript/src/components/RangeSlider/RangeSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,OAAO,EAAE,SAAS,EAAY,MAAM,aAAa,CAAC;AAoElD,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0H3C,CAAC;AAwDF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AASrD,OAAO,EAAE,SAAS,EAAY,MAAM,aAAa,CAAC;AAMlD,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAE9D,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgI3C,CAAC;AAwCF,eAAe,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "related-ui-components",
-  "version": "2.6.6",
+  "version": "2.6.7",
   "main": "./src/index.ts",
   "scripts": {
     "start": "expo start",

package/src/components/Input/CountryPickerView.tsx

@@ -13,9 +13,11 @@ import { BottomSheetFlashList, BottomSheetFlatList } from "@gorhom/bottom-sheet"
 import { useTheme } from "../../theme";
 import { iso2ToFlagEmoji } from "../../utils/flags";
 import { Country } from "./PhoneInput";
+import { allCountries } from "country-telephone-data";
+
 
 interface CountryPickerViewProps {
-  countries: Country[];
+  countries?: Country[];
   onSelectCountry: (c: Country) => void;
   listTitle: string;
   listTitleStyle?: StyleProp<TextStyle>;
@@ -23,6 +25,12 @@ interface CountryPickerViewProps {
   countryCodeStyle?: StyleProp<TextStyle>;
 }
 
+const DEFAULT_COUNTRIES: Country[] = allCountries.map((c) => ({
+  code: `+${c.dialCode}`,
+  iso2: c.iso2,
+  name: c.name,
+}));
+
 const CountryRow = React.memo(
   ({
     item,
@@ -50,7 +58,7 @@ const CountryRow = React.memo(
 );
 
 const CountryPickerView = ({
-  countries,
+  countries = DEFAULT_COUNTRIES,
   onSelectCountry,
   listTitle,
   listTitleStyle,
@@ -59,7 +67,6 @@ const CountryPickerView = ({
 }: CountryPickerViewProps) => {
   const { theme } = useTheme();
 
-  // ADDED: Memoize styles to pass them stably to the memoized row component
   const memoizedNameStyle = useMemo(
     () => [styles.countryName, { color: theme.text }, countryNameStyle],
     [theme.text, countryNameStyle]

package/src/components/Input/PhoneInput.tsx

@@ -2,10 +2,8 @@ import React, { forwardRef, useMemo, useCallback } from "react";
 import {
   TextInput,
   Text,
-  View,
   TouchableOpacity,
   StyleSheet,
-  TextInputProps,
   StyleProp,
   TextStyle,
 } from "react-native";
@@ -16,7 +14,6 @@ import { useBottomSheetStack } from "../../contexts";
 import { allCountries } from "country-telephone-data";
 import { iso2ToFlagEmoji } from "../../utils/flags";
 import CountryPickerView  from "./CountryPickerView";
-import { BottomSheetTextInput } from "@gorhom/bottom-sheet";
 
 export type Country = {
   code: string;

package/src/components/RangeSlider/RangeSlider.tsx

@@ -1,79 +1,18 @@
 import React, { useCallback, useState } from "react";
-import { StyleSheet, View, Text, I18nManager } from "react-native";
+import { I18nManager, StyleSheet, View } from "react-native";
 import { Gesture, GestureDetector } from "react-native-gesture-handler";
 import Animated, {
   runOnJS,
   useAnimatedStyle,
   useSharedValue,
 } from "react-native-reanimated";
+import { SliderLabels } from "./SliderLabel";
 import { ThemeType, useTheme } from "../../theme";
 
 const THUMB_SIZE = 28;
 const RAIL_HEIGHT = 6;
 const LABEL_HEIGHT = 26;
 
-
-/**
- * Renders the floating labels above the thumbs.
- */
-const SliderLabels = ({
-  leftValue,
-  rightValue,
-  leftPosition,
-  rightPosition,
-  sliderWidth,
-  isRTL,
-  theme,
-}: {
-  leftValue: string;
-  rightValue: string;
-  leftPosition: Animated.SharedValue<number>;
-  rightPosition: Animated.SharedValue<number>;
-  sliderWidth: number;
-  isRTL: boolean;
-  theme: ThemeType;
-}) => {
-  const styles = getStyles(theme);
-
-  const animatedLeftLabelStyle = useAnimatedStyle(() => {
-    const labelWidth = leftValue.length * 8; 
-    const centeredPosition =
-      leftPosition.value + THUMB_SIZE / 2 - labelWidth / 2;
-    const clampedPosition = Math.max(
-      0,
-      Math.min(centeredPosition, sliderWidth - labelWidth)
-    );
-    return { transform: [{ translateX: clampedPosition }] };
-  });
-
-  const animatedRightLabelStyle = useAnimatedStyle(() => {
-    const labelWidth = rightValue.length * 8; 
-    const centeredPosition =
-      rightPosition.value + THUMB_SIZE / 2 - labelWidth / 2;
-    const clampedPosition = Math.max(
-      0,
-      Math.min(centeredPosition, sliderWidth - labelWidth)
-    );
-    return { transform: [{ translateX: clampedPosition }] };
-  });
-
-  const minLabel = isRTL ? rightValue : leftValue;
-  const maxLabel = isRTL ? leftValue : rightValue;
-  const minStyle = isRTL ? animatedRightLabelStyle : animatedLeftLabelStyle;
-  const maxStyle = isRTL ? animatedLeftLabelStyle : animatedRightLabelStyle;
-
-  return (
-    <View style={styles.labelRow}>
-      <Animated.View style={[styles.labelContainer, minStyle]}>
-        <Text style={styles.labelText}>{minLabel}</Text>
-      </Animated.View>
-      <Animated.View style={[styles.labelContainer, maxStyle]}>
-        <Text style={styles.labelText}>{maxLabel}</Text>
-      </Animated.View>
-    </View>
-  );
-};
-
 interface RangeSliderProps {
   min: number;
   max: number;
@@ -82,8 +21,8 @@ interface RangeSliderProps {
   initialMinValue: number;
   initialMaxValue: number;
   onValueChange: (values: { min: number; max: number }) => void;
-  isRTL?: boolean;
-  theme?: ThemeType;
+
+  theme?: ThemeType
 }
 
 const RangeSlider: React.FC<RangeSliderProps> = ({
@@ -94,52 +33,47 @@ const RangeSlider: React.FC<RangeSliderProps> = ({
   initialMinValue,
   initialMaxValue,
   onValueChange,
-  theme,
+  theme
 }) => {
-  const { theme: defaultTheme } = useTheme();
+  const { theme: defaultTheme} = useTheme();
+
   const currTheme = theme || defaultTheme;
-  const isRTL = I18nManager.isRTL;
+
   const styles = getStyles(currTheme);
 
-  const railWidth = sliderWidth - THUMB_SIZE;
+  // State for label text values, passed down to the SliderLabels component
+  const [leftLabel, setLeftLabel] = useState(initialMinValue.toLocaleString());
+  const [rightLabel, setRightLabel] = useState(
+    initialMaxValue.toLocaleString()
+  );
 
   const valueToPosition = useCallback(
     (value: number) => {
       "worklet";
-      const percentage = (value - min) / (max - min);
-      return isRTL
-        ? (1 - percentage) * railWidth
-        : percentage * railWidth;
+      return ((value - min) / (max - min)) * sliderWidth;
     },
-    [min, max, railWidth, isRTL]
+    [min, max, sliderWidth]
   );
 
   const positionToValue = useCallback(
     (position: number) => {
       "worklet";
-      const percentage = position / railWidth;
-      const rawValue = isRTL
-        ? max - percentage * (max - min)
-        : percentage * (max - min) + min;
+      const rawValue = (position / sliderWidth) * (max - min) + min;
       return Math.round(rawValue / step) * step;
     },
-    [min, max, step, railWidth, isRTL]
+    [min, max, step, sliderWidth]
   );
 
-  // --- Shared Values for Animation ---
   const leftPosition = useSharedValue(valueToPosition(initialMinValue));
   const rightPosition = useSharedValue(valueToPosition(initialMaxValue));
-  const [leftLabel, setLeftLabel] = useState(initialMinValue.toLocaleString());
-  const [rightLabel, setRightLabel] = useState(initialMaxValue.toLocaleString());
   const context = useSharedValue({ x: 0 });
   const activeThumb = useSharedValue<"left" | "right" | null>(null);
 
-  // --- Gesture Handler ---
   const panGesture = Gesture.Pan()
     .onBegin((e) => {
       const distToLeft = Math.abs(e.x - leftPosition.value);
       const distToRight = Math.abs(e.x - rightPosition.value);
-      if (distToLeft < distToRight) {
+      if (distToLeft <= distToRight) {
         activeThumb.value = "left";
         context.value = { x: leftPosition.value };
       } else {
@@ -152,11 +86,17 @@ const RangeSlider: React.FC<RangeSliderProps> = ({
       const newPos = context.value.x + e.translationX;
 
       if (activeThumb.value === "left") {
-        const clampedPos = Math.max(0, Math.min(newPos, rightPosition.value));
+        const clampedPos = Math.max(
+          0,
+          Math.min(newPos, rightPosition.value - THUMB_SIZE)
+        );
         leftPosition.value = clampedPos;
         runOnJS(setLeftLabel)(positionToValue(clampedPos).toLocaleString());
       } else {
-        const clampedPos = Math.min(railWidth, Math.max(newPos, leftPosition.value));
+        const clampedPos = Math.min(
+          sliderWidth,
+          Math.max(newPos, leftPosition.value + THUMB_SIZE)
+        );
         rightPosition.value = clampedPos;
         runOnJS(setRightLabel)(positionToValue(clampedPos).toLocaleString());
       }
@@ -169,18 +109,17 @@ const RangeSlider: React.FC<RangeSliderProps> = ({
       activeThumb.value = null;
     });
 
-  // --- Animated Styles ---
   const animatedLeftThumbStyle = useAnimatedStyle(() => ({
     transform: [{ translateX: leftPosition.value }],
   }));
 
   const animatedRightThumbStyle = useAnimatedStyle(() => ({
-    transform: [{ translateX: rightPosition.value }],
+    transform: [{ translateX: rightPosition.value - THUMB_SIZE }],
   }));
 
   const animatedActiveRailStyle = useAnimatedStyle(() => ({
-    left: leftPosition.value + THUMB_SIZE / 2,
-    right: railWidth - rightPosition.value + THUMB_SIZE / 2,
+    left: leftPosition.value,
+    right: sliderWidth - rightPosition.value,
   }));
 
   return (
@@ -191,17 +130,23 @@ const RangeSlider: React.FC<RangeSliderProps> = ({
         leftPosition={leftPosition}
         rightPosition={rightPosition}
         sliderWidth={sliderWidth}
-        isRTL={isRTL}
-        theme={currTheme}
+        thumbSize={THUMB_SIZE}
       />
+
       <GestureDetector gesture={panGesture}>
         <View style={styles.railContainer}>
           <View style={styles.rail} />
           <Animated.View style={[styles.activeRail, animatedActiveRailStyle]} />
-          <Animated.View style={[styles.thumbContainer, animatedLeftThumbStyle]}>
+
+          <Animated.View
+            style={[styles.thumbContainer, animatedLeftThumbStyle]}
+          >
             <View style={styles.thumb} />
           </Animated.View>
-          <Animated.View style={[styles.thumbContainer, animatedRightThumbStyle]}>
+
+          <Animated.View
+            style={[styles.thumbContainer, animatedRightThumbStyle]}
+          >
             <View style={styles.thumb} />
           </Animated.View>
         </View>
@@ -214,7 +159,8 @@ const getStyles = (theme: ThemeType) =>
   StyleSheet.create({
     container: {
       height: LABEL_HEIGHT + THUMB_SIZE,
-      justifyContent: "flex-end",
+      justifyContent: "center",
+      marginTop: LABEL_HEIGHT, // Add margin to prevent label cutoff
     },
     railContainer: {
       justifyContent: "center",
@@ -245,23 +191,6 @@ const getStyles = (theme: ThemeType) =>
       borderColor: theme.primary,
       borderWidth: 5,
     },
-    labelRow: {
-      position: "absolute",
-      top: 0,
-      width: "100%",
-    },
-    labelContainer: {
-      position: "absolute",
-      backgroundColor: theme.primary,
-      borderRadius: 4,
-      paddingVertical: 4,
-      paddingHorizontal: 8,
-      height: LABEL_HEIGHT,
-    },
-    labelText: {
-      color: theme.onPrimary,
-      fontSize: 12,
-    },
   });
 
-export default RangeSlider;
+export default RangeSlider;