related-ui-components 2.6.1 → 2.6.2

package/lib/commonjs/components/TravelBooking/types.d.ts

@@ -0,0 +1,3 @@
+export const __esModule: boolean;
+export const FormInputType: {};
+//# sourceMappingURL=types.d.ts.map

package/lib/commonjs/components/TravelBooking/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.js"],"names":[],"mappings":""}

package/lib/commonjs/components/UnlockRewards/RewardItem.d.ts

@@ -0,0 +1,23 @@
+export const __esModule: boolean;
+export default RewardItem;
+declare function RewardItem({ icon, title, description, status, statusBgColor, statusTextColor, activeIcon, isActive, inactiveIconStyle, activeIconStyle, isRTL, containerStyle, badgeStyle, textContainerStyle, titleTextStyle, descriptionTextStyle, statusBadgeStyle, statusTextStyle }: {
+    icon: any;
+    title: any;
+    description: any;
+    status: any;
+    statusBgColor: any;
+    statusTextColor: any;
+    activeIcon: any;
+    isActive: any;
+    inactiveIconStyle: any;
+    activeIconStyle: any;
+    isRTL?: boolean | undefined;
+    containerStyle: any;
+    badgeStyle: any;
+    textContainerStyle: any;
+    titleTextStyle: any;
+    descriptionTextStyle: any;
+    statusBadgeStyle: any;
+    statusTextStyle: any;
+}): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//# sourceMappingURL=RewardItem.d.ts.map

package/lib/commonjs/components/UnlockRewards/RewardItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RewardItem.d.ts","sourceRoot":"","sources":["RewardItem.js"],"names":[],"mappings":";;AAYA;;;;;;;;;;;;;;;;;;;+FAoEC"}

package/lib/commonjs/components/UnlockRewards/UnlockRewards.d.ts

@@ -0,0 +1,41 @@
+export const __esModule: boolean;
+export default UnlockRewards;
+declare function UnlockRewards({ rewards, title, description, activeIconStyle, inactiveIconStyle, onClose, isRTL, topBackgroundImage, topBackgroundColor: topBackgroundColorProp, topBackgroundHeight, topBackgroundImageStyle, topBackgroundStyle, topGradientColors, topGradientStart, topGradientEnd, topGradientLocations, cardContainerStyle, mainTitleStyle, subtitleStyle, rewardsContainerStyle, smallIconsRowStyle, rewardItemContainerStyle, rewardItemIconWrapperStyle, rewardItemTextContainerStyle, rewardItemTitleTextStyle, rewardItemDescriptionTextStyle, rewardItemStatusBadgeStyle, rewardItemStatusTextStyle, showCloseIcon, customCloseIcon, closeIconVariant, closeIconContainerStyle, closeIconStyle, closeIconColor, closeIconSize, customTopBackground }: {
+    rewards: any;
+    title: any;
+    description: any;
+    activeIconStyle: any;
+    inactiveIconStyle: any;
+    onClose: any;
+    isRTL: any;
+    topBackgroundImage: any;
+    topBackgroundColor: any;
+    topBackgroundHeight?: number | undefined;
+    topBackgroundImageStyle: any;
+    topBackgroundStyle: any;
+    topGradientColors: any;
+    topGradientStart: any;
+    topGradientEnd: any;
+    topGradientLocations: any;
+    cardContainerStyle: any;
+    mainTitleStyle: any;
+    subtitleStyle: any;
+    rewardsContainerStyle: any;
+    smallIconsRowStyle: any;
+    rewardItemContainerStyle: any;
+    rewardItemIconWrapperStyle: any;
+    rewardItemTextContainerStyle: any;
+    rewardItemTitleTextStyle: any;
+    rewardItemDescriptionTextStyle: any;
+    rewardItemStatusBadgeStyle: any;
+    rewardItemStatusTextStyle: any;
+    showCloseIcon?: boolean | undefined;
+    customCloseIcon: any;
+    closeIconVariant?: string | undefined;
+    closeIconContainerStyle: any;
+    closeIconStyle: any;
+    closeIconColor: any;
+    closeIconSize?: number | undefined;
+    customTopBackground: any;
+}): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//# sourceMappingURL=UnlockRewards.d.ts.map

