@nexara/nativeflow 0.1.1

package/lib/module/components/Switch/Switch.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import React from "react";
+import { Switch as NativeSwitch } from "react-native";
+import LightenColorShades from "../../helpers/LightenColorShades.js";
+import { moderateScale } from "../../helpers/ResponsiveCalculations.js";
+import { useTheme } from "../../hooks/index.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const Switch = ({
+  checked = true,
+  color,
+  disabled = false,
+  size = 0.8,
+  activeTrackColor,
+  inactiveTrackColor = '#808080',
+  onChange,
+  ...props
+}) => {
+  const theme = useTheme();
+  const switchColor = disabled ? '#808080' : color ?? theme.colors.switchColor;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(NativeSwitch, {
+      value: checked,
+      trackColor: {
+        true: LightenColorShades(activeTrackColor ?? switchColor, 90),
+        false: LightenColorShades(inactiveTrackColor, 60)
+      },
+      thumbColor: switchColor,
+      onValueChange: onChange,
+      style: {
+        transform: [{
+          scaleX: moderateScale(size)
+        }, {
+          scaleY: moderateScale(size)
+        }]
+      },
+      disabled: disabled,
+      ...props
+    })
+  });
+};
+export default Switch;
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Switch","NativeSwitch","LightenColorShades","moderateScale","useTheme","jsx","_jsx","Fragment","_Fragment","checked","color","disabled","size","activeTrackColor","inactiveTrackColor","onChange","props","theme","switchColor","colors","children","value","trackColor","true","false","thumbColor","onValueChange","style","transform","scaleX","scaleY"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/Switch.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,IAAIC,YAAY,QAAQ,cAAc;AACrD,OAAOC,kBAAkB,MAAM,qCAAkC;AACjE,SAASC,aAAa,QAAQ,yCAAsC;AACpE,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGvC,MAAMR,MAA6B,GAAGA,CAAC;EACnCS,OAAO,GAAG,IAAI;EACdC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAG,GAAG;EACVC,gBAAgB;EAChBC,kBAAkB,GAAG,SAAS;EAC9BC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,KAAU,GAAGb,QAAQ,CAAC,CAAC;EAC7B,MAAMc,WAAW,GAAGP,QAAQ,GAAG,SAAS,GAAGD,KAAK,IAAIO,KAAK,CAACE,MAAM,CAACD,WAAW;EAE5E,oBAAQZ,IAAA,CAAAE,SAAA;IAAAY,QAAA,eACJd,IAAA,CAACL,YAAY;MACToB,KAAK,EAAEZ,OAAQ;MACfa,UAAU,EAAE;QAAEC,IAAI,EAAErB,kBAAkB,CAACW,gBAAgB,IAAIK,WAAW,EAAE,EAAE,CAAC;QAAEM,KAAK,EAAEtB,kBAAkB,CAACY,kBAAkB,EAAE,EAAE;MAAE,CAAE;MACjIW,UAAU,EAAEP,WAAY;MACxBQ,aAAa,EAAEX,QAAS;MACxBY,KAAK,EAAE;QAAEC,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAE1B,aAAa,CAACS,IAAI;QAAE,CAAC,EAAE;UAAEkB,MAAM,EAAE3B,aAAa,CAACS,IAAI;QAAE,CAAC;MAAE,CAAE;MACzFD,QAAQ,EAAEA,QAAS;MAAA,GACfK;IAAK,CACZ;EAAC,CACJ,CAAC;AACP,CAAC;AACD,eAAehB,MAAM","ignoreList":[]}

package/lib/module/components/TouchableRipple/TouchableRipple.js

