panelui-native 0.22.6 → 0.28.1

package/src/components/attachment/index.tsx

@@ -31,7 +31,7 @@ import { View, type ViewProps } from 'react-native';
 import { tv } from 'tailwind-variants';
 import { useCSSVariable } from 'uniwind';
 import { AnimatedPressable, type AnimatedPressableProps } from '../../primitives/animated-pressable';
-import { Text, type TextProps } from '../../primitives/text';
+import { Text, type TextProps, textChildren } from '../../primitives/text';
 import { cn } from '../../utils/cn';
 import { Item } from '../item';
 import { Shimmer } from '../shimmer';
@@ -262,7 +262,7 @@ const AttachmentAction = forwardRef<View, AttachmentActionProps>(
       )}
       {...props}
     >
-      {children}
+      {textChildren(children)}
     </AnimatedPressable>
   )
 );

package/src/components/avatar/index.tsx

@@ -7,7 +7,7 @@ import {
   type ViewProps,
 } from 'react-native';
 import { tv, type VariantProps } from 'tailwind-variants';
-import { Text } from '../../primitives/text';
+import { Text, textChildren } from '../../primitives/text';
 import { cn } from '../../utils/cn';
 
 const avatarVariants = tv({
@@ -77,7 +77,7 @@ const AvatarRoot = forwardRef<View, AvatarProps>(
         <View accessibilityRole="image" className={root()}>
           {face}
         </View>
-        {children}
+        {textChildren(children)}
       </View>
     );
   }
@@ -100,12 +100,12 @@ const AvatarBadge = forwardRef<View, AvatarBadgeProps>(
     <View
       ref={ref}
       className={cn(
-        'absolute -right-1 -top-1 rounded-full border-2 border-background',
+        'absolute -end-1 -top-1 rounded-full border-2 border-background',
         className
       )}
       {...props}
     >
-      {children}
+      {textChildren(children)}
     </View>
   )
 );

package/src/components/badge/index.tsx

@@ -1,7 +1,7 @@
 import { forwardRef, type ReactNode } from 'react';
 import { View, type ViewProps } from 'react-native';
 import { tv, type VariantProps } from 'tailwind-variants';
-import { Text } from '../../primitives/text';
+import { Text, textChildren } from '../../primitives/text';
 
 const badgeVariants = tv({
   slots: {
@@ -67,11 +67,11 @@ export const Badge = forwardRef<View, BadgeProps>(
         className={root({ className })}
         {...props}
       >
-        {resolvedShape === 'dot' ? null : typeof content === 'string' ? (
-          <Text className={label({ className: labelClassName })}>{content}</Text>
-        ) : (
-          content
-        )}
+        {resolvedShape === 'dot'
+          ? null
+          : textChildren(content, (text) => (
+              <Text className={label({ className: labelClassName })}>{text}</Text>
+            ))}
       </View>
     );
   }