package/lib/commonjs/components/UnlockRewards/UnlockRewards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnlockRewards.d.ts","sourceRoot":"","sources":["UnlockRewards.js"],"names":[],"mappings":";;AAmBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+FA4IC"}

package/lib/commonjs/components/UnlockRewards/index.d.ts

@@ -0,0 +1,4 @@
+export const __esModule: boolean;
+export const RewardItem: any;
+export const UnlockRewards: any;
+//# sourceMappingURL=index.d.ts.map

package/lib/commonjs/components/UnlockRewards/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}

package/lib/commonjs/components/Wheel/Wheel.d.ts

@@ -0,0 +1,25 @@
+export const __esModule: boolean;
+export default SpinWheel;
+declare function SpinWheel({ items, predeterminedWinner, size, spinDuration, enabled, onSpinStart, onSpinEnd, containerStyle, centerStyle, spinButtonText, wheelTextStyle, knobStyle, knobColor, actionButtonStyle, actionButtonTextStyle, wheelBorderColor, wheelBorderWidth, wheelTextColor, actionButtonProps, centerSize }: {
+    items: any;
+    predeterminedWinner: any;
+    size?: number | undefined;
+    spinDuration?: number | undefined;
+    enabled?: boolean | undefined;
+    onSpinStart: any;
+    onSpinEnd: any;
+    containerStyle: any;
+    centerStyle: any;
+    spinButtonText?: string | undefined;
+    wheelTextStyle: any;
+    knobStyle: any;
+    knobColor?: string | undefined;
+    actionButtonStyle: any;
+    actionButtonTextStyle: any;
+    wheelBorderColor: any;
+    wheelBorderWidth: any;
+    wheelTextColor?: string | undefined;
+    actionButtonProps: any;
+    centerSize: any;
+}): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//# sourceMappingURL=Wheel.d.ts.map

package/lib/commonjs/components/Wheel/Wheel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wheel.d.ts","sourceRoot":"","sources":["Wheel.js"],"names":[],"mappings":";;AAgEA;;;;;;;;;;;;;;;;;;;;;+FAgPC"}

package/lib/commonjs/components/Wheel/index.d.ts

@@ -0,0 +1,3 @@
+export const __esModule: boolean;
+export const Wheel: any;
+//# sourceMappingURL=index.d.ts.map

package/lib/commonjs/components/Wheel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}

package/lib/commonjs/components/index.d.ts

@@ -0,0 +1,2 @@
+export const __esModule: boolean;
+//# sourceMappingURL=index.d.ts.map

package/lib/commonjs/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}

package/lib/commonjs/constants/BRANDS.d.ts

@@ -0,0 +1,14 @@
+export const __esModule: boolean;
+export default BRANDS;
+declare const BRANDS: ({
+    id: string;
+    name: string;
+    logo: any;
+    checked?: undefined;
+} | {
+    id: string;
+    name: string;
+    logo: any;
+    checked: boolean;
+})[];
+//# sourceMappingURL=BRANDS.d.ts.map

package/lib/commonjs/constants/BRANDS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BRANDS.d.ts","sourceRoot":"","sources":["BRANDS.js"],"names":[],"mappings":";;AAMA;;;;;;;;;;KAiDG"}

package/lib/commonjs/index.d.ts

@@ -0,0 +1,2 @@
+export const __esModule: boolean;
+//# sourceMappingURL=index.d.ts.map

package/lib/commonjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}

package/lib/commonjs/theme/Colors.d.ts

