@retray-dev/ui-kit 13.2.0 → 13.4.0

package/dist/{ListGroup.js → ItemGroup.js}

@@ -8,7 +8,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React2__default = /*#__PURE__*/_interopDefault(React2);
 
-// src/components/ListGroup/ListGroup.tsx
+// src/components/ItemGroup/ItemGroup.tsx
 var ThemeContext = React2.createContext(void 0);
 function useTheme() {
   const context = React2.useContext(ThemeContext);
@@ -25,17 +25,17 @@ var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
 var RADIUS = {
   md: 14};
 
-// src/components/ListGroup/ListGroup.tsx
-function ListGroup({ children, variant = "plain", style }) {
+// src/components/ItemGroup/ItemGroup.tsx
+function ItemGroup({ children, variant = "plain", childPropKey, style }) {
   const { colors } = useTheme();
   const processedChildren = React2__default.default.Children.map(children, (child, index) => {
     if (!React2__default.default.isValidElement(child)) return child;
-    if (child.type === ListGroupHeader || child.type === ListGroupFooter) {
+    if (child.type === ItemGroupHeader || child.type === ItemGroupFooter) {
       return child;
     }
     const childProps = child.props;
-    const isListItem = "title" in childProps;
-    if (!isListItem) return child;
+    const isTargetChild = childPropKey in childProps;
+    if (!isTargetChild) return child;
     const isLast = index === React2__default.default.Children.count(children) - 1;
     if (childProps["showSeparator"] === void 0 && !isLast) {
       return React2__default.default.cloneElement(child, {
@@ -58,22 +58,20 @@ function ListGroup({ children, variant = "plain", style }) {
   } : {};
   return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.container, cardStyle, style] }, processedChildren);
 }
-function ListGroupHeader({ children, style }) {
+function ItemGroupHeader({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
     return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React2__default.default.createElement(reactNative.Text, { style: [styles.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
   return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.header, { borderBottomColor: colors.separator }, style] }, children);
 }
-function ListGroupFooter({ children, style }) {
+function ItemGroupFooter({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
     return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.footer, style] }, /* @__PURE__ */ React2__default.default.createElement(reactNative.Text, { style: [styles.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
   return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.footer, style] }, children);
 }
-ListGroup.Header = ListGroupHeader;
-ListGroup.Footer = ListGroupFooter;
 var styles = reactNative.StyleSheet.create({
   container: {
     overflow: "hidden"
@@ -101,6 +99,6 @@ var styles = reactNative.StyleSheet.create({
   }
 });
 
-exports.ListGroup = ListGroup;
-exports.ListGroupFooter = ListGroupFooter;
-exports.ListGroupHeader = ListGroupHeader;
+exports.ItemGroup = ItemGroup;
+exports.ItemGroupFooter = ItemGroupFooter;
+exports.ItemGroupHeader = ItemGroupHeader;

package/dist/ItemGroup.mjs

@@ -0,0 +1,4 @@
+export { ItemGroup, ItemGroupFooter, ItemGroupHeader } from './chunk-2DDJ53DK.mjs';
+import './chunk-DYYPDQA2.mjs';
+import './chunk-ZQGCQ7SA.mjs';
+import './chunk-2CE3TQVY.mjs';

package/dist/LabelValue.d.mts

@@ -1,16 +1,16 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface LabelValueProps {
     label: string;
-    value: string | React.ReactNode;
+    value: string | React__default.ReactNode;
     /** Icon name from @expo/vector-icons rendered left of label. */
     iconName?: string;
     /** Override icon color. Defaults to foregroundMuted. */
     iconColor?: string;
     style?: ViewStyle;
 }
-declare function LabelValueBase({ label, value, iconName, iconColor, style }: LabelValueProps): React.JSX.Element;
-declare const LabelValue: React.MemoExoticComponent<typeof LabelValueBase>;
+declare function LabelValueBase({ label, value, iconName, iconColor, style }: LabelValueProps): React__default.JSX.Element;
+declare const LabelValue: React__default.MemoExoticComponent<typeof LabelValueBase>;
 
 export { LabelValue, type LabelValueProps };

package/dist/LabelValue.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface LabelValueProps {
     label: string;
-    value: string | React.ReactNode;
+    value: string | React__default.ReactNode;
     /** Icon name from @expo/vector-icons rendered left of label. */
     iconName?: string;
     /** Override icon color. Defaults to foregroundMuted. */
     iconColor?: string;
     style?: ViewStyle;
 }
-declare function LabelValueBase({ label, value, iconName, iconColor, style }: LabelValueProps): React.JSX.Element;
-declare const LabelValue: React.MemoExoticComponent<typeof LabelValueBase>;
+declare function LabelValueBase({ label, value, iconName, iconColor, style }: LabelValueProps): React__default.JSX.Element;
+declare const LabelValue: React__default.MemoExoticComponent<typeof LabelValueBase>;
 
 export { LabelValue, type LabelValueProps };

package/dist/LabelValue.js

@@ -41,23 +41,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/LabelValue.mjs

@@ -1,4 +1,4 @@
-export { LabelValue } from './chunk-DE25XTVQ.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+export { LabelValue } from './chunk-3VHFOSZR.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/ListItem.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ImageSourcePropType, ViewStyle, TextStyle } from 'react-native';
 
 type ListItemVariant = 'plain' | 'card';
@@ -12,16 +12,16 @@ interface ListItemProps {
      * Arbitrary content rendered on the left (avatar, icon, image, etc.).
      * Rendered inside a 44×44 aligned container.
      */
-    leftRender?: React.ReactNode;
+    leftRender?: React__default.ReactNode;
     /**
      * Arbitrary content rendered on the right (badge, price, chevron, switch, etc.).
      */
-    rightRender?: React.ReactNode | string;
+    rightRender?: React__default.ReactNode | string;
     /**
      * Multiple action buttons rendered on the right with automatic gap.
      * Takes precedence over `rightRender` and `showChevron`.
      */
-    rightActions?: React.ReactNode[];
+    rightActions?: React__default.ReactNode[];
     /**
      * Icon name from `@expo/vector-icons` rendered in the left slot.
      * See https://icons.expo.fyi. Takes precedence over `leftRender`.
@@ -66,7 +66,7 @@ interface ListItemProps {
     accessibilityLabel?: string;
     accessibilityHint?: string;
 }
-declare function ListItemBase({ imageSource, leftRender, rightRender, rightActions, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, accessibilityHint, }: ListItemProps): React.JSX.Element;
-declare const ListItem: React.MemoExoticComponent<typeof ListItemBase>;
+declare function ListItemBase({ imageSource, leftRender, rightRender, rightActions, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, accessibilityHint, }: ListItemProps): React__default.JSX.Element;
+declare const ListItem: React__default.MemoExoticComponent<typeof ListItemBase>;
 
 export { ListItem, type ListItemProps };

package/dist/ListItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ImageSourcePropType, ViewStyle, TextStyle } from 'react-native';
 
 type ListItemVariant = 'plain' | 'card';
@@ -12,16 +12,16 @@ interface ListItemProps {
      * Arbitrary content rendered on the left (avatar, icon, image, etc.).
      * Rendered inside a 44×44 aligned container.
      */
-    leftRender?: React.ReactNode;
+    leftRender?: React__default.ReactNode;
     /**
      * Arbitrary content rendered on the right (badge, price, chevron, switch, etc.).
      */
-    rightRender?: React.ReactNode | string;
+    rightRender?: React__default.ReactNode | string;
     /**
      * Multiple action buttons rendered on the right with automatic gap.
      * Takes precedence over `rightRender` and `showChevron`.
      */
-    rightActions?: React.ReactNode[];
+    rightActions?: React__default.ReactNode[];
     /**
      * Icon name from `@expo/vector-icons` rendered in the left slot.
      * See https://icons.expo.fyi. Takes precedence over `leftRender`.
@@ -66,7 +66,7 @@ interface ListItemProps {
     accessibilityLabel?: string;
     accessibilityHint?: string;
 }
-declare function ListItemBase({ imageSource, leftRender, rightRender, rightActions, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, accessibilityHint, }: ListItemProps): React.JSX.Element;
-declare const ListItem: React.MemoExoticComponent<typeof ListItemBase>;
+declare function ListItemBase({ imageSource, leftRender, rightRender, rightActions, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, accessibilityHint, }: ListItemProps): React__default.JSX.Element;
+declare const ListItem: React__default.MemoExoticComponent<typeof ListItemBase>;
 
 export { ListItem, type ListItemProps };

package/dist/ListItem.js

@@ -4,6 +4,7 @@ var React3 = require('react');
 var expoImage = require('expo-image');
 var reactNative = require('react-native');
 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,7 +16,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 React3__default = /*#__PURE__*/_interopDefault(React3);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
@@ -24,22 +44,11 @@ var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
 
 // src/components/ListItem/ListItem.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 });

package/dist/ListItem.mjs

@@ -1,7 +1,7 @@
-export { ListItem } from './chunk-CZN6L2QU.mjs';
+export { ListItem } from './chunk-6T2DVIQT.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';

package/dist/MediaCard.d.mts

@@ -1,12 +1,12 @@
-import React from 'react';
+import React__default from 'react';
 import { ImageSourcePropType, ViewStyle } from 'react-native';
 
 type MediaCardAspectRatio = '1:1' | '4:3' | '16:9' | '4:5' | '3:2';
 interface MediaCardProps {
     imageSource?: ImageSourcePropType;
     aspectRatio?: MediaCardAspectRatio;
-    badge?: React.ReactNode;
-    actionIcon?: React.ReactNode;
+    badge?: React__default.ReactNode;
+    actionIcon?: React__default.ReactNode;
     actionIconName?: string;
     actionActive?: boolean;
     onActionPress?: () => void;
@@ -16,10 +16,10 @@ interface MediaCardProps {
     onPress?: () => void;
     style?: ViewStyle;
     imageStyle?: ViewStyle;
-    footer?: React.ReactNode;
+    footer?: React__default.ReactNode;
     accessibilityLabel?: string;
 }
-declare function MediaCardBase({ imageSource, aspectRatio, badge, actionIcon, actionIconName, actionActive, onActionPress, title, subtitle, caption, onPress, style, imageStyle, footer, accessibilityLabel, }: MediaCardProps): React.JSX.Element;
-declare const MediaCard: React.MemoExoticComponent<typeof MediaCardBase>;
+declare function MediaCardBase({ imageSource, aspectRatio, badge, actionIcon, actionIconName, actionActive, onActionPress, title, subtitle, caption, onPress, style, imageStyle, footer, accessibilityLabel, }: MediaCardProps): React__default.JSX.Element;
+declare const MediaCard: React__default.MemoExoticComponent<typeof MediaCardBase>;
 
 export { MediaCard, type MediaCardAspectRatio, type MediaCardProps };

package/dist/MediaCard.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
+import React__default from 'react';
 import { ImageSourcePropType, ViewStyle } from 'react-native';
 
 type MediaCardAspectRatio = '1:1' | '4:3' | '16:9' | '4:5' | '3:2';
 interface MediaCardProps {
     imageSource?: ImageSourcePropType;
     aspectRatio?: MediaCardAspectRatio;
-    badge?: React.ReactNode;
-    actionIcon?: React.ReactNode;
+    badge?: React__default.ReactNode;
+    actionIcon?: React__default.ReactNode;
     actionIconName?: string;
     actionActive?: boolean;
     onActionPress?: () => void;
@@ -16,10 +16,10 @@ interface MediaCardProps {
     onPress?: () => void;
     style?: ViewStyle;
     imageStyle?: ViewStyle;
-    footer?: React.ReactNode;
+    footer?: React__default.ReactNode;
     accessibilityLabel?: string;
 }
-declare function MediaCardBase({ imageSource, aspectRatio, badge, actionIcon, actionIconName, actionActive, onActionPress, title, subtitle, caption, onPress, style, imageStyle, footer, accessibilityLabel, }: MediaCardProps): React.JSX.Element;
-declare const MediaCard: React.MemoExoticComponent<typeof MediaCardBase>;
+declare function MediaCardBase({ imageSource, aspectRatio, badge, actionIcon, actionIconName, actionActive, onActionPress, title, subtitle, caption, onPress, style, imageStyle, footer, accessibilityLabel, }: MediaCardProps): React__default.JSX.Element;
+declare const MediaCard: React__default.MemoExoticComponent<typeof MediaCardBase>;
 
 export { MediaCard, type MediaCardAspectRatio, type MediaCardProps };

package/dist/MediaCard.js

@@ -3,6 +3,7 @@
 var React3 = require('react');
 var expoImage = require('expo-image');
 var reactNative = require('react-native');
+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 React3__default = /*#__PURE__*/_interopDefault(React3);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
@@ -23,22 +43,11 @@ var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
 
 // src/components/MediaCard/MediaCard.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 impactLight() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Light);
 }
 var ThemeContext = React3.createContext(void 0);
 function useTheme() {
@@ -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 React3__default.default.createElement(entry.component, { name, size, color });

package/dist/MediaCard.mjs

@@ -1,7 +1,7 @@
-export { MediaCard } from './chunk-CM2DG4MR.mjs';
+export { MediaCard } from './chunk-MSS3CD6F.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';

package/dist/MenuItem.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 
 type MenuItemVariant = 'plain' | 'card';
@@ -12,7 +12,7 @@ interface MenuItemProps {
      */
     iconName?: string;
     /** Custom icon node rendered on the left. */
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /** Override icon color. Defaults to `foreground`. */
     iconColor?: string;
     /**
@@ -20,7 +20,7 @@ interface MenuItemProps {
      * When provided, replaces the default chevron.
      * Use for checkboxes, switches, badges, or other controls.
      */
-    rightRender?: React.ReactNode;
+    rightRender?: React__default.ReactNode;
     /**
      * Show chevron on the right. Defaults to `true`.
      * Ignored when `rightRender` is provided.
@@ -43,7 +43,7 @@ interface MenuItemProps {
     accessibilityLabel?: string;
     accessibilityHint?: string;
 }
-declare function MenuItemBase({ label, subtitle, iconName, icon, iconColor, rightRender, showChevron, onPress, disabled, variant, showSeparator, style, labelStyle, accessibilityLabel, accessibilityHint, }: MenuItemProps): React.JSX.Element;
-declare const MenuItem: React.MemoExoticComponent<typeof MenuItemBase>;
+declare function MenuItemBase({ label, subtitle, iconName, icon, iconColor, rightRender, showChevron, onPress, disabled, variant, showSeparator, style, labelStyle, accessibilityLabel, accessibilityHint, }: MenuItemProps): React__default.JSX.Element;
+declare const MenuItem: React__default.MemoExoticComponent<typeof MenuItemBase>;
 
 export { MenuItem, type MenuItemProps, type MenuItemVariant };

package/dist/MenuItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 
 type MenuItemVariant = 'plain' | 'card';
@@ -12,7 +12,7 @@ interface MenuItemProps {
      */
     iconName?: string;
     /** Custom icon node rendered on the left. */
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     /** Override icon color. Defaults to `foreground`. */
     iconColor?: string;
     /**
@@ -20,7 +20,7 @@ interface MenuItemProps {
      * When provided, replaces the default chevron.
      * Use for checkboxes, switches, badges, or other controls.
      */
-    rightRender?: React.ReactNode;
+    rightRender?: React__default.ReactNode;
     /**
      * Show chevron on the right. Defaults to `true`.
      * Ignored when `rightRender` is provided.
@@ -43,7 +43,7 @@ interface MenuItemProps {
     accessibilityLabel?: string;
     accessibilityHint?: string;
 }
-declare function MenuItemBase({ label, subtitle, iconName, icon, iconColor, rightRender, showChevron, onPress, disabled, variant, showSeparator, style, labelStyle, accessibilityLabel, accessibilityHint, }: MenuItemProps): React.JSX.Element;
-declare const MenuItem: React.MemoExoticComponent<typeof MenuItemBase>;
+declare function MenuItemBase({ label, subtitle, iconName, icon, iconColor, rightRender, showChevron, onPress, disabled, variant, showSeparator, style, labelStyle, accessibilityLabel, accessibilityHint, }: MenuItemProps): React__default.JSX.Element;
+declare const MenuItem: React__default.MemoExoticComponent<typeof MenuItemBase>;
 
 export { MenuItem, type MenuItemProps, type MenuItemVariant };