@@ -0,0 +1,98 @@
+"use strict";
+
+import React from 'react';
+import { Pressable, StyleSheet } from "react-native";
+import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { StyledView } from "../StyledComponents/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const TouchableRipple = ({
+  rippleColor = '#b6b6b681',
+  style,
+  children,
+  ...props
+}) => {
+  const positionX = useSharedValue(0);
+  const positionY = useSharedValue(0);
+  const overlayHeight = useSharedValue(0);
+  const overlayWidth = useSharedValue(0);
+  const scale = useSharedValue(0);
+  const opacity = useSharedValue(1);
+  const STYLES = StyleSheet.create({
+    OVERLAY: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      zIndex: -1
+    }
+  });
+  const effectAnimatedStyle = useAnimatedStyle(() => {
+    const radius = Math.sqrt(overlayWidth.value ** 2 + overlayHeight.value ** 2);
+    return {
+      height: radius * 2,
+      width: radius * 2,
+      opacity: opacity.value,
+      borderRadius: radius,
+      backgroundColor: rippleColor,
+      transform: [{
+        translateX: positionX.value - radius
+      }, {
+        translateY: positionY.value - radius
+      }, {
+        scale: scale.value
+      }]
+    };
+  });
+  const onGesturePress = !props.disabled ? Gesture.Tap().runOnJS(true).onTouchesDown(({
+    allTouches
+  }) => {
+    positionX.value = allTouches[0].x;
+    positionY.value = allTouches[0].y;
+    opacity.value = 1;
+    scale.value = 0;
+    scale.value = withTiming(1, {
+      duration: 600
+    });
+  }).onTouchesUp(() => {
+    opacity.value = withTiming(0, {
+      duration: 800
+    });
+  }).onTouchesCancelled(() => {
+    opacity.value = withTiming(0, {
+      duration: 800
+    });
+  }) : Gesture.Simultaneous();
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
+      style: {
+        width: '100%'
+      },
+      children: /*#__PURE__*/_jsx(GestureDetector, {
+        gesture: onGesturePress,
+        children: /*#__PURE__*/_jsx(Pressable, {
+          ...props,
+          children: /*#__PURE__*/_jsxs(StyledView, {
+            overflow: "hidden",
+            onLayout: ({
+              nativeEvent: {
+                layout: {
+                  height,
+                  width
+                }
+              }
+            }) => {
+              overlayHeight.value = height;
+              overlayWidth.value = width;
+            },
+            style: style,
+            children: [children, /*#__PURE__*/_jsx(Animated.View, {
+              style: [STYLES.OVERLAY, effectAnimatedStyle]
+            })]
+          })
+        })
+      })
+    })
+  });
+};
+export default TouchableRipple;
+//# sourceMappingURL=TouchableRipple.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","Gesture","GestureDetector","GestureHandlerRootView","Animated","useAnimatedStyle","useSharedValue","withTiming","StyledView","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","TouchableRipple","rippleColor","style","children","props","positionX","positionY","overlayHeight","overlayWidth","scale","opacity","STYLES","create","OVERLAY","position","top","left","zIndex","effectAnimatedStyle","radius","Math","sqrt","value","height","width","borderRadius","backgroundColor","transform","translateX","translateY","onGesturePress","disabled","Tap","runOnJS","onTouchesDown","allTouches","x","y","duration","onTouchesUp","onTouchesCancelled","Simultaneous","gesture","overflow","onLayout","nativeEvent","layout","View"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/TouchableRipple/TouchableRipple.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/UserInput/UserInput.js

