radix-native-ui 0.1.1 → 0.1.2

package/dist/index.cjs

@@ -3961,10 +3961,10 @@ AnimatedPressable.displayName = "AnimatedPressable";
 //#endregion
 //#region src/components/layout/Box.tsx
 const areEqual$12 = (prevProps, nextProps) => {
-	if (prevProps.children === nextProps.children && prevProps.style === nextProps.style && prevProps.backgroundColor === nextProps.backgroundColor && prevProps.display === nextProps.display && prevProps.flexDirection === nextProps.flexDirection && prevProps.opacity === nextProps.opacity && prevProps.radius === nextProps.radius) return true;
+	if (prevProps.children === nextProps.children && prevProps.style === nextProps.style && prevProps.backgroundColor === nextProps.backgroundColor && prevProps.display === nextProps.display && prevProps.flexDirection === nextProps.flexDirection && prevProps.flex === nextProps.flex && prevProps.opacity === nextProps.opacity && prevProps.radius === nextProps.radius) return true;
 	return false;
 };
-const Box = react.default.memo(react.default.forwardRef(({ asChild = false, children, style, backgroundColor, radius, display, flexDirection, justifyContent, alignItems, flexWrap, flexGrow, flexShrink, flexBasis, alignSelf, width, height, minWidth, maxWidth, minHeight, maxHeight, position, top, right, bottom, left, zIndex, overflow, margin, marginTop, marginBottom, marginLeft, marginRight, marginHorizontal, marginVertical, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingHorizontal, paddingVertical, borderWidth, borderRadius: borderRadiusProp, borderColor, opacity, elevation, ...rest }, ref) => {
+const Box = react.default.memo(react.default.forwardRef(({ asChild = false, children, style, backgroundColor, radius, display, flexDirection, justifyContent, alignItems, flexWrap, flex, flexGrow, flexShrink, flexBasis, alignSelf, width, height, minWidth, maxWidth, minHeight, maxHeight, position, top, right, bottom, left, zIndex, overflow, margin, marginTop, marginBottom, marginLeft, marginRight, marginHorizontal, marginVertical, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingHorizontal, paddingVertical, borderWidth, borderRadius: borderRadiusProp, borderColor, opacity, elevation, ...rest }, ref) => {
 	const theme = useTheme$1();
 	const colors = theme.colors.gray;
 	const radii = theme.radii;
@@ -3988,6 +3988,7 @@ const Box = react.default.memo(react.default.forwardRef(({ asChild = false, chil
 		justifyContent,
 		alignItems,
 		flexWrap,
+		flex,
 		flexGrow,
 		flexShrink,
 		flexBasis,
@@ -4030,6 +4031,7 @@ const Box = react.default.memo(react.default.forwardRef(({ asChild = false, chil
 		justifyContent,
 		alignItems,
 		flexWrap,
+		flex,
 		flexGrow,
 		flexShrink,
 		flexBasis,
@@ -11946,7 +11948,7 @@ const FancyList = ({ data, renderItem, keyExtractor, style, showDividers = true,
 	const backgroundColor = isDark ? grayAlpha["2"] : grayAlpha["1"];
 	const defaultKeyExtractor = (item, index) => {
 		if (keyExtractor) return keyExtractor(item, index);
-		if ("id" in item) return String(item.id);
+		if (item && typeof item === "object" && "id" in item) return String(item.id);
 		return String(index);
 	};
 	const renderListItem = (info) => {

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import React$1, { ReactElement, ReactNode } from "react";
 import * as react_native0 from "react-native";
-import { AccessibilityRole, ActivityIndicator, ActivityIndicatorProps as ActivityIndicatorProps$1, DimensionValue, FlatList, FlatListProps as FlatListProps$1, GestureResponderEvent, Image, ImageProps as ImageProps$1, ImageStyle, KeyboardTypeOptions, PressableProps as PressableProps$1, ScrollView, ScrollViewProps as ScrollViewProps$1, StyleProp, Text as Text$1, TextInput, TextInputProps as TextInputProps$1, TextProps as TextProps$2, TextStyle, TouchableHighlight, TouchableHighlightProps as TouchableHighlightProps$1, TouchableOpacity, TouchableOpacityProps as TouchableOpacityProps$1, View, ViewProps as ViewProps$1, ViewStyle } from "react-native";
+import { AccessibilityRole, ActivityIndicator, ActivityIndicatorProps as ActivityIndicatorProps$1, Animated, DimensionValue, FlatList, FlatListProps as FlatListProps$1, GestureResponderEvent, Image, ImageProps as ImageProps$1, ImageStyle, KeyboardTypeOptions, PressableProps as PressableProps$1, ScrollView, ScrollViewProps as ScrollViewProps$1, StyleProp, Text as Text$1, TextInput, TextInputProps as TextInputProps$1, TextProps as TextProps$2, TextStyle, TouchableHighlightProps as TouchableHighlightProps$1, TouchableOpacityProps as TouchableOpacityProps$1, View, ViewProps as ViewProps$1, ViewStyle } from "react-native";
 
 //#region src/components/primitives/View.d.ts
 interface ViewProps extends ViewProps$1 {
@@ -27,15 +27,15 @@ interface PressableProps extends PressableProps$1 {
    */
   enableHover?: boolean;
 }
-declare const RnPressable: React$1.NamedExoticComponent<PressableProps & React$1.RefAttributes<never>>;
+declare const RnPressable: React$1.NamedExoticComponent<PressableProps & React$1.RefAttributes<react_native0.View>>;
 //#endregion
 //#region src/components/primitives/TouchableOpacity.d.ts
 interface TouchableOpacityProps extends TouchableOpacityProps$1 {}
-declare const RnTouchableOpacity: React$1.NamedExoticComponent<TouchableOpacityProps & React$1.RefAttributes<TouchableOpacity>>;
+declare const RnTouchableOpacity: React$1.NamedExoticComponent<TouchableOpacityProps & React$1.RefAttributes<react_native0.View>>;
 //#endregion
 //#region src/components/primitives/TouchableHighlight.d.ts
 interface TouchableHighlightProps extends TouchableHighlightProps$1 {}
-declare const RnTouchableHighlight: React$1.NamedExoticComponent<TouchableHighlightProps & React$1.RefAttributes<TouchableHighlight>>;
+declare const RnTouchableHighlight: React$1.NamedExoticComponent<TouchableHighlightProps & React$1.RefAttributes<react_native0.View>>;
 //#endregion
 //#region src/components/primitives/Image.d.ts
 interface ImageProps extends ImageProps$1 {
@@ -83,7 +83,7 @@ interface AnimatedPressableProps extends PressableProps {
    */
   hapticFeedback?: boolean;
 }
-declare const AnimatedPressable: React$1.NamedExoticComponent<AnimatedPressableProps & React$1.RefAttributes<never>>;
+declare const AnimatedPressable: React$1.NamedExoticComponent<AnimatedPressableProps & React$1.RefAttributes<react_native0.View | Animated.LegacyRef<react_native0.View>>>;
 //#endregion
 //#region src/theme/types.d.ts
 interface BaseColorScale {
@@ -1170,6 +1170,10 @@ interface BoxProps {
    * Flex wrap
    */
   flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
+  /**
+   * Flex shorthand (maps to React Native's style `flex`)
+   */
+  flex?: number;
   /**
    * Flex grow
    */
@@ -2255,7 +2259,7 @@ interface LinkProps {
   accessibilityLabel?: string;
 }
 type StyleProp$4<T> = T | T[];
-declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<never>>;
+declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<react_native0.View>>;
 //#endregion
 //#region src/components/typography/Blockquote.d.ts
 interface BlockquoteProps {
@@ -2453,7 +2457,7 @@ interface IconButtonProps {
    */
   hapticFeedback?: boolean;
 }
-declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<null>>;
+declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<react_native0.View | react_native0.Animated.LegacyRef<react_native0.View>>>;
 //#endregion
 //#region src/components/forms/TextField.d.ts
 interface TextFieldProps extends TextInputProps$1 {
@@ -2752,7 +2756,7 @@ interface CheckboxProps {
    */
   hapticFeedback?: boolean;
 }
-declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<null>>;
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<react_native0.View | react_native0.Animated.LegacyRef<react_native0.View>>>;
 //#endregion
 //#region src/components/forms/CheckboxGroup.d.ts
 interface CheckboxItem {
@@ -2922,7 +2926,7 @@ interface CheckboxCardsItemProps {
   accessibilityHint?: string;
 }
 declare const CheckboxCardsRoot: React$1.ForwardRefExoticComponent<CheckboxCardsRootProps & React$1.RefAttributes<react_native0.View>>;
-declare const CheckboxCardsItem: React$1.ForwardRefExoticComponent<CheckboxCardsItemProps & React$1.RefAttributes<null>>;
+declare const CheckboxCardsItem: React$1.ForwardRefExoticComponent<CheckboxCardsItemProps & React$1.RefAttributes<react_native0.View | react_native0.Animated.LegacyRef<react_native0.View>>>;
 interface CheckboxCardsCompoundComponent {
   Root: typeof CheckboxCardsRoot;
   Item: typeof CheckboxCardsItem;
@@ -2991,7 +2995,7 @@ interface RadioProps {
    */
   hapticFeedback?: boolean;
 }
-declare const Radio: React$1.ForwardRefExoticComponent<RadioProps & React$1.RefAttributes<null>>;
+declare const Radio: React$1.ForwardRefExoticComponent<RadioProps & React$1.RefAttributes<react_native0.View | react_native0.Animated.LegacyRef<react_native0.View>>>;
 //#endregion
 //#region src/components/forms/RadioGroup.d.ts
 interface RadioGroupContextValue {
@@ -3069,10 +3073,10 @@ interface RadioGroupItemProps extends Omit<RadioProps, 'selected' | 'onSelect'>
    */
   children?: ReactNode;
 }
-declare const RadioGroupItem: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<null>>;
+declare const RadioGroupItem: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<View | react_native0.Animated.LegacyRef<View>>>;
 declare const RadioGroup: {
   Root: React$1.ForwardRefExoticComponent<RadioGroupRootProps & React$1.RefAttributes<View>>;
-  Item: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<null>>;
+  Item: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<View | react_native0.Animated.LegacyRef<View>>>;
 };
 //#endregion
 //#region src/components/forms/RadioCards.d.ts
@@ -3181,7 +3185,7 @@ interface RadioCardsItemProps {
   accessibilityHint?: string;
 }
 declare const RadioCardsRoot: React$1.ForwardRefExoticComponent<RadioCardsRootProps & React$1.RefAttributes<react_native0.View>>;
-declare const RadioCardsItem: React$1.ForwardRefExoticComponent<RadioCardsItemProps & React$1.RefAttributes<null>>;
+declare const RadioCardsItem: React$1.ForwardRefExoticComponent<RadioCardsItemProps & React$1.RefAttributes<react_native0.View | react_native0.Animated.LegacyRef<react_native0.View>>>;
 interface RadioCardsCompoundComponent {
   Root: typeof RadioCardsRoot;
   Item: typeof RadioCardsItem;
@@ -3251,7 +3255,7 @@ interface SwitchProps {
    */
   hapticFeedback?: boolean;
 }
-declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<null>>;
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<react_native0.View | Animated.LegacyRef<react_native0.View>>>;
 //#endregion
 //#region src/hooks/useAnchorPosition.d.ts
 interface AnchorPosition {
@@ -5181,7 +5185,7 @@ interface FancyListProps<T = any> {
   ListFooterComponent?: any;
 }
 declare const FancyList: {
-  <T extends object>({
+  <T extends unknown>({
     data,
     renderItem,
     keyExtractor,
@@ -5856,7 +5860,7 @@ interface AccordionTriggerProps {
    */
   hapticFeedback?: boolean;
 }
-declare const AccordionTrigger: React$1.ForwardRefExoticComponent<AccordionTriggerProps & React$1.RefAttributes<null>>;
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<AccordionTriggerProps & React$1.RefAttributes<react_native0.View | Animated.LegacyRef<react_native0.View>>>;
 interface AccordionContentProps {
   /**
    * Content to show/hide

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import React$1, { ReactElement, ReactNode } from "react";
 import * as react_native0 from "react-native";
-import { AccessibilityRole, ActivityIndicator, ActivityIndicatorProps as ActivityIndicatorProps$1, DimensionValue, FlatList, FlatListProps as FlatListProps$1, GestureResponderEvent, Image, ImageProps as ImageProps$1, ImageStyle, KeyboardTypeOptions, PressableProps as PressableProps$1, ScrollView, ScrollViewProps as ScrollViewProps$1, StyleProp, Text as Text$1, TextInput, TextInputProps as TextInputProps$1, TextProps as TextProps$2, TextStyle, TouchableHighlight, TouchableHighlightProps as TouchableHighlightProps$1, TouchableOpacity, TouchableOpacityProps as TouchableOpacityProps$1, View, ViewProps as ViewProps$1, ViewStyle } from "react-native";
+import { AccessibilityRole, ActivityIndicator, ActivityIndicatorProps as ActivityIndicatorProps$1, Animated, DimensionValue, FlatList, FlatListProps as FlatListProps$1, GestureResponderEvent, Image, ImageProps as ImageProps$1, ImageStyle, KeyboardTypeOptions, PressableProps as PressableProps$1, ScrollView, ScrollViewProps as ScrollViewProps$1, StyleProp, Text as Text$1, TextInput, TextInputProps as TextInputProps$1, TextProps as TextProps$2, TextStyle, TouchableHighlightProps as TouchableHighlightProps$1, TouchableOpacityProps as TouchableOpacityProps$1, View, ViewProps as ViewProps$1, ViewStyle } from "react-native";
 
 //#region src/components/primitives/View.d.ts
 interface ViewProps extends ViewProps$1 {
@@ -27,15 +27,15 @@ interface PressableProps extends PressableProps$1 {
    */
   enableHover?: boolean;
 }
-declare const RnPressable: React$1.NamedExoticComponent<PressableProps & React$1.RefAttributes<never>>;
+declare const RnPressable: React$1.NamedExoticComponent<PressableProps & React$1.RefAttributes<react_native0.View>>;
 //#endregion
 //#region src/components/primitives/TouchableOpacity.d.ts
 interface TouchableOpacityProps extends TouchableOpacityProps$1 {}
-declare const RnTouchableOpacity: React$1.NamedExoticComponent<TouchableOpacityProps & React$1.RefAttributes<TouchableOpacity>>;
+declare const RnTouchableOpacity: React$1.NamedExoticComponent<TouchableOpacityProps & React$1.RefAttributes<react_native0.View>>;
 //#endregion
 //#region src/components/primitives/TouchableHighlight.d.ts
 interface TouchableHighlightProps extends TouchableHighlightProps$1 {}
-declare const RnTouchableHighlight: React$1.NamedExoticComponent<TouchableHighlightProps & React$1.RefAttributes<TouchableHighlight>>;
+declare const RnTouchableHighlight: React$1.NamedExoticComponent<TouchableHighlightProps & React$1.RefAttributes<react_native0.View>>;
 //#endregion
 //#region src/components/primitives/Image.d.ts
 interface ImageProps extends ImageProps$1 {
@@ -83,7 +83,7 @@ interface AnimatedPressableProps extends PressableProps {
    */
   hapticFeedback?: boolean;
 }
-declare const AnimatedPressable: React$1.NamedExoticComponent<AnimatedPressableProps & React$1.RefAttributes<never>>;
+declare const AnimatedPressable: React$1.NamedExoticComponent<AnimatedPressableProps & React$1.RefAttributes<react_native0.View | Animated.LegacyRef<react_native0.View>>>;
 //#endregion
 //#region src/theme/types.d.ts
 interface BaseColorScale {
@@ -1170,6 +1170,10 @@ interface BoxProps {
    * Flex wrap
    */
   flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
+  /**
+   * Flex shorthand (maps to React Native's style `flex`)
+   */
+  flex?: number;
   /**
    * Flex grow
    */
@@ -2255,7 +2259,7 @@ interface LinkProps {
   accessibilityLabel?: string;
 }
 type StyleProp$4<T> = T | T[];
-declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<never>>;
+declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<react_native0.View>>;
 //#endregion
 //#region src/components/typography/Blockquote.d.ts
 interface BlockquoteProps {
@@ -2453,7 +2457,7 @@ interface IconButtonProps {
    */
   hapticFeedback?: boolean;
 }
-declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<null>>;
+declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<react_native0.View | react_native0.Animated.LegacyRef<react_native0.View>>>;
 //#endregion
 //#region src/components/forms/TextField.d.ts
 interface TextFieldProps extends TextInputProps$1 {
@@ -2752,7 +2756,7 @@ interface CheckboxProps {
    */
   hapticFeedback?: boolean;
 }
-declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<null>>;
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<react_native0.View | react_native0.Animated.LegacyRef<react_native0.View>>>;
 //#endregion
 //#region src/components/forms/CheckboxGroup.d.ts
 interface CheckboxItem {
@@ -2922,7 +2926,7 @@ interface CheckboxCardsItemProps {
   accessibilityHint?: string;
 }
 declare const CheckboxCardsRoot: React$1.ForwardRefExoticComponent<CheckboxCardsRootProps & React$1.RefAttributes<react_native0.View>>;
-declare const CheckboxCardsItem: React$1.ForwardRefExoticComponent<CheckboxCardsItemProps & React$1.RefAttributes<null>>;
+declare const CheckboxCardsItem: React$1.ForwardRefExoticComponent<CheckboxCardsItemProps & React$1.RefAttributes<react_native0.View | react_native0.Animated.LegacyRef<react_native0.View>>>;
 interface CheckboxCardsCompoundComponent {
   Root: typeof CheckboxCardsRoot;
   Item: typeof CheckboxCardsItem;
@@ -2991,7 +2995,7 @@ interface RadioProps {
    */
   hapticFeedback?: boolean;
 }
-declare const Radio: React$1.ForwardRefExoticComponent<RadioProps & React$1.RefAttributes<null>>;
+declare const Radio: React$1.ForwardRefExoticComponent<RadioProps & React$1.RefAttributes<react_native0.View | react_native0.Animated.LegacyRef<react_native0.View>>>;
 //#endregion
 //#region src/components/forms/RadioGroup.d.ts
 interface RadioGroupContextValue {
@@ -3069,10 +3073,10 @@ interface RadioGroupItemProps extends Omit<RadioProps, 'selected' | 'onSelect'>
    */
   children?: ReactNode;
 }
-declare const RadioGroupItem: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<null>>;
+declare const RadioGroupItem: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<View | react_native0.Animated.LegacyRef<View>>>;
 declare const RadioGroup: {
   Root: React$1.ForwardRefExoticComponent<RadioGroupRootProps & React$1.RefAttributes<View>>;
-  Item: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<null>>;
+  Item: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<View | react_native0.Animated.LegacyRef<View>>>;
 };
 //#endregion
 //#region src/components/forms/RadioCards.d.ts
@@ -3181,7 +3185,7 @@ interface RadioCardsItemProps {
   accessibilityHint?: string;
 }
 declare const RadioCardsRoot: React$1.ForwardRefExoticComponent<RadioCardsRootProps & React$1.RefAttributes<react_native0.View>>;
-declare const RadioCardsItem: React$1.ForwardRefExoticComponent<RadioCardsItemProps & React$1.RefAttributes<null>>;
+declare const RadioCardsItem: React$1.ForwardRefExoticComponent<RadioCardsItemProps & React$1.RefAttributes<react_native0.View | react_native0.Animated.LegacyRef<react_native0.View>>>;
 interface RadioCardsCompoundComponent {
   Root: typeof RadioCardsRoot;
   Item: typeof RadioCardsItem;
@@ -3251,7 +3255,7 @@ interface SwitchProps {
    */
   hapticFeedback?: boolean;
 }
-declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<null>>;
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<react_native0.View | Animated.LegacyRef<react_native0.View>>>;
 //#endregion
 //#region src/hooks/useAnchorPosition.d.ts
 interface AnchorPosition {
@@ -5181,7 +5185,7 @@ interface FancyListProps<T = any> {
   ListFooterComponent?: any;
 }
 declare const FancyList: {
-  <T extends object>({
+  <T extends unknown>({
     data,
     renderItem,
     keyExtractor,
@@ -5856,7 +5860,7 @@ interface AccordionTriggerProps {
    */
   hapticFeedback?: boolean;
 }
-declare const AccordionTrigger: React$1.ForwardRefExoticComponent<AccordionTriggerProps & React$1.RefAttributes<null>>;
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<AccordionTriggerProps & React$1.RefAttributes<react_native0.View | Animated.LegacyRef<react_native0.View>>>;
 interface AccordionContentProps {
   /**
    * Content to show/hide

package/dist/index.mjs

@@ -3932,10 +3932,10 @@ AnimatedPressable.displayName = "AnimatedPressable";
 //#endregion
 //#region src/components/layout/Box.tsx
 const areEqual$12 = (prevProps, nextProps) => {
-	if (prevProps.children === nextProps.children && prevProps.style === nextProps.style && prevProps.backgroundColor === nextProps.backgroundColor && prevProps.display === nextProps.display && prevProps.flexDirection === nextProps.flexDirection && prevProps.opacity === nextProps.opacity && prevProps.radius === nextProps.radius) return true;
+	if (prevProps.children === nextProps.children && prevProps.style === nextProps.style && prevProps.backgroundColor === nextProps.backgroundColor && prevProps.display === nextProps.display && prevProps.flexDirection === nextProps.flexDirection && prevProps.flex === nextProps.flex && prevProps.opacity === nextProps.opacity && prevProps.radius === nextProps.radius) return true;
 	return false;
 };
-const Box = React.memo(React.forwardRef(({ asChild = false, children, style, backgroundColor, radius, display, flexDirection, justifyContent, alignItems, flexWrap, flexGrow, flexShrink, flexBasis, alignSelf, width, height, minWidth, maxWidth, minHeight, maxHeight, position, top, right, bottom, left, zIndex, overflow, margin, marginTop, marginBottom, marginLeft, marginRight, marginHorizontal, marginVertical, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingHorizontal, paddingVertical, borderWidth, borderRadius: borderRadiusProp, borderColor, opacity, elevation, ...rest }, ref) => {
+const Box = React.memo(React.forwardRef(({ asChild = false, children, style, backgroundColor, radius, display, flexDirection, justifyContent, alignItems, flexWrap, flex, flexGrow, flexShrink, flexBasis, alignSelf, width, height, minWidth, maxWidth, minHeight, maxHeight, position, top, right, bottom, left, zIndex, overflow, margin, marginTop, marginBottom, marginLeft, marginRight, marginHorizontal, marginVertical, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingHorizontal, paddingVertical, borderWidth, borderRadius: borderRadiusProp, borderColor, opacity, elevation, ...rest }, ref) => {
 	const theme = useTheme$1();
 	const colors = theme.colors.gray;
 	const radii = theme.radii;
@@ -3959,6 +3959,7 @@ const Box = React.memo(React.forwardRef(({ asChild = false, children, style, bac
 		justifyContent,
 		alignItems,
 		flexWrap,
+		flex,
 		flexGrow,
 		flexShrink,
 		flexBasis,
@@ -4001,6 +4002,7 @@ const Box = React.memo(React.forwardRef(({ asChild = false, children, style, bac
 		justifyContent,
 		alignItems,
 		flexWrap,
+		flex,
 		flexGrow,
 		flexShrink,
 		flexBasis,
@@ -11917,7 +11919,7 @@ const FancyList = ({ data, renderItem, keyExtractor, style, showDividers = true,
 	const backgroundColor = isDark ? grayAlpha["2"] : grayAlpha["1"];
 	const defaultKeyExtractor = (item, index) => {
 		if (keyExtractor) return keyExtractor(item, index);
-		if ("id" in item) return String(item.id);
+		if (item && typeof item === "object" && "id" in item) return String(item.id);
 		return String(index);
 	};
 	const renderListItem = (info) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "radix-native-ui",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A React Native component library inspired by the Radix Themes design system",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -8,9 +8,14 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     }
   },
   "files": [
@@ -23,14 +28,13 @@
     "react-native": ">=0.70"
   },
   "devDependencies": {
-    "@react-native/babel-preset": "^0.73.11",
-    "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-native": "^12.4.0",
-    "@types/react": "^19.0.2",
+    "@react-native/babel-preset": "^0.81.5",
+    "@testing-library/react-native": "^13.3.3",
+    "@types/react": "^19.2.10",
     "jest": "^29.6.0",
-    "react": "^18.2.0",
-    "react-native": "^0.73.0",
-    "react-test-renderer": "^18.2.0",
+    "react": "^19.1.0",
+    "react-native": "^0.81.5",
+    "react-test-renderer": "^19.1.0",
     "tsdown": "^0.20.1",
     "typescript": "^5.1.0"
   },