@@ -0,0 +1,110 @@
+export const __esModule: boolean;
+export namespace lightTheme {
+    let background: string;
+    let surface: string;
+    let surfaceVariant: string;
+    let primary: string;
+    let primaryVariant: string;
+    let secondary: string;
+    let secondaryVariant: string;
+    let error: string;
+    let success: string;
+    let warning: string;
+    let info: string;
+    let text: string;
+    let onPrimary: string;
+    let onSecondary: string;
+    let onError: string;
+    let onBackground: string;
+    let onSurface: string;
+    let border: string;
+    let divider: string;
+    let disabled: string;
+    let inputBackground: string;
+    let inputText: string;
+    let labelText: string;
+    let placeholderText: string;
+    let helper: string;
+    namespace spacing {
+        let xs: number;
+        let s: number;
+        let m: number;
+        let l: number;
+        let xl: number;
+        let xxl: number;
+    }
+    let skeletonBackgroundColor: string;
+    let skeletonItemColor: string;
+}
+export namespace darkTheme {
+    let background_1: string;
+    export { background_1 as background };
+    let surface_1: string;
+    export { surface_1 as surface };
+    let surfaceVariant_1: string;
+    export { surfaceVariant_1 as surfaceVariant };
+    let primary_1: string;
+    export { primary_1 as primary };
+    let primaryVariant_1: string;
+    export { primaryVariant_1 as primaryVariant };
+    let secondary_1: string;
+    export { secondary_1 as secondary };
+    let secondaryVariant_1: string;
+    export { secondaryVariant_1 as secondaryVariant };
+    let error_1: string;
+    export { error_1 as error };
+    let success_1: string;
+    export { success_1 as success };
+    let warning_1: string;
+    export { warning_1 as warning };
+    let info_1: string;
+    export { info_1 as info };
+    let text_1: string;
+    export { text_1 as text };
+    let onPrimary_1: string;
+    export { onPrimary_1 as onPrimary };
+    let onSecondary_1: string;
+    export { onSecondary_1 as onSecondary };
+    let onError_1: string;
+    export { onError_1 as onError };
+    let onBackground_1: string;
+    export { onBackground_1 as onBackground };
+    let onSurface_1: string;
+    export { onSurface_1 as onSurface };
+    let border_1: string;
+    export { border_1 as border };
+    let divider_1: string;
+    export { divider_1 as divider };
+    let disabled_1: string;
+    export { disabled_1 as disabled };
+    let inputBackground_1: string;
+    export { inputBackground_1 as inputBackground };
+    let inputText_1: string;
+    export { inputText_1 as inputText };
+    let labelText_1: string;
+    export { labelText_1 as labelText };
+    let placeholderText_1: string;
+    export { placeholderText_1 as placeholderText };
+    let helper_1: string;
+    export { helper_1 as helper };
+    export namespace spacing_1 {
+        let xs_1: number;
+        export { xs_1 as xs };
+        let s_1: number;
+        export { s_1 as s };
+        let m_1: number;
+        export { m_1 as m };
+        let l_1: number;
+        export { l_1 as l };
+        let xl_1: number;
+        export { xl_1 as xl };
+        let xxl_1: number;
+        export { xxl_1 as xxl };
+    }
+    export { spacing_1 as spacing };
+    let skeletonBackgroundColor_1: string;
+    export { skeletonBackgroundColor_1 as skeletonBackgroundColor };
+    let skeletonItemColor_1: string;
+    export { skeletonItemColor_1 as skeletonItemColor };
+}
+//# sourceMappingURL=Colors.d.ts.map

package/lib/commonjs/theme/Colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["Colors.js"],"names":[],"mappings":""}

package/lib/commonjs/theme/ThemeContext.d.ts

@@ -0,0 +1,11 @@
+export const __esModule: boolean;
+export const ThemeContext: any;
+export function RelatedProvider({ children, customLightTheme, customDarkTheme, dark, forceRTL }: {
+    children: any;
+    customLightTheme: any;
+    customDarkTheme: any;
+    dark: any;
+    forceRTL: any;
+}): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export function useTheme(): any;
+//# sourceMappingURL=ThemeContext.d.ts.map