@@ -0,0 +1,119 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { TextInput, StyleSheet } from 'react-native';
+import { responsiveFontSize, verticalScale, horizontalScale } from "../../helpers/ResponsiveCalculations.js";
+import { useTheme } from "../../hooks/index.js";
+import { StyledText, StyledView } from "../StyledComponents/index.js";
+import generateColors from "./generateColors.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const UserInput = /*#__PURE__*/forwardRef(({
+  variant = 'standard',
+  label,
+  bg,
+  br = 10,
+  stroke = 1,
+  labelColor,
+  textVariant = {
+    label: 'h5',
+    helperText: 'h6'
+  },
+  inputTextColor,
+  strokeColor,
+  cursorColor,
+  placeholderColor,
+  inputFs = 13,
+  labelFs,
+  helperTextFS,
+  placeholder = 'Please enter...',
+  disabled = false,
+  isError = false,
+  helperText = '',
+  multiline = false,
+  renderLeftIcon,
+  renderRightIcon,
+  styles,
+  ...props
+}, ref) => {
+  const theme = useTheme();
+  const {
+    computedCursorColor,
+    computedPlaceholderColor,
+    computedLabelColor
+  } = useMemo(() => generateColors(theme, isError, cursorColor, placeholderColor, labelColor), [theme, isError, cursorColor, placeholderColor, labelColor]);
+  const STYLES = StyleSheet.create({
+    INPUT_CONT: {
+      flexDirection: 'row',
+      alignItems: multiline ? 'flex-start' : 'center',
+      backgroundColor: disabled ? theme.colors.disable : bg ?? theme.colors.inputBgColor,
+      borderColor: isError ? theme.colors.error : strokeColor ?? theme.colors.outline,
+      borderWidth: variant === 'standard' ? 0 : stroke,
+      borderBottomWidth: stroke,
+      paddingHorizontal: horizontalScale(14),
+      borderRadius: verticalScale(br),
+      gap: horizontalScale(10),
+      height: multiline ? 'auto' : verticalScale(48),
+      paddingVertical: multiline ? horizontalScale(10) : 'auto'
+    },
+    INPUT: {
+      color: disabled ? theme.colors.textDisable : isError ? theme.colors.error : inputTextColor ?? theme.colors.textPrimary,
+      fontSize: responsiveFontSize(inputFs),
+      textAlignVertical: multiline ? 'top' : 'center',
+      minHeight: multiline ? 100 : 'auto',
+      maxHeight: multiline ? 150 : 'auto',
+      padding: 0,
+      flex: 1
+    },
+    ERROR_HELPER_TEXT: {
+      color: theme.colors.error,
+      paddingHorizontal: 5
+    }
+  });
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(StyledView, {
+      gap: verticalScale(5),
+      style: styles?.mainContainer,
+      children: [label && /*#__PURE__*/_jsx(StyledText, {
+        variant: textVariant?.label,
+        fs: labelFs,
+        color: computedLabelColor,
+        style: styles?.label,
+        children: label
+      }), /*#__PURE__*/_jsxs(StyledView, {
+        style: [STYLES.INPUT_CONT, styles?.inputContainer],
+        children: [renderLeftIcon, /*#__PURE__*/_jsx(TextInput, {
+          ref: ref,
+          style: [STYLES.INPUT, styles?.input],
+          placeholder: placeholder,
+          placeholderTextColor: computedPlaceholderColor,
+          editable: !disabled,
+          multiline: multiline,
+          cursorColor: computedCursorColor,
+          ...props
+        }), renderRightIcon]
+      }), isError && helperText && /*#__PURE__*/_jsx(StyledText, {
+        variant: textVariant?.helperText,
+        fs: helperTextFS,
+        style: [STYLES.ERROR_HELPER_TEXT, styles?.helperText],
+        children: helperText
+      })]
+    })
+  });
+});
+export default UserInput;
+
+// const STYLES = StyleSheet.create({
+//     INPUT_CONT: {
+//         flexDirection: 'row',
+//         paddingHorizontal: horizontalScale(14),
+//         gap: horizontalScale(10),
+//     },
+//     INPUT: {
+//         padding: 0,
+//         flex: 1,
+//     },
+//     ERROR_HELPER_TEXT: {
+//         paddingHorizontal: 5
+//     }
+// });
+//# sourceMappingURL=UserInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","TextInput","StyleSheet","responsiveFontSize","verticalScale","horizontalScale","useTheme","StyledText","StyledView","generateColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","UserInput","variant","label","bg","br","stroke","labelColor","textVariant","helperText","inputTextColor","strokeColor","cursorColor","placeholderColor","inputFs","labelFs","helperTextFS","placeholder","disabled","isError","multiline","renderLeftIcon","renderRightIcon","styles","props","ref","theme","computedCursorColor","computedPlaceholderColor","computedLabelColor","STYLES","create","INPUT_CONT","flexDirection","alignItems","backgroundColor","colors","disable","inputBgColor","borderColor","error","outline","borderWidth","borderBottomWidth","paddingHorizontal","borderRadius","gap","height","paddingVertical","INPUT","color","textDisable","textPrimary","fontSize","textAlignVertical","minHeight","maxHeight","padding","flex","ERROR_HELPER_TEXT","children","style","mainContainer","fs","inputContainer","input","placeholderTextColor","editable"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserInput/UserInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/UserInput/UserInputV2.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { responsiveFontSize, verticalScale, horizontalScale } from "../../helpers/ResponsiveCalculations.js";
+import { useTheme } from "../../hooks/index.js";
+import { StyledText } from "../StyledComponents/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const UserInputV2 = ({
+  variant = 'outlined',
+  // label,
+  bg = 'transparent',
+  br = 5,
+  stroke = 1,
+  labelColor,
+  textColor,
+  strokeColor,
+  // cursorColor,
+  // placeholderTextColor,
+  fs = 12,
+  labelFs = 12,
+  // placeholder = 'Enter Your...',
+  isDisabled = false,
+  isError,
+  multiline = false,
+  renderLeftIcon,
+  renderRightIcon,
+  inputContStyle,
+  // inputStyle,
+  containerStyle
+  // labelStyle,/
+}) => {
+  const theme = useTheme();
+
+  // const cursor = isError ? theme.colors.error : cursorColor ?? theme.colors.cursorColor;
+  // const placeholderColor = placeholderTextColor ?? theme.colors.placeholderColor
+
+  const STYLES = StyleSheet.create({
+    INPUT: {
+      color: isDisabled ? theme.colors.textDisable : isError ? theme.colors.error : textColor ?? theme.colors.textPrimary,
+      fontSize: responsiveFontSize(fs),
+      textAlignVertical: multiline ? 'top' : 'center',
+      padding: 0
+    },
+    LABEL: {
+      color: isError ? theme.colors.error : labelColor ?? theme.colors.textPrimary,
+      fontSize: responsiveFontSize(labelFs),
+      fontWeight: 'bold'
+    },
+    INPUT_CONT: {
+      flexDirection: 'row',
+      alignItems: multiline ? 'flex-start' : 'center',
+      borderColor: isError ? theme.colors.error : strokeColor ?? theme.colors.outline,
+      height: multiline ? 'auto' : verticalScale(45),
+      backgroundColor: isDisabled ? theme.colors.disable : bg ?? 'transparent',
+      borderWidth: variant === 'standard' ? 0 : stroke,
+      borderBottomWidth: stroke,
+      paddingHorizontal: horizontalScale(15),
+      paddingVertical: multiline ? verticalScale(10) : 0,
+      borderRadius: verticalScale(br),
+      gap: horizontalScale(15)
+    }
+  });
+  const viewProps = {
+    gap: verticalScale(4),
+    ...containerStyle
+  };
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(View, {
+      ...viewProps,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          ...STYLES.INPUT_CONT,
+          ...inputContStyle
+        },
+        children: [renderLeftIcon && renderLeftIcon(), /*#__PURE__*/_jsx(View, {
+          style: {
+            flex: 1,
+            alignSelf: 'center'
+          },
+          children: /*#__PURE__*/_jsx(StyledText, {
+            children: "Email"
+          })
+        }), renderRightIcon && renderRightIcon()]
+      })
+    })
+  });
+};
+export default UserInputV2;
+//# sourceMappingURL=UserInputV2.js.map

