@retray-dev/ui-kit 13.0.0 → 13.4.0

package/dist/Accordion.d.mts

@@ -1,22 +1,24 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface AccordionItem {
     value: string;
-    trigger: string | React.ReactNode;
-    content: React.ReactNode;
+    trigger: string | React__default.ReactNode;
+    content: React__default.ReactNode;
     /** Icon name from @expo/vector-icons rendered left of trigger. */
     iconName?: string;
     /** Custom icon node rendered left of trigger. */
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /** Override icon color. Defaults to foregroundMuted. */
     iconColor?: string;
+    /**
     /**
      * Action buttons rendered after the trigger content but before the chevron.
      * Automatically touch-isolated — taps on actions won't toggle the accordion.
      * Use this instead of embedding interactive elements inside `trigger`.
      */
-    triggerActions?: React.ReactNode;
+    triggerActions?: React__default.ReactNode;
+    accessibilityHint?: string;
 }
 interface AccordionProps {
     items: AccordionItem[];
@@ -29,6 +31,6 @@ interface AccordionProps {
     defaultValue?: string | string[];
     style?: ViewStyle;
 }
-declare function Accordion({ items, type, defaultValue, style }: AccordionProps): React.JSX.Element;
+declare function Accordion({ items, type, defaultValue, style }: AccordionProps): React__default.JSX.Element;
 
 export { Accordion, type AccordionItem, type AccordionProps };

package/dist/Accordion.d.ts

@@ -1,22 +1,24 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface AccordionItem {
     value: string;
-    trigger: string | React.ReactNode;
-    content: React.ReactNode;
+    trigger: string | React__default.ReactNode;
+    content: React__default.ReactNode;
     /** Icon name from @expo/vector-icons rendered left of trigger. */
     iconName?: string;
     /** Custom icon node rendered left of trigger. */
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /** Override icon color. Defaults to foregroundMuted. */
     iconColor?: string;
+    /**
     /**
      * Action buttons rendered after the trigger content but before the chevron.
      * Automatically touch-isolated — taps on actions won't toggle the accordion.
      * Use this instead of embedding interactive elements inside `trigger`.
      */
-    triggerActions?: React.ReactNode;
+    triggerActions?: React__default.ReactNode;
+    accessibilityHint?: string;
 }
 interface AccordionProps {
     items: AccordionItem[];
@@ -29,6 +31,6 @@ interface AccordionProps {
     defaultValue?: string | string[];
     style?: ViewStyle;
 }
-declare function Accordion({ items, type, defaultValue, style }: AccordionProps): React.JSX.Element;
+declare function Accordion({ items, type, defaultValue, style }: AccordionProps): React__default.JSX.Element;
 
 export { Accordion, type AccordionItem, type AccordionProps };

package/dist/Accordion.js

@@ -4,6 +4,7 @@ var React3 = require('react');
 var reactNative = require('react-native');
 var Animated = require('react-native-reanimated');
 var vectorIcons = require('@expo/vector-icons');
+var Haptics = require('expo-haptics');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
 var Entypo = require('@expo/vector-icons/Entypo');
@@ -15,8 +16,27 @@ var pressto = require('pressto');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
 var React3__default = /*#__PURE__*/_interopDefault(React3);
 var Animated__default = /*#__PURE__*/_interopDefault(Animated);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
@@ -25,22 +45,11 @@ var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
 
 // src/components/Accordion/Accordion.tsx
-var _haptics = null;
-var _loaded = false;
-async function getHaptics() {
-  if (reactNative.Platform.OS === "web") return null;
-  if (!_loaded) {
-    _loaded = true;
-    try {
-      _haptics = await import('expo-haptics');
-    } catch {
-      _haptics = null;
-    }
-  }
-  return _haptics;
+function maybeHaptics() {
+  return reactNative.Platform.OS === "web" ? null : Haptics__namespace;
 }
 function selectionAsync() {
-  getHaptics().then((h) => h?.selectionAsync());
+  maybeHaptics()?.selectionAsync();
 }
 var ThemeContext = React3.createContext(void 0);
 function useTheme() {
@@ -62,23 +71,17 @@ var ALL_FAMILIES = [
   { name: "MaterialIcons", component: MaterialIcons__default.default },
   { name: "Ionicons", component: Ionicons__default.default }
 ];
-var glyphCacheInitialized = false;
-function ensureGlyphCache() {
-  if (glyphCacheInitialized) return;
-  glyphCacheInitialized = true;
-  for (const entry of ALL_FAMILIES) {
-    try {
-      entry.glyphMap = entry.component.glyphMap;
-    } catch {
-      entry.glyphMap = {};
-    }
+function getGlyphMap(component) {
+  try {
+    return component.glyphMap ?? {};
+  } catch {
+    return {};
   }
 }
 function Icon({ name, size, color, family }) {
-  ensureGlyphCache();
   const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
-    const glyphMap = f.glyphMap;
-    return glyphMap ? name in glyphMap : false;
+    const glyphMap = getGlyphMap(f.component);
+    return name in glyphMap;
   });
   if (!entry) return null;
   return React3__default.default.createElement(entry.component, { name, size, color });
@@ -111,24 +114,20 @@ function AccordionItemComponent({
   React3__default.default.useEffect(() => {
     isExpanded.value = isOpen;
   }, [isOpen, isExpanded]);
-  const derivedHeight = Animated.useDerivedValue(
-    () => Animated.withTiming(height.value * Number(isExpanded.value), {
-      duration: isExpanded.value ? TIMINGS.expand.duration : TIMINGS.collapse.duration,
-      easing: isExpanded.value ? Animated.Easing.bezier(0.23, 1, 0.32, 1) : Animated.Easing.in(Animated.Easing.ease)
-    })
-  );
-  const derivedRotation = Animated.useDerivedValue(
-    () => Animated.withTiming(isExpanded.value ? 1 : 0, {
+  const bodyStyle = Animated.useAnimatedStyle(() => ({
+    height: Animated.withTiming(height.value * Number(isExpanded.value), {
       duration: isExpanded.value ? TIMINGS.expand.duration : TIMINGS.collapse.duration,
       easing: isExpanded.value ? Animated.Easing.bezier(0.23, 1, 0.32, 1) : Animated.Easing.in(Animated.Easing.ease)
-    })
-  );
-  const bodyStyle = Animated.useAnimatedStyle(() => ({
-    height: derivedHeight.value,
+    }),
     overflow: "hidden"
   }));
   const rotationStyle = Animated.useAnimatedStyle(() => ({
-    transform: [{ rotate: `${derivedRotation.value * 180}deg` }]
+    transform: [{
+      rotate: `${Animated.withTiming(isExpanded.value ? 1 : 0, {
+        duration: isExpanded.value ? TIMINGS.expand.duration : TIMINGS.collapse.duration,
+        easing: isExpanded.value ? Animated.Easing.bezier(0.23, 1, 0.32, 1) : Animated.Easing.in(Animated.Easing.ease)
+      }) * 180}deg`
+    }]
   }));
   return /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: [styles.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React3__default.default.createElement(
     PressableRow,
@@ -142,6 +141,7 @@ function AccordionItemComponent({
       accessibilityRole: "button",
       accessibilityState: { expanded: isOpen },
       accessibilityLabel: typeof item.trigger === "string" ? item.trigger : void 0,
+      accessibilityHint: item.accessibilityHint,
       style: styles.trigger
     },
     /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.triggerContent }, resolvedIcon ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.icon }, resolvedIcon) : null, typeof item.trigger === "string" ? /* @__PURE__ */ React3__default.default.createElement(reactNative.Text, { style: [styles.triggerText, { color: colors.foreground }], allowFontScaling: true }, item.trigger) : item.trigger),

package/dist/Accordion.mjs

@@ -1,8 +1,7 @@
-export { Accordion } from './chunk-CBIZLRYH.mjs';
+export { Accordion } from './chunk-Y5TPAKOS.mjs';
 import './chunk-M53LC4Q7.mjs';
 import './chunk-IFYMBOEN.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/AlertBanner.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type AlertBannerVariant = 'default' | 'destructive' | 'success' | 'warning';
@@ -6,13 +6,13 @@ interface AlertBannerProps {
     title: string;
     description?: string;
     variant?: AlertBannerVariant;
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     iconName?: string;
     iconColor?: string;
     /** Called when the user taps the dismiss (×) button. If omitted, no button is shown. */
     onDismiss?: () => void;
     style?: ViewStyle;
 }
-declare function AlertBanner({ title, description, variant, icon, iconName, iconColor, onDismiss, style }: AlertBannerProps): React.JSX.Element;
+declare function AlertBanner({ title, description, variant, icon, iconName, iconColor, onDismiss, style }: AlertBannerProps): React__default.JSX.Element;
 
 export { AlertBanner, type AlertBannerProps, type AlertBannerVariant };

package/dist/AlertBanner.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type AlertBannerVariant = 'default' | 'destructive' | 'success' | 'warning';
@@ -6,13 +6,13 @@ interface AlertBannerProps {
     title: string;
     description?: string;
     variant?: AlertBannerVariant;
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     iconName?: string;
     iconColor?: string;
     /** Called when the user taps the dismiss (×) button. If omitted, no button is shown. */
     onDismiss?: () => void;
     style?: ViewStyle;
 }
-declare function AlertBanner({ title, description, variant, icon, iconName, iconColor, onDismiss, style }: AlertBannerProps): React.JSX.Element;
+declare function AlertBanner({ title, description, variant, icon, iconName, iconColor, onDismiss, style }: AlertBannerProps): React__default.JSX.Element;
 
 export { AlertBanner, type AlertBannerProps, type AlertBannerVariant };

package/dist/AlertBanner.js

@@ -42,23 +42,17 @@ var ALL_FAMILIES = [
   { name: "MaterialIcons", component: MaterialIcons__default.default },
   { name: "Ionicons", component: Ionicons__default.default }
 ];
-var glyphCacheInitialized = false;
-function ensureGlyphCache() {
-  if (glyphCacheInitialized) return;
-  glyphCacheInitialized = true;
-  for (const entry of ALL_FAMILIES) {
-    try {
-      entry.glyphMap = entry.component.glyphMap;
-    } catch {
-      entry.glyphMap = {};
-    }
+function getGlyphMap(component) {
+  try {
+    return component.glyphMap ?? {};
+  } catch {
+    return {};
   }
 }
 function Icon({ name, size, color, family }) {
-  ensureGlyphCache();
   const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
-    const glyphMap = f.glyphMap;
-    return glyphMap ? name in glyphMap : false;
+    const glyphMap = getGlyphMap(f.component);
+    return name in glyphMap;
   });
   if (!entry) return null;
   return React3__default.default.createElement(entry.component, { name, size, color });

package/dist/AlertBanner.mjs

@@ -1,6 +1,5 @@
-export { AlertBanner } from './chunk-K7TKID3V.mjs';
-import './chunk-QY3X2UYR.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+export { AlertBanner } from './chunk-K4YFTUMC.mjs';
+import './chunk-DYYPDQA2.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/AppHeader.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface AppHeaderProps {
@@ -10,10 +10,12 @@ interface AppHeaderProps {
     onBack?: () => void;
     /** Icon name for the back button. Defaults to `'chevron-left'`. */
     backIconName?: string;
-    /** Custom left content — overrides the back button. */
-    left?: React.ReactNode;
+    /** Icon name for a decorative icon shown left of the title, after the back button. Ignored when `left` is provided. */
+    iconName?: string;
+    /** Custom left content — overrides the back button and `iconName`. */
+    left?: React__default.ReactNode;
     /** Custom right content (actions). */
-    right?: React.ReactNode;
+    right?: React__default.ReactNode;
     /**
      * Title alignment.
      * - `'auto'` (default): left on narrow screens, centered when width ≥ `BREAKPOINTS.wide`.
@@ -34,7 +36,8 @@ interface AppHeaderProps {
  *
  * @example
  * <AppHeader title="Settings" onBack={navigation.goBack} right={<IconButton iconName="more-horizontal" variant="text" />} />
+ * <AppHeader title="Perfil" iconName="user" onBack={navigation.goBack} />
  */
-declare function AppHeader({ title, subtitle, onBack, backIconName, left, right, titleAlign, bordered, withSafeArea, backgroundColor, style, }: AppHeaderProps): React.JSX.Element;
+declare function AppHeader({ title, subtitle, onBack, backIconName, iconName, left, right, titleAlign, bordered, withSafeArea, backgroundColor, style, }: AppHeaderProps): React__default.JSX.Element;
 
 export { AppHeader, type AppHeaderProps };

package/dist/AppHeader.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface AppHeaderProps {
@@ -10,10 +10,12 @@ interface AppHeaderProps {
     onBack?: () => void;
     /** Icon name for the back button. Defaults to `'chevron-left'`. */
     backIconName?: string;
-    /** Custom left content — overrides the back button. */
-    left?: React.ReactNode;
+    /** Icon name for a decorative icon shown left of the title, after the back button. Ignored when `left` is provided. */
+    iconName?: string;
+    /** Custom left content — overrides the back button and `iconName`. */
+    left?: React__default.ReactNode;
     /** Custom right content (actions). */
-    right?: React.ReactNode;
+    right?: React__default.ReactNode;
     /**
      * Title alignment.
      * - `'auto'` (default): left on narrow screens, centered when width ≥ `BREAKPOINTS.wide`.
@@ -34,7 +36,8 @@ interface AppHeaderProps {
  *
  * @example
  * <AppHeader title="Settings" onBack={navigation.goBack} right={<IconButton iconName="more-horizontal" variant="text" />} />
+ * <AppHeader title="Perfil" iconName="user" onBack={navigation.goBack} />
  */
-declare function AppHeader({ title, subtitle, onBack, backIconName, left, right, titleAlign, bordered, withSafeArea, backgroundColor, style, }: AppHeaderProps): React.JSX.Element;
+declare function AppHeader({ title, subtitle, onBack, backIconName, iconName, left, right, titleAlign, bordered, withSafeArea, backgroundColor, style, }: AppHeaderProps): React__default.JSX.Element;
 
 export { AppHeader, type AppHeaderProps };

package/dist/AppHeader.js

@@ -3,6 +3,7 @@
 var React4 = require('react');
 var reactNative = require('react-native');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
+var Haptics = require('expo-haptics');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
 var Entypo = require('@expo/vector-icons/Entypo');
@@ -14,7 +15,26 @@ var pressto = require('pressto');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
 var React4__default = /*#__PURE__*/_interopDefault(React4);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
@@ -31,22 +51,11 @@ function useTheme() {
   }
   return context;
 }
-var _haptics = null;
-var _loaded = false;
-async function getHaptics() {
-  if (reactNative.Platform.OS === "web") return null;
-  if (!_loaded) {
-    _loaded = true;
-    try {
-      _haptics = await import('expo-haptics');
-    } catch {
-      _haptics = null;
-    }
-  }
-  return _haptics;
+function maybeHaptics() {
+  return reactNative.Platform.OS === "web" ? null : Haptics__namespace;
 }
 function impactLight() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Light);
 }
 var isWeb = reactNative.Platform.OS === "web";
 var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
@@ -61,23 +70,17 @@ var ALL_FAMILIES = [
   { name: "MaterialIcons", component: MaterialIcons__default.default },
   { name: "Ionicons", component: Ionicons__default.default }
 ];
-var glyphCacheInitialized = false;
-function ensureGlyphCache() {
-  if (glyphCacheInitialized) return;
-  glyphCacheInitialized = true;
-  for (const entry of ALL_FAMILIES) {
-    try {
-      entry.glyphMap = entry.component.glyphMap;
-    } catch {
-      entry.glyphMap = {};
-    }
+function getGlyphMap(component) {
+  try {
+    return component.glyphMap ?? {};
+  } catch {
+    return {};
   }
 }
 function Icon({ name, size, color, family }) {
-  ensureGlyphCache();
   const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
-    const glyphMap = f.glyphMap;
-    return glyphMap ? name in glyphMap : false;
+    const glyphMap = getGlyphMap(f.component);
+    return name in glyphMap;
   });
   if (!entry) return null;
   return React4__default.default.createElement(entry.component, { name, size, color });
@@ -215,6 +218,7 @@ function AppHeader({
   subtitle,
   onBack,
   backIconName = "chevron-left",
+  iconName,
   left,
   right,
   titleAlign = "auto",
@@ -228,7 +232,7 @@ function AppHeader({
   const { width } = reactNative.useWindowDimensions();
   const isWide = width >= BREAKPOINTS.wide;
   const centered = titleAlign === "center" || titleAlign === "auto" && isWide;
-  const leftNode = left ?? (onBack ? /* @__PURE__ */ React4__default.default.createElement(
+  const leftNode = left ?? /* @__PURE__ */ React4__default.default.createElement(React4__default.default.Fragment, null, onBack ? /* @__PURE__ */ React4__default.default.createElement(
     IconButton,
     {
       iconName: backIconName,
@@ -237,7 +241,7 @@ function AppHeader({
       onPress: onBack,
       accessibilityLabel: "Atr\xE1s"
     }
-  ) : null);
+  ) : null, iconName && !left ? /* @__PURE__ */ React4__default.default.createElement(reactNative.View, { style: styles2.iconSlot }, /* @__PURE__ */ React4__default.default.createElement(Icon, { name: iconName, size: 20, color: colors.foreground })) : null);
   const titleBlock = /* @__PURE__ */ React4__default.default.createElement(reactNative.View, { style: [styles2.titleBlock, centered && styles2.titleBlockCentered], pointerEvents: "none" }, title ? /* @__PURE__ */ React4__default.default.createElement(
     reactNative.Text,
     {
@@ -287,10 +291,13 @@ var styles2 = reactNative.StyleSheet.create({
     minWidth: s(44),
     flexDirection: "row",
     alignItems: "center",
-    justifyContent: "flex-start"
+    justifyContent: "flex-start",
+    paddingLeft: s(8),
+    gap: s(4)
   },
   sideRight: {
-    justifyContent: "flex-end"
+    justifyContent: "flex-end",
+    paddingRight: s(8)
   },
   titleBlock: {
     flex: 1,
@@ -311,6 +318,12 @@ var styles2 = reactNative.StyleSheet.create({
     fontSize: ms(13),
     lineHeight: mvs(16)
   },
+  iconSlot: {
+    width: s(44),
+    height: s(44),
+    alignItems: "center",
+    justifyContent: "center"
+  },
   textCentered: {
     textAlign: "center"
   }

package/dist/AppHeader.mjs

@@ -1,9 +1,8 @@
-export { AppHeader } from './chunk-6CR4S6W2.mjs';
-import './chunk-ZTPYUU5C.mjs';
+export { AppHeader } from './chunk-2J5OZOMX.mjs';
+import './chunk-ZRUUUVOO.mjs';
 import './chunk-IFYMBOEN.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-QY3X2UYR.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-DYYPDQA2.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/Avatar.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
@@ -14,8 +14,8 @@ interface AvatarProps {
     status?: AvatarStatus;
     style?: ViewStyle;
 }
-declare function AvatarBase({ src, fallback, fallbackText, size, status, style }: AvatarProps): React.JSX.Element;
-declare const Avatar: React.MemoExoticComponent<typeof AvatarBase>;
+declare function AvatarBase({ src, fallback, fallbackText, size, status, style }: AvatarProps): React__default.JSX.Element;
+declare const Avatar: React__default.MemoExoticComponent<typeof AvatarBase>;
 interface AvatarGroupProps {
     users: {
         name: string;
@@ -31,6 +31,6 @@ interface AvatarGroupProps {
     onOverflowPress?: () => void;
     style?: ViewStyle;
 }
-declare function AvatarGroup({ users, max, size, overlap, onOverflowPress, style, }: AvatarGroupProps): React.JSX.Element;
+declare function AvatarGroup({ users, max, size, overlap, onOverflowPress, style, }: AvatarGroupProps): React__default.JSX.Element;
 
 export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize };

package/dist/Avatar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
@@ -14,8 +14,8 @@ interface AvatarProps {
     status?: AvatarStatus;
     style?: ViewStyle;
 }
-declare function AvatarBase({ src, fallback, fallbackText, size, status, style }: AvatarProps): React.JSX.Element;
-declare const Avatar: React.MemoExoticComponent<typeof AvatarBase>;
+declare function AvatarBase({ src, fallback, fallbackText, size, status, style }: AvatarProps): React__default.JSX.Element;
+declare const Avatar: React__default.MemoExoticComponent<typeof AvatarBase>;
 interface AvatarGroupProps {
     users: {
         name: string;
@@ -31,6 +31,6 @@ interface AvatarGroupProps {
     onOverflowPress?: () => void;
     style?: ViewStyle;
 }
-declare function AvatarGroup({ users, max, size, overlap, onOverflowPress, style, }: AvatarGroupProps): React.JSX.Element;
+declare function AvatarGroup({ users, max, size, overlap, onOverflowPress, style, }: AvatarGroupProps): React__default.JSX.Element;
 
 export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize };

package/dist/Avatar.mjs

@@ -1,4 +1,3 @@
-export { Avatar, AvatarGroup } from './chunk-IGU223UM.mjs';
-import './chunk-KSSVIFYR.mjs';
+export { Avatar, AvatarGroup } from './chunk-SWUZKVYO.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/Badge.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'successOutline' | 'destructiveOutline' | 'warningOutline';
@@ -6,11 +6,11 @@ type BadgeSize = 'sm' | 'md' | 'lg';
 interface BadgeProps {
     label?: string;
     /** Alternative to \`label\` — allows JSX children. */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     variant?: BadgeVariant;
     size?: BadgeSize;
     /** Icon rendered before the label/children. */
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /**
      * Icon name from `@expo/vector-icons` rendered before the label.
      * See https://icons.expo.fyi. Takes precedence over `icon`.
@@ -20,7 +20,7 @@ interface BadgeProps {
     iconColor?: string;
     style?: ViewStyle;
 }
-declare function BadgeBase({ label, children, variant, size, icon, iconName, iconColor, style }: BadgeProps): React.JSX.Element;
-declare const Badge: React.MemoExoticComponent<typeof BadgeBase>;
+declare function BadgeBase({ label, children, variant, size, icon, iconName, iconColor, style }: BadgeProps): React__default.JSX.Element;
+declare const Badge: React__default.MemoExoticComponent<typeof BadgeBase>;
 
 export { Badge, type BadgeProps, type BadgeVariant };

package/dist/Badge.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'successOutline' | 'destructiveOutline' | 'warningOutline';
@@ -6,11 +6,11 @@ type BadgeSize = 'sm' | 'md' | 'lg';
 interface BadgeProps {
     label?: string;
     /** Alternative to \`label\` — allows JSX children. */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     variant?: BadgeVariant;
     size?: BadgeSize;
     /** Icon rendered before the label/children. */
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /**
      * Icon name from `@expo/vector-icons` rendered before the label.
      * See https://icons.expo.fyi. Takes precedence over `icon`.
@@ -20,7 +20,7 @@ interface BadgeProps {
     iconColor?: string;
     style?: ViewStyle;
 }
-declare function BadgeBase({ label, children, variant, size, icon, iconName, iconColor, style }: BadgeProps): React.JSX.Element;
-declare const Badge: React.MemoExoticComponent<typeof BadgeBase>;
+declare function BadgeBase({ label, children, variant, size, icon, iconName, iconColor, style }: BadgeProps): React__default.JSX.Element;
+declare const Badge: React__default.MemoExoticComponent<typeof BadgeBase>;
 
 export { Badge, type BadgeProps, type BadgeVariant };