package/lib/commonjs/theme/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["ThemeContext.js"],"names":[],"mappings":";;AAoBA;;;;;;+FA8BC;AAID,gCAA2D"}

package/lib/commonjs/theme/index.d.ts

@@ -0,0 +1,2 @@
+export const __esModule: boolean;
+//# sourceMappingURL=index.d.ts.map

package/lib/commonjs/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}

package/lib/module/app.js

@@ -4,8 +4,8 @@ import React, { useState } from "react";
 import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
 // Adjust path as needed
 import { GestureHandlerRootView } from "react-native-gesture-handler";
+import { RangeSlider } from "./components/index.js";
 import { lightTheme, RelatedProvider, useTheme } from "./theme/index.js";
-import CircularProgressBar from "./components/ProgressBar/CircularProgressBar.js";
 import { BottomSheetStackProvider } from "./contexts/index.js";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 
@@ -63,13 +63,13 @@ const App = () => {
               barStyle: "light-content"
             }), /*#__PURE__*/_jsx(SafeAreaView, {
               style: styles.appContainer,
-              children: /*#__PURE__*/_jsx(CircularProgressBar, {
-                variant: "steps",
-                totalSteps: 4,
-                currentStep: 4,
-                size: 43,
-                strokeWidth: 2,
-                progressColor: "#9CA0A3"
+              children: /*#__PURE__*/_jsx(RangeSlider, {
+                initialMinValue: 0,
+                initialMaxValue: 100,
+                min: 0,
+                max: 500,
+                sliderWidth: 100,
+                onValueChange: console.log
               })
             })]
           })