package/lib/module/components/UserInput/UserInputV2.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","responsiveFontSize","verticalScale","horizontalScale","useTheme","StyledText","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","UserInputV2","variant","bg","br","stroke","labelColor","textColor","strokeColor","fs","labelFs","isDisabled","isError","multiline","renderLeftIcon","renderRightIcon","inputContStyle","containerStyle","theme","STYLES","create","INPUT","color","colors","textDisable","error","textPrimary","fontSize","textAlignVertical","padding","LABEL","fontWeight","INPUT_CONT","flexDirection","alignItems","borderColor","outline","height","backgroundColor","disable","borderWidth","borderBottomWidth","paddingHorizontal","paddingVertical","borderRadius","gap","viewProps","children","style","flex","alignSelf"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserInput/UserInputV2.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/UserInput/generateColors.js

@@ -0,0 +1,14 @@
+"use strict";
+
+const generateColors = (theme, isError, cursorColor, placeholderColor, labelColor) => {
+  const computedCursorColor = isError ? theme.colors.error : cursorColor ?? theme.colors.cursorColor;
+  const computedPlaceholderColor = placeholderColor ?? theme.colors.placeholderColor;
+  const computedLabelColor = isError ? theme.colors.error : labelColor ?? theme.colors.textTertiary;
+  return {
+    computedCursorColor,
+    computedPlaceholderColor,
+    computedLabelColor
+  };
+};
+export default generateColors;
+//# sourceMappingURL=generateColors.js.map

