🎨 Move isText in utils

Author: GuiEpi

src/index.tsx

@@ -3,7 +3,7 @@
 import React, { useState, useEffect, useCallback, useMemo, useRef } from 'react';
 import { motion } from 'motion/react';
 import { CursorProps, Position, CursorRule, CursorVariant, CursorType, CursorTheme } from './types';
-import { isMobile, isInteractive } from './utils';
+import { isMobile, isInteractive, isText } from './utils';
 import { TEXT_ELEMENTS } from './constants';
 
 const Cursor: React.FC<CursorProps> = ({ zIndex = 9999, theme = {}, defaultColor: customDefaultColor }) => {
@@ -104,7 +104,7 @@ const Cursor: React.FC<CursorProps> = ({ zIndex = 9999, theme = {}, defaultColor
         // Prioritize interactive elements
       } else if (isInteractive(target)) {
         setCurrentVariant('hover');
-      } else if (TEXT_ELEMENTS.includes(target.tagName as any)) {
+      } else if (isText(target)) {
         setFontSize(parseFloat(window.getComputedStyle(target).fontSize));
         setCurrentVariant('text');
       } else {

src/utils.ts

@@ -1,9 +1,11 @@
-import { INTERACTIVE_ELEMENTS } from './constants';
+import { INTERACTIVE_ELEMENTS, TEXT_ELEMENTS } from './constants';
 
+/** Check if the user is on a mobile device */
 export const isMobile = (): boolean => {
   return /iPhone|iPad|iPod|Android|WebOS/i.test(navigator.userAgent);
 };
 
+/** Check if the target is an interactive element */
 export const isInteractive = (target: HTMLElement): boolean => {
   if (INTERACTIVE_ELEMENTS.includes(target.tagName as any)) {
     return true;
@@ -23,3 +25,10 @@ export const isInteractive = (target: HTMLElement): boolean => {
 
   return false;
 };
+
+/** Check if the target is a text element */
+export const isText = (target: HTMLElement): boolean => {
+  if (TEXT_ELEMENTS.includes(target.tagName as any)) {
+    return true;
+  }
+};