package/lib/module/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","CircularProgressBar","BottomSheetStackProvider","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","variant","totalSteps","currentStep","size","strokeWidth","progressColor","create","backgroundColor","justifyContent"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AACgB;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AAUrE,SAASC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAC/D,OAAOC,mBAAmB,MAAM,iDAA8C;AAE9E,SAASC,wBAAwB,QAAQ,qBAAY;AACrD,SAASC,gBAAgB,QAAQ,gCAAgC;;AAEjE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACA,MAAMC,UAAU,GAAG,CACjB;EACEC,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,CACD;AAED,MAAMC,GAAG,GAAGA,CAAA,KAAM;EAChB,MAAM;IAAEC;EAAM,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACgB,aAAa,EAAEC,gBAAgB,CAAC,GAAGxB,QAAQ,CAChDyB,SACF,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG3B,QAAQ,CAAqByB,SAAS,CAAC;EAE3E,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG7B,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAM8B,aAAa,GAAGA,CAAA,KAAM;IAC1B;IACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACnDL,WAAW,CAACE,WAAW,CAAC;EAC1B,CAAC;EACD,oBACEnB,IAAA,CAAAI,SAAA;IAAAmB,QAAA,eACAvB,IAAA,CAACF,gBAAgB;MAAAyB,QAAA,eACfvB,IAAA,CAACR,sBAAsB;QAACgC,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAE,CAAE;QAAAF,QAAA,eACzCvB,IAAA,CAACN,eAAe;UAACgB,KAAK,EAAEjB,UAAW;UAAA8B,QAAA,eACjCrB,KAAA,CAACL,wBAAwB;YAAA0B,QAAA,gBACvBvB,IAAA,CAACT,SAAS;cAACmC,QAAQ,EAAC;YAAe,CAAE,CAAC,eACtC1B,IAAA,CAACX,YAAY;cAACmC,KAAK,EAAEG,MAAM,CAACC,YAAa;cAAAL,QAAA,eA+CvCvB,IAAA,CAACJ,mBAAmB;gBAACiC,OAAO,EAAC,OAAO;gBAACC,UAAU,EAAE,CAAE;gBAACC,WAAW,EAAE,CAAE;gBAACC,IAAI,EAAE,EAAG;gBAAEC,WAAW,EAAE,CAAE;gBAACC,aAAa,EAAC;cAAS,CAAsB;YAAC,CAEjI,CAAC;UAAA,CACS;QAAC,CACZ;MAAC,CACI;IAAC,CACP;EAAC,CACnB,CAAC;AAEP,CAAC;AAED,MAAMP,MAAM,GAAGrC,UAAU,CAAC6C,MAAM,CAAC;EAC/BP,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPW,eAAe,EAAC,MAAM;IACtBC,cAAc,EAAE,QAAQ,CAAE;EAC5B;AACF,CAAC,CAAC;AAEF,eAAe5B,GAAG","ignoreList":[]}
+{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","RangeSlider","lightTheme","RelatedProvider","useTheme","BottomSheetStackProvider","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","initialMinValue","initialMaxValue","min","max","sliderWidth","onValueChange","console","log","create","backgroundColor","justifyContent"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AACgB;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AACrE,SAQEC,WAAW,QACN,uBAAc;AACrB,SAASC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAG/D,SAASC,wBAAwB,QAAQ,qBAAY;AACrD,SAASC,gBAAgB,QAAQ,gCAAgC;;AAEjE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACA,MAAMC,UAAU,GAAG,CACjB;EACEC,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,CACD;AAED,MAAMC,GAAG,GAAGA,CAAA,KAAM;EAChB,MAAM;IAAEC;EAAM,CAAC,GAAGd,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACe,aAAa,EAAEC,gBAAgB,CAAC,GAAGxB,QAAQ,CAChDyB,SACF,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG3B,QAAQ,CAAqByB,SAAS,CAAC;EAE3E,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG7B,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAM8B,aAAa,GAAGA,CAAA,KAAM;IAC1B;IACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACnDL,WAAW,CAACE,WAAW,CAAC;EAC1B,CAAC;EACD,oBACEnB,IAAA,CAAAI,SAAA;IAAAmB,QAAA,eACAvB,IAAA,CAACF,gBAAgB;MAAAyB,QAAA,eACfvB,IAAA,CAACR,sBAAsB;QAACgC,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAE,CAAE;QAAAF,QAAA,eACzCvB,IAAA,CAACL,eAAe;UAACe,KAAK,EAAEhB,UAAW;UAAA6B,QAAA,eACjCrB,KAAA,CAACL,wBAAwB;YAAA0B,QAAA,gBACvBvB,IAAA,CAACT,SAAS;cAACmC,QAAQ,EAAC;YAAe,CAAE,CAAC,eACtC1B,IAAA,CAACX,YAAY;cAACmC,KAAK,EAAEG,MAAM,CAACC,YAAa;cAAAL,QAAA,eAgDvCvB,IAAA,CAACP,WAAW;gBAACoC,eAAe,EAAE,CAAE;gBAACC,eAAe,EAAE,GAAI;gBAACC,GAAG,EAAE,CAAE;gBAACC,GAAG,EAAE,GAAI;gBAACC,WAAW,EAAE,GAAI;gBAACC,aAAa,EAAEC,OAAO,CAACC;cAAI,CAAc;YAAC,CAEzH,CAAC;UAAA,CACS;QAAC,CACZ;MAAC,CACI;IAAC,CACP;EAAC,CACnB,CAAC;AAEP,CAAC;AAED,MAAMT,MAAM,GAAGrC,UAAU,CAAC+C,MAAM,CAAC;EAC/BT,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPa,eAAe,EAAC,MAAM;IACtBC,cAAc,EAAE,QAAQ,CAAE;EAC5B;AACF,CAAC,CAAC;AAEF,eAAe9B,GAAG","ignoreList":[]}

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

@@ -1,15 +1,16 @@
 "use strict";
 
 import React, { useCallback, useState } from "react";