package/lib/module/components/UserInput/generateColors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["generateColors","theme","isError","cursorColor","placeholderColor","labelColor","computedCursorColor","colors","error","computedPlaceholderColor","computedLabelColor","textTertiary"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserInput/generateColors.ts"],"mappings":";;AAGA,MAAMA,cAAc,GAAGA,CAACC,KAAiB,EAAEC,OAAgB,EAAEC,WAAoB,EAAEC,gBAAyB,EAAEC,UAAmB,KAAK;EAClI,MAAMC,mBAAmB,GAAGJ,OAAO,GAAGD,KAAK,CAACM,MAAM,CAACC,KAAK,GAAIL,WAAW,IAAIF,KAAK,CAACM,MAAM,CAACJ,WAAY;EACpG,MAAMM,wBAAwB,GAAGL,gBAAgB,IAAIH,KAAK,CAACM,MAAM,CAACH,gBAAgB;EAClF,MAAMM,kBAAkB,GAAGR,OAAO,GAAGD,KAAK,CAACM,MAAM,CAACC,KAAK,GAAGH,UAAU,IAAIJ,KAAK,CAACM,MAAM,CAACI,YAAY;EACjG,OAAO;IACHL,mBAAmB;IACnBG,wBAAwB;IACxBC;EACJ,CAAC;AACL,CAAC;AACD,eAAeV,cAAc","ignoreList":[]}

package/lib/module/constants/breakPoints.js

@@ -0,0 +1,11 @@
+"use strict";
+
+const BreakPoints = {
+  xs: 0,
+  sm: 360,
+  md: 600,
+  lg: 768,
+  xl: 960
+};
+export default BreakPoints;
+//# sourceMappingURL=breakPoints.js.map

package/lib/module/constants/breakPoints.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BreakPoints","xs","sm","md","lg","xl"],"sourceRoot":"..\\..\\..\\src","sources":["constants/breakPoints.ts"],"mappings":";;AAQA,MAAMA,WAA4B,GAAG;EACjCC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE;AACR,CAAC;AAED,eAAeL,WAAW","ignoreList":[]}

package/lib/module/constants/dialogSizes.js

@@ -0,0 +1,11 @@
+"use strict";
+
+const dialogSizes = {
+  xs: 60,
+  sm: 70,
+  md: 80,
+  lg: 90,
+  full: 100
+};
+export default dialogSizes;
+//# sourceMappingURL=dialogSizes.js.map

package/lib/module/constants/dialogSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dialogSizes","xs","sm","md","lg","full"],"sourceRoot":"..\\..\\..\\src","sources":["constants/dialogSizes.ts"],"mappings":";;AAGA,MAAMA,WAA6B,GAAG;EAClCC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,IAAI,EAAE;AACV,CAAC;AAED,eAAeL,WAAW","ignoreList":[]}

package/lib/module/constants/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { default as dialogSizes } from "./dialogSizes.js";
+export { default as typographySizes } from "./typographySizes.js";
+export { default as BreakPoints } from "./breakPoints.js";
+//# sourceMappingURL=index.js.map

package/lib/module/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","dialogSizes","typographySizes","BreakPoints"],"sourceRoot":"..\\..\\..\\src","sources":["constants/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,kBAAe;AACtD,SAASD,OAAO,IAAIE,eAAe,QAAQ,sBAAmB;AAC9D,SAASF,OAAO,IAAIG,WAAW,QAAQ,kBAAe","ignoreList":[]}

package/lib/module/constants/theme.js

@@ -0,0 +1,17 @@
+"use strict";
+
+export const DefaultTheme = {
+  THEME_PRIMARY_COLOR: '#fff',
+  THEME_SECONDARY_COLOR: '#000',
+  TEXT_PRIMARY_COLOR: '#000',
+  TEXT_SECONDARY_COLOR: '#64748B',
+  TEXT_TARTARY_COLOR: '#fff',
+  INPUT_BACKGROUND_COLOR: '#fff',
+  INPUT_STROKE_COLOR: '#cbd5e1',
+  INPUT_PLACEHOLDER_COLOR: '#D3D3D3',
+  DISABLE: '#8080805e',
+  DANGER: '#ED2939',
+  SUCCESS: '#32CD32',
+  WARNING: '#ffbf00'
+};
+//# sourceMappingURL=theme.js.map

package/lib/module/constants/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DefaultTheme","THEME_PRIMARY_COLOR","THEME_SECONDARY_COLOR","TEXT_PRIMARY_COLOR","TEXT_SECONDARY_COLOR","TEXT_TARTARY_COLOR","INPUT_BACKGROUND_COLOR","INPUT_STROKE_COLOR","INPUT_PLACEHOLDER_COLOR","DISABLE","DANGER","SUCCESS","WARNING"],"sourceRoot":"..\\..\\..\\src","sources":["constants/theme.ts"],"mappings":";;AAeA,OAAO,MAAMA,YAA8B,GAAG;EAC1CC,mBAAmB,EAAE,MAAM;EAC3BC,qBAAqB,EAAE,MAAM;EAC7BC,kBAAkB,EAAE,MAAM;EAC1BC,oBAAoB,EAAE,SAAS;EAC/BC,kBAAkB,EAAE,MAAM;EAC1BC,sBAAsB,EAAE,MAAM;EAC9BC,kBAAkB,EAAE,SAAS;EAC7BC,uBAAuB,EAAE,SAAS;EAClCC,OAAO,EAAE,WAAW;EACpBC,MAAM,EAAE,SAAS;EACjBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AAKb,CAAC","ignoreList":[]}

package/lib/module/constants/typographySizes.js

@@ -0,0 +1,13 @@
+"use strict";
+
+const typographySizes = {
+  h1: 32,
+  h2: 24,
+  h3: 18,
+  h4: 16,
+  h5: 14,
+  h6: 12,
+  h7: 10
+};
+export default typographySizes;
+//# sourceMappingURL=typographySizes.js.map

package/lib/module/constants/typographySizes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["typographySizes","h1","h2","h3","h4","h5","h6","h7"],"sourceRoot":"..\\..\\..\\src","sources":["constants/typographySizes.ts"],"mappings":";;AAUA,MAAMA,eAAoC,GAAG;EACzCC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACR,CAAC;AAED,eAAeP,eAAe","ignoreList":[]}

