chore: renames CardNumber element to CardNumberElement

App.tsx

@@ -7,7 +7,7 @@ import {
   View,
 } from 'react-native';
 import type { BTRef } from './src';
-import { BasisTheoryElements, CardNumber } from './src';
+import { BasisTheoryElements, CardNumberElement } from './src';
 
 const App = (): JSX.Element => {
   const ref = useRef<BTRef>(null);
@@ -17,7 +17,7 @@ const App = (): JSX.Element => {
       <StatusBar />
       <ScrollView contentInsetAdjustmentBehavior="automatic">
         <View style={styles.viewContainer}>
-          <CardNumber
+          <CardNumberElement
             btRef={ref}
             placeholder="Card Number"
             style={styles.cardNumber}

src/components/CardNumber.hooks.ts → src/components/CardNumberElement.hooks.ts

@@ -63,7 +63,7 @@ type UseCardNumberParams = {
   inputBtRef?: BTRefBase;
 };
 
-export const useCardNumber = ({ btRef, inputBtRef }: UseCardNumberParams) => {
+export const useCardNumberElement = ({ btRef, inputBtRef }: UseCardNumberParams) => {
   const textInputRef = useRef<TextInput>(null);
   const [id] = useState(uuid.v4() as string);
   const [mask, setMask] = useState<Mask>(defaultCardNumberMask);

src/components/CardNumber.tsx → src/components/CardNumberElement.tsx

@@ -2,7 +2,7 @@ import type { ForwardedRef } from 'react';
 import React from 'react';
 import type { StyleProp, TextStyle } from 'react-native';
 import type { BTRef, BTRefBase } from '../BaseElementTypes';
-import { useCardNumber } from './CardNumber.hooks';
+import { useCardNumberElement } from './CardNumberElement.hooks';
 import MaskInput from 'react-native-mask-input';
 import { _elementValues } from '../ElementValues';
 
@@ -14,15 +14,15 @@ type CardNumberProps = {
   placeholder?: string;
 };
 
-export const CardNumber = ({
+export const CardNumberElement = ({
   btRef,
   style,
   editable,
   placeholder,
   inputBtRef,
 }: CardNumberProps) => {
   const { textInputRef, id, setTextInputValue, textInputValue, mask } =
-    useCardNumber({
+    useCardNumberElement({
       btRef,
       inputBtRef,
     });

src/index.ts

@@ -1,6 +1,6 @@
-import { CardNumber } from './components/CardNumber';
+import { CardNumberElement } from './components/CardNumberElement';
 import { BasisTheoryElements } from './BasisTheoryElements';
 import type { BTRef } from './BaseElementTypes';
 
 export type { BTRef };
-export { CardNumber, BasisTheoryElements };
+export { CardNumberElement, BasisTheoryElements };