-import { StyleSheet, View, Text } 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 LABEL_HEIGHT = 26; // Default height for the label area above the thumb
-
+const THUMB_SIZE = 28;
+const RAIL_HEIGHT = 6;
+const LABEL_HEIGHT = 26;
 const RangeSlider = ({
-  // Core props
   min,
   max,
   step = 1,
@@ -17,27 +18,17 @@ const RangeSlider = ({
   initialMinValue,
   initialMaxValue,
   onValueChange,
-  // Sizing props
-  thumbSize = 28,
-  railHeight = 6,
-  // Styling props
-  containerStyle,
-  railStyle,
-  activeRailStyle,
-  thumbStyle,
-  labelContainerStyle,
-  labelTextStyle
+  theme
 }) => {
   const {
-    theme
+    theme: defaultTheme
   } = useTheme();
-  const styles = getStyles(theme, thumbSize, railHeight);
+  const currTheme = theme || defaultTheme;
+  const styles = getStyles(currTheme);
 
-  // State for labels, allowing them to have dynamic width
+  // State for label text values, passed down to the SliderLabels component
   const [leftLabel, setLeftLabel] = useState(initialMinValue.toLocaleString());
   const [rightLabel, setRightLabel] = useState(initialMaxValue.toLocaleString());
-
-  // --- Worklets for calculations ---
   const valueToPosition = useCallback(value => {
     "worklet";
 
@@ -49,18 +40,13 @@ const RangeSlider = ({
     const rawValue = position / sliderWidth * (max - min) + min;
     return Math.round(rawValue / step) * step;
   }, [min, max, step, sliderWidth]);
-
-  // --- Shared Values for Animation ---
   const leftPosition = useSharedValue(valueToPosition(initialMinValue));
   const rightPosition = useSharedValue(valueToPosition(initialMaxValue));
   const context = useSharedValue({
     x: 0
   });
   const activeThumb = useSharedValue(null);
-
-  // --- Pan Gesture Handler ---
   const panGesture = Gesture.Pan().onBegin(e => {
-    // Determine which thumb is closer to the touch point
     const distToLeft = Math.abs(e.x - leftPosition.value);
     const distToRight = Math.abs(e.x - rightPosition.value);
     if (distToLeft <= distToRight) {
@@ -77,20 +63,17 @@ const RangeSlider = ({
   }).onUpdate(e => {
     if (activeThumb.value === null) return;
     const newPos = context.value.x + e.translationX;
-
-    // Update the correct thumb's position and label
     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(sliderWidth, 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());
     }
   }).onEnd(() => {
     if (activeThumb.value === null) return;
-    // Finalize values and call the onValueChange callback
     const finalLeftValue = positionToValue(leftPosition.value);
     const finalRightValue = positionToValue(rightPosition.value);
     runOnJS(onValueChange)({
@@ -99,107 +82,85 @@ const RangeSlider = ({
     });
     activeThumb.value = null;
   });
-
-  // --- Animated Styles ---
   const animatedLeftThumbStyle = useAnimatedStyle(() => ({
     transform: [{
       translateX: leftPosition.value
     }]
   }));
   const animatedRightThumbStyle = useAnimatedStyle(() => ({
-    // Adjust position to account for the thumb's own width
     transform: [{
-      translateX: rightPosition.value - thumbSize
+      translateX: rightPosition.value - THUMB_SIZE
     }]
   }));
   const animatedActiveRailStyle = useAnimatedStyle(() => ({
     left: leftPosition.value,
     right: sliderWidth - rightPosition.value
   }));
-  return /*#__PURE__*/_jsx(GestureDetector, {
-    gesture: panGesture,
-    children: /*#__PURE__*/_jsxs(View, {
-      style: [styles.container, {
-        width: sliderWidth
-      }, containerStyle],
-      children: [/*#__PURE__*/_jsxs(View, {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      width: sliderWidth
+    }],
+    children: [/*#__PURE__*/_jsx(SliderLabels, {
+      leftValue: leftLabel,
+      rightValue: rightLabel,
+      leftPosition: leftPosition,
+      rightPosition: rightPosition,
+      sliderWidth: sliderWidth,
+      thumbSize: THUMB_SIZE
+    }), /*#__PURE__*/_jsx(GestureDetector, {
+      gesture: panGesture,
+      children: /*#__PURE__*/_jsxs(View, {
         style: styles.railContainer,
         children: [/*#__PURE__*/_jsx(View, {
-          style: [styles.rail, railStyle]
+          style: styles.rail
         }), /*#__PURE__*/_jsx(Animated.View, {
-          style: [styles.activeRail, animatedActiveRailStyle, activeRailStyle]
-        })]
-      }), /*#__PURE__*/_jsxs(Animated.View, {
-        style: [styles.thumbContainer, animatedLeftThumbStyle],
-        children: [/*#__PURE__*/_jsx(View, {
-          style: [styles.labelContainer, labelContainerStyle],
-          children: /*#__PURE__*/_jsx(Text, {
-            style: [styles.labelText, labelTextStyle],
-            numberOfLines: 1,
-            children: leftLabel
+          style: [styles.activeRail, animatedActiveRailStyle]
+        }), /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.thumbContainer, animatedLeftThumbStyle],
+          children: /*#__PURE__*/_jsx(View, {
+            style: styles.thumb
           })
-        }), /*#__PURE__*/_jsx(View, {
-          style: [styles.thumb, thumbStyle]
-        })]
-      }), /*#__PURE__*/_jsxs(Animated.View, {
-        style: [styles.thumbContainer, animatedRightThumbStyle],
-        children: [/*#__PURE__*/_jsx(View, {
-          style: [styles.labelContainer, labelContainerStyle],
-          children: /*#__PURE__*/_jsx(Text, {
-            style: [styles.labelText, labelTextStyle],
-            numberOfLines: 1,
-            children: rightLabel
+        }), /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.thumbContainer, animatedRightThumbStyle],
+          children: /*#__PURE__*/_jsx(View, {
+            style: styles.thumb
           })
-        }), /*#__PURE__*/_jsx(View, {
-          style: [styles.thumb, thumbStyle]
         })]
-      })]
-    })
+      })
+    })]
   });
 };
-const getStyles = (theme, thumbSize, railHeight) => StyleSheet.create({
+const getStyles = theme => StyleSheet.create({
   container: {
-    height: LABEL_HEIGHT + thumbSize,
-    justifyContent: "center"
+    height: LABEL_HEIGHT + THUMB_SIZE,
+    justifyContent: "center",
+    marginTop: LABEL_HEIGHT // Add margin to prevent label cutoff
   },
   railContainer: {
-    justifyContent: "center"
+    justifyContent: "center",
+    height: THUMB_SIZE
   },
   rail: {
-    height: railHeight,
-    borderRadius: railHeight / 2,
-    backgroundColor: theme.surfaceVariant
+    height: RAIL_HEIGHT,
+    borderRadius: RAIL_HEIGHT / 2,
+    backgroundColor: theme.surface
   },
   activeRail: {
-    height: railHeight,
+    height: RAIL_HEIGHT,
     backgroundColor: theme.primary,
     position: "absolute"
   },
   thumbContainer: {
     position: "absolute",
-    alignItems: "center",
-    // Center the thumb visually on its value point
-    transform: [{
-      translateX: -thumbSize / 2
-    }]
-  },
-  labelContainer: {
-    position: "absolute",
-    bottom: thumbSize + 4,
-    backgroundColor: theme.onBackground,
-    paddingHorizontal: 10,
-    paddingVertical: 4,
-    borderRadius: 4
-  },
-  labelText: {
-    color: theme.background,
-    fontSize: 14,
-    fontWeight: "bold"
+    width: THUMB_SIZE,
+    height: THUMB_SIZE,
+    justifyContent: "center",
+    alignItems: "center"
   },
   thumb: {
-    width: thumbSize,
-    height: thumbSize,
-    borderRadius: thumbSize / 2,
+    width: THUMB_SIZE,
+    height: THUMB_SIZE,
+    borderRadius: THUMB_SIZE / 2,
     backgroundColor: theme.background,
     borderColor: theme.primary,
     borderWidth: 5