package/lib/module/helpers/CalculateGridSize.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import deviceScreenSizeCategory from "./DeviceSizeCategory.js";
+const getGridValue = (propsSizeObj, windowWidth) => {
+  const propsSizeArray = Object.entries(propsSizeObj);
+  let screenSizeCategory = deviceScreenSizeCategory(windowWidth);
+  let gridValue = 0;
+  if (!propsSizeObj[screenSizeCategory.size]) {
+    const arrIndex = propsSizeArray.findIndex(([size]) => size === screenSizeCategory.size);
+    for (let index = arrIndex - 1; index >= 0; index--) {
+      if (propsSizeArray[index]?.[1]) {
+        gridValue = propsSizeArray[index]?.[1];
+        break;
+      }
+    }
+  } else {
+    gridValue = propsSizeObj[screenSizeCategory.size];
+  }
+  return gridValue;
+};
+export default getGridValue;
+//# sourceMappingURL=CalculateGridSize.js.map

package/lib/module/helpers/CalculateGridSize.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["deviceScreenSizeCategory","getGridValue","propsSizeObj","windowWidth","propsSizeArray","Object","entries","screenSizeCategory","gridValue","size","arrIndex","findIndex","index"],"sourceRoot":"..\\..\\..\\src","sources":["helpers/CalculateGridSize.ts"],"mappings":";;AAAA,OAAOA,wBAAwB,MAAM,yBAAsB;AAO3D,MAAMC,YAAY,GAAGA,CAACC,YAAoC,EAAEC,WAA+B,KAAK;EAC5F,MAAMC,cAAkC,GAAGC,MAAM,CAACC,OAAO,CAACJ,YAAY,CAAC;EACvE,IAAIK,kBAAkC,GAAGP,wBAAwB,CAACG,WAAW,CAAC;EAC9E,IAAIK,SAAiB,GAAG,CAAC;EACzB,IAAI,CAACN,YAAY,CAACK,kBAAkB,CAACE,IAAI,CAAC,EAAE;IACxC,MAAMC,QAAQ,GAAGN,cAAc,CAACO,SAAS,CAAC,CAAC,CAACF,IAAI,CAAC,KAAKA,IAAI,KAAKF,kBAAkB,CAACE,IAAI,CAAC;IACvF,KAAK,IAAIG,KAAK,GAAGF,QAAQ,GAAG,CAAC,EAAEE,KAAK,IAAI,CAAC,EAAEA,KAAK,EAAE,EAAE;MAChD,IAAIR,cAAc,CAACQ,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE;QAC5BJ,SAAS,GAAGJ,cAAc,CAACQ,KAAK,CAAC,GAAG,CAAC,CAAW;QAChD;MACJ;IACJ;EACJ,CAAC,MAAM;IACHJ,SAAS,GAAGN,YAAY,CAACK,kBAAkB,CAACE,IAAI,CAAW;EAC/D;EACA,OAAOD,SAAS;AACpB,CAAC;AAED,eAAeP,YAAY","ignoreList":[]}

