Fix bad npm build

examples/expo-example/src/app.tsx

@@ -4,10 +4,11 @@
 //
 
 import { StatusBar } from "expo-status-bar";
-import { Text, View, Pressable, TextProps } from "react-native";
+import { Text, View, Pressable, TextProps, Image } from "react-native";
 import { registerRootComponent } from "expo";
 import { Stylable, useYoshiki, px, md } from "yoshiki/native";
 import { H1 } from "@expo/html-elements";
+import { ImageProps } from "react-native";
 
 const CustomBox = ({ color, ...props }: { color: string } & Stylable) => {
 	const { css } = useYoshiki();
@@ -46,11 +47,11 @@ const BoxWithoutProps = (props: Stylable) => {
 						},
 						focus: {
 							self: {
-								bg: "yellow"
+								bg: "yellow",
 							},
 							text: {
 								transform: [{ scale: 2 }],
-								color: "green"
+								color: "green",
 							},
 						},
 					},
@@ -93,6 +94,7 @@ const P = (props: TextProps) => {
 
 function App() {
 	const { css } = useYoshiki();
+	const test: ImageProps = {};
 
 	return (
 		<View
@@ -107,13 +109,15 @@ function App() {
 			<Text>Open up App.tsx to start working on your app!</Text>
 			<CustomBox color="black" {...css({ borderColor: "red", borderWidth: px(3) })} />
 			<BoxWithoutProps {...css({ borderColor: "red", borderWidth: px(3) })} />
-			<Pressable android_ripple={{ color: "black"}}>
+			<Pressable android_ripple={{ color: "black" }}>
 				<P
 					accessibilityLabel="toto"
-					style={[undefined, false, { color: "red" }, [{ color: "green" }, false]]}
+					{...css([undefined, false, { color: "red" }, [{ color: "green" }, false]])}
 				>
 					Test
 				</P>
+				<Image {...css({ width: px(100) }, test)} />
+				<Image {...css({ width: px(100), resizeMode: "cover" })} />
 			</Pressable>
 			<StatusBar style="auto" />
 		</View>

packages/yoshiki/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "yoshiki",
-	"version": "1.0.7",
+	"version": "1.0.8",
 	"author": "Zoe Roux <zoe.roux@sdg.moe> (https://github.com/AnonymusRaccoon)",
 	"license": "MIT",
 	"keywords": [

packages/yoshiki/src/native/type.ts

@@ -62,7 +62,7 @@ declare function nativeCss<Leftover = never>(
 	cssList: StyleList<
 		(EnhancedStyle<TextStyle> & Partial<WithState<EnhancedStyle<NativeStyle>>>) | string
 	>,
-	leftOvers?: Leftover & { style?: StyleProp<TextStyle> | StyleFunc<StyleProp<ViewStyle>> | null },
+	leftOvers?: Leftover & { style?: StyleProp<TextStyle> | StyleFunc<StyleProp<TextStyle>> | null },
 ): AddLO<PressableProps, Leftover>;
 
 declare function nativeCss<Leftover = never>(
@@ -73,7 +73,7 @@ declare function nativeCss<Leftover = never>(
 	cssList: StyleList<
 		(EnhancedStyle<ImageStyle> & Partial<WithState<EnhancedStyle<NativeStyle>>>) | string
 	>,
-	leftOvers?: Leftover & { style?: StyleProp<ImageStyle> | StyleFunc<StyleProp<ViewStyle>> | null },
-): AddLO<PressableProps, Leftover>;
+	leftOvers?: Leftover & { style?: StyleProp<ImageStyle> | StyleFunc<StyleProp<ImageStyle>> | null },
+): AddLO<PressableProps & { style?: StyleProp<ImageStyle> | StyleFunc<StyleProp<ImageStyle>> }, Leftover>;
 
 export type NativeCssFunc = typeof nativeCss;

yarn.lock

@@ -6150,16 +6150,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"enhanced-resolve@npm:^5.10.0":
-  version: 5.12.0
-  resolution: "enhanced-resolve@npm:5.12.0"
-  dependencies:
-    graceful-fs: ^4.2.4
-    tapable: ^2.2.0
-  checksum: bf3f787facaf4ce3439bef59d148646344e372bef5557f0d37ea8aa02c51f50a925cd1f07b8d338f18992c29f544ec235a8c64bcdb56030196c48832a5494174
-  languageName: node
-  linkType: hard
-
 "entities@npm:^2.0.0":
   version: 2.2.0
   resolution: "entities@npm:2.2.0"
@@ -10919,7 +10909,6 @@ __metadata:
     eslint: 8.27.0
     eslint-config-next: 13.0.3
     next: 13.0.3
-    next-transpile-modules: ^10.0.0
     react: 18.2.0
     react-dom: 18.2.0
     typescript: 4.8.4
@@ -10927,15 +10916,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"next-transpile-modules@npm:^10.0.0":
-  version: 10.0.0
-  resolution: "next-transpile-modules@npm:10.0.0"
-  dependencies:
-    enhanced-resolve: ^5.10.0
-  checksum: 3300fc7081f63b2c9487588db7cbe718f209dfd2111adec22d9c8af0e3c8ade2d95fd45f91e045546d78d98cafc78a49431de9a623360d33831b5e694bf007c9
-  languageName: node
-  linkType: hard
-
 "next@npm:13.0.3":
   version: 13.0.3
   resolution: "next@npm:13.0.3"
@@ -14576,13 +14556,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tapable@npm:^2.2.0":
-  version: 2.2.1
-  resolution: "tapable@npm:2.2.1"
-  checksum: 3b7a1b4d86fa940aad46d9e73d1e8739335efd4c48322cb37d073eb6f80f5281889bf0320c6d8ffcfa1a0dd5bfdbd0f9d037e252ef972aca595330538aac4d51
-  languageName: node
-  linkType: hard
-
 "tar@npm:^6.0.2, tar@npm:^6.0.5, tar@npm:^6.1.11, tar@npm:^6.1.2":
   version: 6.1.12
   resolution: "tar@npm:6.1.12"