feat(textProps): adding ability to spread TextProps to help with accessibility

.changeset/curvy-files-teach.md

@@ -0,0 +1,5 @@
+---
+"@marceloterreiro/flash-calendar": minor
+---
+
+Add the ability to pass TextProps to the <Text> fields especially when supporting accessibility

packages/flash-calendar/src/components/CalendarItemDay.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import { useCallback, useMemo } from "react";
-import type { TextStyle, ViewStyle } from "react-native";
+import type { TextProps, TextStyle, ViewStyle } from "react-native";
 import { Pressable, StyleSheet, Text, View } from "react-native";
 
 import type { BaseTheme } from "@/helpers/tokens";
@@ -126,7 +126,8 @@ const buildBaseStyles = (theme: BaseTheme): CalendarItemDayTheme => {
   };
 };
 
-export interface CalendarItemDayProps {
+export interface CalendarItemDayProps
+  extends Omit<TextProps, "children" | "onPress"> {
   children: ReactNode;
   onPress: (id: string) => void;
   metadata: CalendarDayMetadata;
@@ -158,6 +159,7 @@ export const CalendarItemDay = ({
   theme,
   height,
   metadata,
+  ...rest
 }: CalendarItemDayProps) => {
   const baseTheme = useTheme();
   const baseStyles = useMemo(() => {
@@ -196,6 +198,7 @@ export const CalendarItemDay = ({
         const { content } = baseStyles[metadata.state](params);
         return (
           <Text
+            {...rest}
             style={{
               ...content,
               ...theme?.base?.({ ...metadata, isPressed }).content,

packages/flash-calendar/src/components/CalendarItemWeekName.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import { useMemo } from "react";
-import type { TextStyle, ViewStyle } from "react-native";
+import type { TextProps, TextStyle, ViewStyle } from "react-native";
 import { StyleSheet, Text, View } from "react-native";
 
 import { lightTheme } from "@/helpers/tokens";
@@ -21,7 +21,7 @@ interface CalendarItemWeekNameTheme {
   content?: TextStyle;
 }
 
-export interface CalendarItemWeekNameProps {
+export interface CalendarItemWeekNameProps extends Omit<TextProps, "children"> {
   children: ReactNode;
   /**
    * The height of the week name, needed to correctly measure the calendar's
@@ -35,6 +35,7 @@ export const CalendarItemWeekName = ({
   children,
   height,
   theme,
+  ...rest
 }: CalendarItemWeekNameProps) => {
   const { colors } = useTheme();
   const { containerStyles, contentStyles } = useMemo(() => {
@@ -49,7 +50,9 @@ export const CalendarItemWeekName = ({
 
   return (
     <View style={containerStyles}>
-      <Text style={contentStyles}>{children}</Text>
+      <Text {...rest} style={contentStyles}>
+        {children}
+      </Text>
     </View>
   );
 };