package/lib/module/helpers/DeviceSizeCategory.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { Dimensions } from "react-native";
+import { BreakPoints } from "../constants/index.js";
+const {
+  width: SCREEN_WIDTH
+} = Dimensions.get('window');
+const deviceScreenSizeCategory = (windowWidth = SCREEN_WIDTH) => {
+  if (windowWidth >= BreakPoints.xl) {
+    return {
+      size: 'xl',
+      value: BreakPoints.xl
+    };
+  } else if (windowWidth >= BreakPoints.lg) {
+    return {
+      size: 'lg',
+      value: BreakPoints.xl
+    };
+  } else if (windowWidth >= BreakPoints.md) {
+    return {
+      size: 'md',
+      value: BreakPoints.md
+    };
+  } else if (windowWidth >= BreakPoints.sm) {
+    return {
+      size: 'sm',
+      value: BreakPoints.sm
+    };
+  }
+  return {
+    size: 'xs',
+    value: BreakPoints.xs
+  };
+};
+export default deviceScreenSizeCategory;
+//# sourceMappingURL=DeviceSizeCategory.js.map

package/lib/module/helpers/DeviceSizeCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","BreakPoints","width","SCREEN_WIDTH","get","deviceScreenSizeCategory","windowWidth","xl","size","value","lg","md","sm","xs"],"sourceRoot":"..\\..\\..\\src","sources":["helpers/DeviceSizeCategory.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,uBAAc;AAC1C,MAAM;EAAEC,KAAK,EAAEC;AAAa,CAAC,GAAGH,UAAU,CAACI,GAAG,CAAC,QAAQ,CAAC;AAOxD,MAAMC,wBAAwB,GAAGA,CAACC,WAAmB,GAAGH,YAAY,KAAqB;EACrF,IAAIG,WAAW,IAAIL,WAAW,CAACM,EAAE,EAAE;IAC/B,OAAO;MAAEC,IAAI,EAAE,IAAI;MAAEC,KAAK,EAAER,WAAW,CAACM;IAAG,CAAC;EAChD,CAAC,MAAM,IAAID,WAAW,IAAIL,WAAW,CAACS,EAAE,EAAE;IACtC,OAAO;MAAEF,IAAI,EAAE,IAAI;MAAEC,KAAK,EAAER,WAAW,CAACM;IAAG,CAAC;EAChD,CAAC,MAAM,IAAID,WAAW,IAAIL,WAAW,CAACU,EAAE,EAAE;IACtC,OAAO;MAAEH,IAAI,EAAE,IAAI;MAAEC,KAAK,EAAER,WAAW,CAACU;IAAG,CAAC;EAChD,CAAC,MAAM,IAAIL,WAAW,IAAIL,WAAW,CAACW,EAAE,EAAE;IACtC,OAAO;MAAEJ,IAAI,EAAE,IAAI;MAAEC,KAAK,EAAER,WAAW,CAACW;IAAG,CAAC;EAChD;EACA,OAAO;IAAEJ,IAAI,EAAE,IAAI;IAAEC,KAAK,EAAER,WAAW,CAACY;EAAG,CAAC;AAChD,CAAC;AACD,eAAeR,wBAAwB","ignoreList":[]}

package/lib/module/helpers/LightenColorShades.js

@@ -0,0 +1,10 @@
+"use strict";
+
+const LightenColorShades = (hex, amount) => {
+  let r = Math.min(255, parseInt(hex.slice(1, 3), 16) + amount);
+  let g = Math.min(255, parseInt(hex.slice(3, 5), 16) + amount);
+  let b = Math.min(255, parseInt(hex.slice(5, 7), 16) + amount);
+  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`;
+};
+export default LightenColorShades;
+//# sourceMappingURL=LightenColorShades.js.map

package/lib/module/helpers/LightenColorShades.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LightenColorShades","hex","amount","r","Math","min","parseInt","slice","g","b","toString"],"sourceRoot":"..\\..\\..\\src","sources":["helpers/LightenColorShades.ts"],"mappings":";;AAAA,MAAMA,kBAAkB,GAAGA,CAACC,GAAU,EAAEC,MAAc,KAAI;EACtD,IAAIC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAG,EAAEC,QAAQ,CAACL,GAAG,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAGL,MAAM,CAAC;EAC7D,IAAIM,CAAC,GAAGJ,IAAI,CAACC,GAAG,CAAC,GAAG,EAAEC,QAAQ,CAACL,GAAG,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAGL,MAAM,CAAC;EAC7D,IAAIO,CAAC,GAAGL,IAAI,CAACC,GAAG,CAAC,GAAG,EAAEC,QAAQ,CAACL,GAAG,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAGL,MAAM,CAAC;EAC7D,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,KAAKC,CAAC,IAAI,EAAE,CAAC,IAAIK,CAAC,IAAI,CAAC,CAAC,GAAGC,CAAC,EAAEC,QAAQ,CAAC,EAAE,CAAC,CAACH,KAAK,CAAC,CAAC,CAAC,EAAE;AAC7E,CAAC;AACD,eAAeP,kBAAkB","ignoreList":[]}

package/lib/module/helpers/ResponsiveCalculations.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import { Dimensions, PixelRatio } from 'react-native';
+// import { useResponsive } from '../hooks';
+
+const {
+  width: SCREEN_WIDTH,
+  height: SCREEN_HEIGHT
+} = Dimensions.get('window');
+
+// const isResponsive = useResponsive();
+const isResponsive = true;
+const guidelineBaseWidth = 350;
+const guidelineBaseHeight = 680;
+const [shortDimension, longDimension] = SCREEN_WIDTH < SCREEN_HEIGHT ? [SCREEN_WIDTH, SCREEN_HEIGHT] : [SCREEN_HEIGHT, SCREEN_WIDTH];
+const checkIsPhone = size => {
+  if (SCREEN_WIDTH <= 430 && SCREEN_WIDTH >= 375) {
+    return size;
+  }
+  return 0;
+};
+export const horizontalScale = size => {
+  if (checkIsPhone(size)) {
+    return size;
+  }
+  const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.40;
+  let scale = shortDimension / guidelineBaseHeight;
+  scale = 1 + (scale - 1) * slowDownRate;
+  let adjustedSize = size * Math.max(scale, 0.80);
+  return Math.floor(PixelRatio.roundToNearestPixel(adjustedSize));
+};
+export const verticalScale = size => {
+  if (checkIsPhone(size)) {
+    return size;
+  }
+  const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.40;
+  let scale = longDimension / guidelineBaseHeight;
+  scale = 1 + (scale - 1) * slowDownRate;
+  let adjustedSize = size * Math.max(scale, 0.80);
+  return Math.floor(PixelRatio.roundToNearestPixel(adjustedSize));
+};
+export const moderateScale = (size, factor = 0.5) => {
+  if (isResponsive) {
+    return size + (shortDimension / guidelineBaseWidth * size - size) * factor;
+  } else {
+    return size + factor + 1;
+  }
+};
+export const moderateVerticalScale = (size, factor = 0.5) => {
+  if (isResponsive) {
+    return size + longDimension / guidelineBaseHeight * size * factor;
+  } else {
+    return size + factor + 5;
+  }
+};
+export const responsiveFontSize = fontSize => {
+  if (checkIsPhone(fontSize)) {
+    return fontSize;
+  }
+  const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.20;
+  const screenDiagonal = Math.sqrt(SCREEN_WIDTH ** 2 + SCREEN_HEIGHT ** 2);
+  const baseScreenDiagonal = Math.sqrt(360 ** 2 + 640 ** 2);
+  let scale = screenDiagonal / baseScreenDiagonal;
+  scale = 1 + (scale - 1) * slowDownRate;
+  let adjustedFontSize = fontSize * Math.max(scale, 0.85);
+  return Math.floor(PixelRatio.roundToNearestPixel(adjustedFontSize));
+};
+//# sourceMappingURL=ResponsiveCalculations.js.map